/* Six inner pages only. V3 photo + sculptural artwork, original body geometry. */
.nuguna-editorial-page main {
  --ed-accent: #165de0;
  --ed-ink: #142033;
  --ed-line: #d8e0e9;
  --ed-surface: #f5f6f7;
}
.nuguna-editorial-page main.page-phone { --ed-accent: #087c70; --ed-surface: #f5f5f2; }
.nuguna-editorial-page main:has(> .subhero.ntelecom) { --ed-accent: #386aa4; }
.nuguna-editorial-page main.p2-plans { --ed-accent: #7050ad; }
.nuguna-editorial-page main.p2-conditions { --ed-accent: #ad572d; --ed-surface: #f6f5f2; }
.nuguna-editorial-page main.p2-start { --ed-accent: #286fa5; }
.nuguna-editorial-page main.p2-guide { --ed-accent: #237e6b; --ed-surface: #f4f5f2; }

/* The photograph's single accent flows through the page, not the site header. */
.nuguna-editorial-page main :is(.eyebrow, .p2-kicker, .highlight),
.nuguna-editorial-page main .p2-hero h1 em { color: var(--ed-accent); }
.nuguna-editorial-page main :is(.eyebrow, .p2-kicker)::before { background: var(--ed-accent); }
.nuguna-editorial-page main :is(.button-primary, .p2-btn-blue, .p2-btn-green) {
  background: var(--ed-accent);
  border-color: var(--ed-accent);
  color: #fff;
}
.nuguna-editorial-page main :is(.p2-phone-outline, .p2-clipboard, .p2-magnifier) { border-color: var(--ed-accent); }
.nuguna-editorial-page main .p2-phone-outline span,
.nuguna-editorial-page main .p2-clipboard::before,
.nuguna-editorial-page main .p2-magnifier::after { background: var(--ed-accent); }
.nuguna-editorial-page main .p2-sim-chip { background: var(--ed-accent); }
.nuguna-editorial-page main .p2-guide-label { color: var(--ed-accent); border-color: var(--ed-accent); background: #fff; }

/* Generated art is text-free; existing titles, links and content remain HTML. */
.nuguna-editorial-page main :is(.subhero, .p2-hero) {
  --ed-photo: url('../images/hero-editorial/prepaid-phone-v3.webp');
  background-color: #f5f4f0;
  background-image: linear-gradient(90deg, #f6f3ed 0%, #f6f3ed 36%, rgba(246,243,237,0) 66%), var(--ed-photo);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-bottom-color: #e1e4e5;
}
.nuguna-editorial-page main .subhero.ntelecom {
  --ed-photo: url('../images/hero-editorial/ntelecom-v3.webp');
}
.nuguna-editorial-page main .p2-plans-hero {
  --ed-photo: url('../images/hero-editorial/plans-v3.webp');
}
.nuguna-editorial-page main .p2-condition-hero {
  --ed-photo: url('../images/hero-editorial/conditions-v3.webp');
}
.nuguna-editorial-page main .p2-start-hero {
  --ed-photo: url('../images/hero-editorial/start-v3.webp');
}
.nuguna-editorial-page main .p2-guide-hero {
  --ed-photo: url('../images/hero-editorial/guide-v3.webp');
}

/* Neutral surfaces with saturated, legible accents instead of pastel washes. */
.nuguna-editorial-page main :is(.section-soft, .section-ice) {
  background: var(--ed-surface);
}
.nuguna-editorial-page main :is(.card, .p2-condition-main, .p2-compare-panels article, .p2-condition-cards article) {
  border-color: var(--ed-line);
  background: #fff;
  box-shadow: 0 8px 26px rgba(18,39,67,.055);
}
.nuguna-editorial-page main :is(.p2-answer-guide, .p2-guide-routes, .p2-featured-plans, .p2-activation-journey) {
  background: #fff;
  border-color: var(--ed-line);
  border-top: 4px solid var(--ed-accent);
  box-shadow: 0 12px 32px rgba(18,39,67,.065);
}
.nuguna-editorial-page main :is(.p2-answer-grid > article, .p2-answer-grid > a) {
  background: #fff;
  border-color: var(--ed-line);
}
.nuguna-editorial-page main :is(.p2-answer-grid > article, .p2-answer-grid > a) { border-top: 3px solid var(--ed-accent); }
.nuguna-editorial-page main .p2-section-head span { color: var(--ed-accent); }
.nuguna-editorial-page main .p2-section-head span::before { background: var(--ed-accent); }
.nuguna-editorial-page main .answer-box {
  background: #fff;
  border-color: var(--ed-line);
  border-left: 5px solid var(--ed-accent);
  color: var(--ed-ink);
}
.nuguna-editorial-page main .answer-box > strong { color: var(--ed-accent); }
.nuguna-editorial-page main .card-accent { border-top: 4px solid var(--ed-accent); }
.nuguna-editorial-page main .compare-table th {
  background: #17304e;
  color: #fff;
  border-color: #304962;
}
.nuguna-editorial-page main .compare-table td { background: #fff; }
.nuguna-editorial-page main .compare-table tbody tr:nth-child(even) td { background: var(--ed-surface); }
.nuguna-editorial-page main .anchor-nav { background: #fff; border-color: var(--ed-line); }
.nuguna-editorial-page main .anchor-nav a:is(:hover, :focus-visible, .is-active, .active) {
  background: var(--ed-accent);
  color: #fff;
}
.nuguna-editorial-page main .section .network-card { background: #fff; }
.nuguna-editorial-page main .section .network-card.k { border-top: 4px solid #165de0; }
.nuguna-editorial-page main .section .network-card.l { border-top: 4px solid #df1266; }

/* Plans: clear selected states and stronger network identification. */
.nuguna-editorial-page .p2-filter { border-color: var(--ed-line); }
.nuguna-editorial-page .p2-filter-toggle { background: #17304e; color: #fff; }
.nuguna-editorial-page .p2-filter-options input:checked + span {
  background: var(--ed-accent);
  border-color: var(--ed-accent);
  color: #fff;
}
.nuguna-editorial-page .p2-filter-options input:focus-visible + span {
  outline: 3px solid #ffcd00;
  outline-offset: 2px;
}
.nuguna-editorial-page .p2-network-tabs button.is-active { background: var(--ed-accent); color: #fff; }
.nuguna-editorial-page main .popular-plan-card {
  background: #fff !important;
  border-color: #d5dfed !important;
  border-top: 4px solid #165de0 !important;
}
.nuguna-editorial-page main .popular-plan-card.network-L { border-top-color: #df1266 !important; }
.nuguna-editorial-page main .popular-plan-card::before { display: none; }
.nuguna-editorial-page main .popular-plan-badge { background: #165de0; color: #fff; }
.nuguna-editorial-page main .network-L .popular-plan-badge { background: #df1266; color: #fff; }
.nuguna-editorial-page .p2-plan-card { background: #fff; border-color: var(--ed-line); }
.nuguna-editorial-page .p2-plan-card.network-K { border-left: 4px solid #165de0; }
.nuguna-editorial-page .p2-plan-card.network-L { border-left: 4px solid #df1266; }
.nuguna-editorial-page :is(.p2-speed-cards, .p2-use-cards) article {
  background: #fff;
  border-color: var(--ed-line);
  border-top: 4px solid var(--ed-accent);
}
.nuguna-editorial-page .p2-speed-cards b { color: var(--ed-accent); }

/* Conditions and setup retain their existing controls and steps. */
.nuguna-editorial-page .p2-situation-menu { background: #fff; border-color: var(--ed-line); }
.nuguna-editorial-page .p2-situation-menu button.is-active { background: var(--ed-accent); border-color: var(--ed-accent); color: #fff; }
.nuguna-editorial-page .p2-situation-menu button.is-active :is(b, em, small) { color: #fff; }
.nuguna-editorial-page .p2-situation-menu button.is-active span { background: #fff; color: var(--ed-accent); }
.nuguna-editorial-page .p2-condition-step { background: #fff; border-color: var(--ed-line); }
.nuguna-editorial-page :is(.p2-choice-grid button.is-selected, .p2-check-list button.is-checked) {
  background: #fff;
  color: var(--ed-ink);
  border-color: var(--ed-accent);
  outline-color: var(--ed-accent);
}
.nuguna-editorial-page .p2-start-step { background: #fff; border-color: var(--ed-line); }
.nuguna-editorial-page .p2-start-heading > span { background: var(--ed-accent); color: #fff; }
.nuguna-editorial-page :is(.p2-start-notices, .p2-journey-actions, .p2-beginner) {
  background: #fff;
  border-color: var(--ed-line);
  border-left: 4px solid var(--ed-accent);
}

/* Information guide: keep post rows distinct from category navigation. */
.nuguna-editorial-page .p2-board-categories > article { background: #fff; border-color: var(--ed-line); border-top: 4px solid var(--ed-accent); }
.nuguna-editorial-page .p2-board-categories .p2-cat-title > span { background: var(--ed-accent); color: #fff; }
.nuguna-editorial-page .p2-board-categories .p2-board-all { background: var(--ed-accent); border-color: var(--ed-accent); color: #fff; }
.nuguna-editorial-page .p2-board-table { border-top: 3px solid #17304e; }
.nuguna-editorial-page .p2-board-table article { background: #fff; }
.nuguna-editorial-page .p2-board-table article:nth-child(even) { background: var(--ed-surface); }
.nuguna-editorial-page .p2-board-table article:hover { background: #edf5f1; }
.nuguna-editorial-page .p2-board-cat { color: var(--ed-accent); }
.nuguna-editorial-page main :is(.faq-question, .p2-faq-question) { color: var(--ed-ink); background: #fff; }
.nuguna-editorial-page main :is(a, button):focus-visible { outline: 3px solid var(--ed-accent); outline-offset: 3px; }

@media (max-width: 767px) {
  .nuguna-editorial-page main :is(.subhero, .p2-hero) {
    background-image: linear-gradient(90deg, rgba(255,255,255,.9), rgba(255,255,255,.62) 58%, rgba(255,255,255,.22)), var(--ed-photo);
    background-position: 62% center;
  }
  /* Same compressed artwork, with a mobile readability overlay. */
  .nuguna-editorial-page main .subhero { --ed-photo: url('../images/hero-editorial/prepaid-phone-v3.webp'); }
  .nuguna-editorial-page main .subhero.ntelecom { --ed-photo: url('../images/hero-editorial/ntelecom-v3.webp'); }
  .nuguna-editorial-page main .p2-plans-hero { --ed-photo: url('../images/hero-editorial/plans-v3.webp'); }
  .nuguna-editorial-page main .p2-condition-hero { --ed-photo: url('../images/hero-editorial/conditions-v3.webp'); }
  .nuguna-editorial-page main .p2-start-hero { --ed-photo: url('../images/hero-editorial/start-v3.webp'); }
  .nuguna-editorial-page main .p2-guide-hero { --ed-photo: url('../images/hero-editorial/guide-v3.webp'); }
}

/* V3: the new 3D sculpture is already composited into the photograph. Keep the
   original grid column, suppress only the old decorative CSS illustration. */
.nuguna-editorial-page main :is(.subhero-visual,.p2-plan-art,.p2-condition-art,.p2-start-art,.p2-guide-art){visibility:hidden}
.nuguna-editorial-page main :is(.subhero,.p2-hero){background-size:auto 100%;background-position:right center;background-color:#f6f3ed}
/* Anchor the sculpture to the content column, including wide / zoomed-out
   viewports. Feather both photo edges so the frame can move away from the edge. */
@media(min-width:768px){
  .nuguna-editorial-page main :is(.subhero,.p2-hero){
    --ed-art-container:1180px;
    --ed-art-inset:130px;
    position:relative; isolation:isolate; overflow:hidden; background-image:none;
  }
  .nuguna-editorial-page main .subhero{--ed-art-container:1240px;--ed-art-inset:0px}
  .nuguna-editorial-page main .subhero.ntelecom{--ed-art-inset:-80px}
  .nuguna-editorial-page main .p2-start-hero{--ed-art-inset:270px}
  .nuguna-editorial-page main .p2-guide-hero{--ed-art-inset:400px}
  .nuguna-editorial-page main :is(.subhero,.p2-hero)::before{
    content:""; display:block!important; position:absolute; z-index:0;
    inset:0 auto 0 auto;
    right:max(0px,calc((100% - var(--ed-art-container)) / 2 + var(--ed-art-inset)));
    width:auto; height:100%; aspect-ratio:1942 / 809;
    border:0; border-radius:0; opacity:1; transform:none; pointer-events:none;
    background:var(--ed-photo) center / 100% 100% no-repeat;
    mask-image:linear-gradient(90deg,transparent 0%,#000 32%,#000 86%,transparent 100%);
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 32%,#000 86%,transparent 100%);
  }
  .nuguna-editorial-page main :is(.subhero,.p2-hero)>:is(.container,.p2-shell){position:relative;z-index:1}
  /* Match the four guide-photo right edges to the 1180px body shell. */
  .nuguna-editorial-page main :is(.p2-plans-hero,.p2-condition-hero,.p2-start-hero,.p2-guide-hero)::before{
    right:max(20px,calc((100% - 1180px) / 2));
    mask-image:linear-gradient(90deg,transparent 0%,#000 32%,#000 100%);
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 32%,#000 100%);
  }
}
.nuguna-editorial-page main :is(.subhero,.p2-hero) h1{word-break:keep-all;overflow-wrap:normal}
.nuguna-editorial-page main .p2-hero h1 strong{color:var(--ed-accent)}
.nuguna-editorial-page main :is(.subhero,.p2-hero)::before,
.nuguna-editorial-page main :is(.subhero,.p2-hero)::after{display:none}
.nuguna-editorial-page .subhero.ntelecom h1 span{color:var(--ed-accent)!important}
.nuguna-editorial-page .subhero.ntelecom .subhero-grid>.grid-2{align-self:end;padding-top:175px}
.nuguna-editorial-page .subhero.ntelecom .network-card{padding:16px 20px;background:#fffffff0;backdrop-filter:blur(8px);border-color:#d2dfeb;box-shadow:0 8px 24px #273b5110}
.nuguna-editorial-page .subhero.ntelecom .network-letter{font-size:26px;color:var(--ed-accent)}
.nuguna-editorial-page main :is(.activation-step-heading span,.activation-step-number,.phone-activation-step-number){background:var(--ed-accent)!important;box-shadow:none}
.nuguna-editorial-page main .activation-step-heading{background:linear-gradient(180deg,#f8faf9 0%,#f8faf9 88%,#f8faf900)}

/* Steps 01–04 use live copy; match the proportional headings baked into 05–08.
   Size against each card, not the viewport: the two pages have different grids. */
.nuguna-editorial-page main .activation-step-shot.shot-a {
  container-type:inline-size;
  background-size:400% 90%;
  background-position-y:100%;
}
.nuguna-editorial-page main .shot-a .activation-step-heading {
  height:26%; min-height:0; padding:8.6cqw 5cqw 0;
  background:linear-gradient(180deg,#f8f9ff 0%,#f8f9ff 94%,#f8f9ff00 100%);
}
.nuguna-editorial-page main .shot-a .activation-step-heading span {
  flex:none; width:13.6cqw; height:13.6cqw; margin:0 0 4cqw;
  font-size:7cqw; font-weight:800; line-height:1; box-shadow:none;
}
.nuguna-editorial-page main .shot-a .activation-step-heading h3 {
  margin:0; color:#111; font-size:6cqw; font-weight:800;
  line-height:1.25; letter-spacing:-.045em; white-space:nowrap;
}
.nuguna-editorial-page main .shot-a .activation-step-heading p {
  width:80cqw; max-width:none; margin:1.6cqw 0 0;
  color:#202124; font-size:3.9cqw; font-weight:400;
  line-height:1.6; letter-spacing:-.035em; word-break:keep-all;
}
.nuguna-editorial-page main .shot-a .activation-step-heading p:empty {display:none}
.nuguna-editorial-page main .shot-a.shot-1 .activation-step-heading span {background:linear-gradient(135deg,#ff8589,#ff525e)!important}
.nuguna-editorial-page main .shot-a.shot-2 .activation-step-heading span {background:linear-gradient(135deg,#ab57ff,#8733ee)!important}
.nuguna-editorial-page main .shot-a.shot-3 .activation-step-heading span {background:linear-gradient(135deg,#51e3c4,#38caaa)!important}
.nuguna-editorial-page main .shot-a.shot-4 .activation-step-heading span {background:linear-gradient(135deg,#668eff,#466df0)!important}
.nuguna-editorial-page main :is(.p2-btn-outline,.button-outline){color:var(--ed-accent);border-color:var(--ed-accent)}
.nuguna-editorial-page main :is(.p2-guide-search button,.p2-pagination .is-current){background:var(--ed-accent);color:#fff}
.nuguna-editorial-page main :is(.p2-choice-grid button>span,.p2-situation-menu button span){color:var(--ed-accent);background:color-mix(in srgb,var(--ed-accent) 9%,white)!important}
.nuguna-editorial-page main :is(.p2-faq-item button::before,.p2-faq-item button span){color:var(--ed-accent);background:color-mix(in srgb,var(--ed-accent) 9%,white)}

/* Board masthead: approximately half the other page heroes (desktop 240px). */
.nuguna-editorial-page main.p2-guide .p2-guide-hero{min-height:240px;padding:24px 0;background-size:auto 100%;background-image:linear-gradient(90deg,#f6f3ed 0%,#f6f3ed 54%,#f6f3ed00 73%),var(--ed-photo)}
@media(min-width:768px){.nuguna-editorial-page main.p2-guide .p2-guide-hero{background-image:none}}
.nuguna-editorial-page main.p2-guide .p2-hero-grid{min-height:192px;padding-block:0;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr)}
.nuguna-editorial-page main.p2-guide .p2-guide-art{height:0;min-height:0}
.nuguna-editorial-page main.p2-guide .p2-guide-hero h1{font-size:clamp(28px,3vw,42px);line-height:1.25;margin:10px 0 8px;letter-spacing:-.055em}
.nuguna-editorial-page main.p2-guide .p2-guide-hero p{font-size:14px;margin:0 0 12px;line-height:1.6}
.nuguna-editorial-page main.p2-guide .p2-guide-search{max-width:440px;margin-top:12px;min-height:44px;height:44px;border-color:#abcac0;box-shadow:0 8px 22px #237e6b0b}
.nuguna-editorial-page main.p2-guide .p2-guide-search input{min-height:44px;padding-block:10px}
.nuguna-editorial-page main.p2-guide .p2-guide-label{font-size:11px;padding:4px 10px;margin-bottom:0}
.nuguna-editorial-page main.p2-guide .p2-guide-hero p:empty{display:none}
.nuguna-board-page .nuguna-board-banner{min-height:240px;display:flex;align-items:center;background-color:#f6f3ed;background-image:linear-gradient(90deg,#f6f3ed 0%,#f6f3ed 54%,#f6f3ed00 73%),url('../images/hero-editorial/guide-v3.webp');background-position:right center;background-size:auto 100%;background-repeat:no-repeat;border-bottom:1px solid #e0e6df}
.nuguna-board-banner>.container{width:100%;max-width:1160px;margin-inline:auto;padding:32px 24px}
.nuguna-board-banner h2{font-size:clamp(28px,3vw,42px);line-height:1.25;letter-spacing:-.055em;margin:12px 0}
.nuguna-board-banner h2 em{font-style:normal;color:#237e6b}
.nuguna-board-banner p{font-size:15px;color:#52625b}
.nuguna-board-page .guide-article{--guide-blue:#237e6b;--guide-teal:#237e6b;--guide-surface:#f4f7f4}
.nuguna-board-page .guide-board__breadcrumb{margin-bottom:32px;background:#f4f7f4}
.nuguna-board-page .guide-article__featured{display:block;width:100%;max-height:420px;object-fit:contain;border-radius:16px;margin:20px 0;background:#f5f6f4}
.nuguna-board-page .guide-article__body img{max-width:100%;height:auto}
.nuguna-board-page .guide-board__sidebar-head{background:#f1f7f4;color:#237e6b}
.nuguna-board-page .guide-board__sidebar-head :is(h2,span){color:#237e6b}
@media(max-width:767px){
  .nuguna-editorial-page main :is(.subhero,.p2-hero){background-position:76% center}
  .nuguna-editorial-page main .subhero-visual{display:none}
  .nuguna-editorial-page main.p2-guide .p2-guide-hero{min-height:230px;padding:22px 0;background-position:76% center;background-image:linear-gradient(90deg,#faf8f3f2,#faf8f3a8 70%,#faf8f355),var(--ed-photo)}
  .nuguna-editorial-page main.p2-guide .p2-hero-grid{display:block;min-height:186px}
  .nuguna-editorial-page main.p2-guide .p2-guide-hero h1{font-size:29px}
  .nuguna-editorial-page main.p2-guide .p2-guide-search{max-width:100%}
  .nuguna-editorial-page .subhero.ntelecom .subhero-grid>.grid-2{padding-top:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .nuguna-editorial-page .subhero.ntelecom .network-card{padding:14px;min-height:0}
  .nuguna-editorial-page .subhero.ntelecom .network-card :is(b,p){font-size:13px}
  .nuguna-board-page .nuguna-board-banner{min-height:220px;background-image:linear-gradient(90deg,#faf8f3ed,#faf8f388 75%,#faf8f344),url('../images/hero-editorial/guide-v3.webp');background-position:76% center}
  .nuguna-board-banner p{max-width:240px}
}

/* Mobile guide utility: keep its action readable instead of squeezing the
   label into a narrow vertical button beside the explanatory copy. */
@media (max-width: 700px) {
  .nuguna-editorial-page .p2-beginner {
    display: block;
    padding: 21px 18px;
  }

  .nuguna-editorial-page .p2-beginner > div > b {
    display: block;
    margin-bottom: 7px;
    font-size: 1.12rem;
    line-height: 1.5;
  }

  .nuguna-editorial-page .p2-beginner > div > p {
    font-size: 1rem;
    line-height: 1.78;
  }

  .nuguna-editorial-page .p2-beginner .p2-btn {
    width: 100%;
    min-height: 52px;
    margin-top: 15px;
    padding: 12px 16px;
    font-size: 1rem;
    line-height: 1.4;
    white-space: normal;
  }
}