/* ============================================================================================
   OKNO_GV_BALANCED_CONVERSION_R1 — the Golden Visa commercial layer.

   Everything here is scoped under .gv-page, the class this wave adds to the page's own <main>.
   The shared /d3.css is loaded by 527 mirror pages and is NOT touched; neither are the shell,
   the widget, consent or the card system. Only tokens those sheets already define are used —
   no new palette, font or button family.
   ============================================================================================ */

/* the compact hero: route, audience, the published property notice, what OKNO does */
.gv-page .gv-hero{padding:26px 0 22px}
.gv-page .gv-hero__copy{max-width:74ch}
.gv-page .gv-hero__copy .d3-h1{margin:0 0 10px}
.gv-page .gv-hero__copy .d3-lead{margin:0 0 10px}
.gv-page .gv-hero__copy .d3-p{margin:0 0 8px}
.gv-page .gv-hero__notice{color:var(--gs-navy)}
.gv-page .gv-hero__acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.gv-page .gv-hero__acts .d3-btn{width:auto}

/* the reference lead-in that now carries the published definition and the update date */
.gv-page .gv-refhead{padding-bottom:0}
.gv-page .gv-refhead .d3-updated{margin:10px 0 0}

/* one help zone: a heading, a sentence, one closed accordion, the free question and support */
.gv-page .gv-help__shell{margin:4px 0 0}
.gv-page .gv-acc{border:1px solid var(--ok-card-line);border-radius:14px;background:var(--ok-card-surface);overflow:hidden}
.gv-page .gv-acc__sum{display:flex;align-items:center;justify-content:space-between;gap:12px;
  min-height:56px;padding:14px 18px;cursor:pointer;list-style:none;
  font-size:17px;font-weight:800;color:var(--gs-navy)}
.gv-page .gv-acc__sum::-webkit-details-marker{display:none}
.gv-page .gv-acc__sum:hover{background:var(--ok-card-surface-quiet)}
.gv-page .gv-acc__sum:focus-visible{outline:2px solid var(--gs-teal);outline-offset:-2px}
.gv-page .gv-acc__chev{flex:0 0 auto;width:12px;height:12px;border-right:2px solid var(--gs-teal);border-bottom:2px solid var(--gs-teal);
  transform:rotate(45deg);transition:transform .15s ease;margin-right:4px}
.gv-page .gv-acc[open] .gv-acc__chev{transform:rotate(225deg)}
.gv-page .gv-acc__b{padding:4px 18px 18px;border-top:1px solid var(--ok-card-line)}
.gv-page .gv-acc__b .d3-h3{margin:14px 0 2px}
.gv-page .gv-acc__b .d3-list{margin-bottom:10px}
.gv-page .gv-format{color:var(--ok-muted);margin:0 0 10px}
.gv-page .gv-scope{color:var(--ok-muted);margin-top:10px}
.gv-page .gv-consults{margin:12px 0 0}
.gv-page .gv-consult__role{color:var(--ok-muted);margin:0 0 6px}
.gv-page .gv-consult__note{color:var(--ok-muted);margin:0 0 8px}
.gv-page .gv-price{font-size:22px;font-weight:800;color:var(--gs-teal);margin:0 0 8px}
.gv-page .gv-card__foot{margin-top:auto;padding-top:10px}
.gv-page .gv-help__free{margin-top:12px}
.gv-page .gv-help__freenote{color:var(--ok-muted);margin:8px 0 0;max-width:62ch}
.gv-page .gv-help__support{margin-top:22px;padding-top:18px;border-top:1px solid var(--ok-card-line)}
.gv-page .gv-help__support .d3-h3{margin:0 0 8px}

/* the one compact entry that replaced the repeated price list in the cost section */
.gv-page .gv-costcta{margin-top:6px}

/* the hero photograph, moved once into the process section after its steps */
.gv-page .gv-processpic{margin-top:18px}
.gv-page .gv-processpic .d3-pic img{width:100%;height:auto;border-radius:16px}

/* the help item in the local navigation is an ordinary link; only the named CTA opens the offer.
   #help and #services are normal anchor targets, offset by the measured height of the sticky
   header plus the local navigation so they never land underneath them. */
.gv-page #help,.gv-page #services,.gv-page #reference{scroll-margin-top:var(--gv-anchor-offset,120px)}

@media(max-width:900px){
  .gv-page .gv-acc__b .d3-grid--2{grid-template-columns:1fr}
}
@media(max-width:640px){
  .gv-page .gv-hero{padding:14px 0 16px}
  .gv-page .gv-hero__acts{gap:8px}
  /* The shared shell reserves 62px on the right of every .d3-cta-row. On the rows THIS wave creates
     that reserve leaves the button 62px short of its own container and a ragged right edge, so it is
     dropped for those rows only. The reserve stays untouched everywhere else, including the preserved
     rows in #s12 and #s11 and the 51 other pages that use .d3-cta-row. */
  .gv-page .gv-hero__acts,
  .gv-page .gv-help__support .d3-cta-row,
  .gv-page .gv-costcta,
  .gv-page #final .d3-cta-row{padding-right:0}
  /* the entries fill their own container, never the viewport, and a long label wraps instead of clipping */
  .gv-page .gv-hero__acts .d3-btn,
  .gv-page .gv-help__free .d3-btn,
  .gv-page .gv-help__support .d3-cta-row .d3-btn,
  .gv-page .gv-costcta .d3-btn,
  .gv-page .gv-consults .gv-card__foot .d3-btn,
  .gv-page #final .d3-cta-row .d3-btn{width:100%;box-sizing:border-box;justify-content:center;text-align:center;min-height:44px;white-space:normal}
  .gv-page #final .d3-cta-row,.gv-page .gv-costcta{display:flex}
  .gv-page .gv-acc__sum{min-height:52px;padding:12px 14px;font-size:16px}
  .gv-page .gv-acc__b{padding:4px 14px 16px}
  .gv-page .gv-help__support{margin-top:18px}
}