/* guides.css — the guides hub (/guides/) and the Buyer's, Seller's and Investor's guides (Oct 30, 2026, t-243), written by
   scripts/persona-guides/gen.mjs. Loaded after theme.css, vx.css and calc.css, whose tokens (--bg, --card, --ink, --gold,
   --olive, --fill, --line, --r …), buttons, hero, sections, FAQ and "Your guide" card it reuses; only the new pieces live here:
     - the Watch-style bubble field on the hub (a plain wrapped list until guides.js turns it into a honeycomb);
     - the guide's round badge, the Buy / Sell / Invest switch, key takeaways, "On this page", the steps, tool cards,
       tables and the sources list.
   The badge, the hub's three big bubbles and the switch's bubbles share view-transition-names (g-buy, g-sell, g-invest), so
   a tapped bubble grows into the next page's badge (cross-document view transitions: Chrome 126+, Safari 18.2+; vx.css turns
   them on and off for reduced motion). Nothing waits for an animation. */

:root{ --g-buy:#544E2E; --g-sell:#6E6440; --g-invest:#4A5541; --g-small:#DDD8C6; --g-small-ink:#26231A; --g-on:#F7F5EE; }
html.sar-dark{ --g-buy:#6B6440; --g-sell:#7A7049; --g-invest:#56624C; --g-small:#24221A; --g-small-ink:#EFECE3; --g-on:#F7F5EE; }

/* ---------- the round badge in a guide's hero, and the switch ---------- */
.g-head{display:flex;align-items:center;gap:14px;margin:0 0 14px;}
.g-orb{width:56px;height:56px;border-radius:50%;flex:none;display:grid;place-items:center;color:var(--g-on);font:500 12px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;}
.g-orb.buy{background:var(--g-buy);view-transition-name:g-buy;}
.g-orb.sell{background:var(--g-sell);view-transition-name:g-sell;}
.g-orb.invest{background:var(--g-invest);view-transition-name:g-invest;}
.g-head .eyebrow{margin:0;}
.g-switch{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 0;padding:0;list-style:none;}
.g-switch a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px 0 6px;border-radius:999px;border:1px solid var(--line2);text-decoration:none;font:500 13px/1 var(--sans);color:var(--ink);}
.g-switch a i{width:32px;height:32px;border-radius:50%;flex:none;}
.g-switch a.buy i{background:var(--g-buy);} .g-switch a.sell i{background:var(--g-sell);} .g-switch a.invest i{background:var(--g-invest);}
.g-switch a.buy:not([aria-current]) i{view-transition-name:g-buy;}
.g-switch a.sell:not([aria-current]) i{view-transition-name:g-sell;}
.g-switch a.invest:not([aria-current]) i{view-transition-name:g-invest;}
.g-switch a[aria-current]{background:var(--fill);color:var(--fill-ink);border-color:var(--fill);}
.g-switch a:hover:not([aria-current]){border-color:var(--gold);}
/* "All guides": a small honeycomb of dots; on a narrow phone the dots alone (the name stays for screen readers), so the four
   pills share one row at 375 px */
.g-switch a.all i{background:radial-gradient(circle,var(--ink3) 2.2px,transparent 2.6px) 0 0/10px 10px;border:1px solid var(--line2);}
@media (max-width:429px){.g-switch{gap:6px;flex-wrap:nowrap;}.g-switch a{padding:0 12px 0 5px;gap:6px;}.g-switch a i{width:30px;height:30px;}
  .g-switch a.all{padding:0 6px;}.g-switch a.all span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}}
.g-meta{margin:14px 0 0;font-size:12.5px;color:var(--ink3);}
.g-meta a{color:inherit;text-underline-offset:3px;}

/* ---------- key takeaways + the first action ---------- */
.g-take{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:clamp(18px,3vw,28px);}
.g-take h2{font-size:clamp(22px,4.6vw,28px);margin:0 0 10px;}
.g-take ul{margin:0;padding:0;list-style:none;display:grid;gap:10px;}
.g-take li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:baseline;color:var(--ink2);font-size:15px;line-height:1.55;}
.g-take li b{font:400 20px/1.1 var(--serif);color:var(--ink);white-space:nowrap;}
.g-acts{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 0;}
@media (max-width:560px){.g-acts .btn{flex:1 1 100%;}}

/* ---------- on this page ---------- */
.g-toc h2{font:500 11px/1.3 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin:0 0 8px;}
.g-toc ol{margin:0;padding:0;list-style:none;columns:2 280px;column-gap:32px;}
.g-toc li{break-inside:avoid;}
.g-toc a{display:flex;gap:10px;align-items:center;min-height:44px;text-decoration:none;color:var(--ink);font-size:15px;border-bottom:1px solid var(--line);}
.g-toc a span{width:26px;height:26px;border-radius:50%;flex:none;display:grid;place-items:center;background:var(--chip);font:500 11.5px/1 var(--sans);color:var(--ink2);}
.g-toc a:hover{color:var(--gold);}

/* ---------- the steps: collapsed on a phone, open on a computer (guides.js) ---------- */
.g-all{display:flex;justify-content:flex-end;margin:0 0 10px;}
.g-all:has(button[hidden]){display:none;}
.g-all button{min-height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--line2);background:transparent;cursor:pointer;font:500 12px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);}
.g-all button[aria-pressed="true"]{background:var(--fill);color:var(--fill-ink);border-color:var(--fill);}
.g-all button:focus-visible{outline:3px solid var(--gold);outline-offset:3px;}
.g-steps{border-top:1px solid var(--line);}
.g-step{border-bottom:1px solid var(--line);scroll-margin-top:calc(var(--navh) + 16px);}
.g-step > summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:40px minmax(0,1fr) 24px;gap:14px;align-items:center;padding:16px 0;}
.g-step > summary::-webkit-details-marker{display:none;}
.g-step > summary .n{width:40px;height:40px;border-radius:50%;background:var(--fill);color:var(--fill-ink);display:grid;place-items:center;font:500 14px/1 var(--sans);}
.g-step > summary h2{font-size:clamp(20px,4.4vw,26px);line-height:1.2;}
.g-step > summary h2 small{display:block;margin-top:4px;font:400 13.5px/1.4 var(--sans);color:var(--ink3);letter-spacing:0;}
.g-step > summary::after{content:"+";font:300 26px/1 var(--sans);color:var(--gold);transition:transform .3s var(--ease);justify-self:end;}
.g-step[open] > summary::after{transform:rotate(45deg);}
.g-body{padding:0 0 26px 54px;color:var(--ink2);font-size:16px;line-height:1.7;}
.g-body > * + *{margin-top:14px;}
.g-body p{margin:0;max-width:70ch;}
.g-body p b,.g-body li b{color:var(--ink);font-weight:500;}
.g-body a{color:var(--gold);text-underline-offset:3px;}
.g-body ul{margin:0;padding-left:1.15em;max-width:70ch;}
.g-body li + li{margin-top:6px;}
.g-body h3{font:500 12px/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--ink3);margin-top:22px;}
@media (max-width:640px){.g-body{padding-left:0;}}
@media (min-width:1100px){
  .g-step > summary{grid-template-columns:56px minmax(0,1fr) 24px;padding:24px 0;}
  .g-step > summary .n{width:48px;height:48px;font-size:16px;}
  .g-body{padding-left:70px;font-size:clamp(16px,.3vw + 12px,18.5px);}
}
/* a tool inside its step */
.g-tool{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:var(--card);border:1px solid var(--line);border-radius:var(--r2);padding:14px 16px;max-width:70ch;text-decoration:none;color:var(--ink)!important;}
.g-tool b{display:block;font:400 18px/1.25 var(--serif);}
.g-tool span{display:block;font-size:13.5px;color:var(--ink3);margin-top:2px;}
.g-tool i{font-style:normal;font:500 11.5px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);}
.g-tool:hover{border-color:var(--gold);}
/* a note that says what a figure is (law, forecast, proposal) */
.g-note{border-left:2px solid var(--gold);padding:2px 0 2px 14px;font-size:14.5px;color:var(--ink3);max-width:70ch;}
/* tables scroll inside their own box, never the page */
.g-table{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r2);max-width:100%;}
.g-table table{border-collapse:collapse;width:100%;min-width:520px;font-size:14.5px;font-variant-numeric:tabular-nums;}
.g-table th,.g-table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top;}
.g-table th{font:500 11.5px/1.3 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink3);background:var(--bg2);}
.g-table tr:last-child td{border-bottom:0;}
.g-table caption{caption-side:bottom;text-align:left;padding:8px 12px;font-size:12.5px;color:var(--ink3);}
/* a phone: each row becomes a small card (the first cell its title, the rest label + value), so no column hides off the
   edge (Oct 30, 2026: the five-column towns table at 375 px hid its tax rate and its links) */
@media (max-width:599px){
  .g-table{overflow:visible;}
  .g-table table{min-width:0;display:block;}
  .g-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);}
  .g-table tbody,.g-table caption{display:block;}
  .g-table tr{display:grid;grid-template-columns:1fr auto;gap:2px 12px;padding:12px 14px;border-bottom:1px solid var(--line);}
  .g-table tr:last-child{border-bottom:0;}
  .g-table td{display:contents;}
  .g-table td:first-child{display:block;grid-column:1 / -1;font-weight:500;color:var(--ink);padding:0 0 4px;border:0;}
  .g-table td:not(:first-child)::before{content:attr(data-l);color:var(--ink3);font-size:13px;}
  .g-table td:not([data-l]):not(:first-child){display:block;grid-column:1 / -1;padding:4px 0 0;border:0;}
}

/* ---------- sources ---------- */
.g-src ol{margin:0;padding-left:1.3em;font-size:13.5px;color:var(--ink3);columns:2 340px;column-gap:36px;}
.g-src li{break-inside:avoid;margin:0 0 8px;}
.g-src a{color:var(--ink2);text-underline-offset:3px;}

/* ---------- the hub (guides.js): three big bubbles, no box; one tap zooms to a guide and its six branches bloom ---------- */
.g-view{display:flex;gap:8px;align-items:center;margin:8px 0 0;flex-wrap:wrap;}
.g-view button{min-height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--line2);background:transparent;cursor:pointer;font:500 12px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);}
.g-view button[aria-pressed="true"]{background:var(--fill);color:var(--fill-ink);border-color:var(--fill);}
.g-view span{font-size:13px;color:var(--ink3);margin-left:6px;}
:root{--g-ease:cubic-bezier(.32,.72,0,1);--g-t:.66s;}
/* without guides.js (and for crawlers): a wrapped row of circles */
.g-hive{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:12px;}
.g-bub{width:var(--d,96px);height:var(--d,96px);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;text-decoration:none;background:var(--g-small);color:var(--g-small-ink);font:500 13px/1.18 var(--sans);padding:8px;-webkit-tap-highlight-color:transparent;}
.g-bub.big{--d:132px;color:var(--g-on);font-size:17px;letter-spacing:.04em;
  background-image:radial-gradient(120% 120% at 32% 20%,rgba(255,255,255,.24),rgba(255,255,255,0) 52%),radial-gradient(90% 90% at 70% 95%,rgba(0,0,0,.22),rgba(0,0,0,0) 60%);
  box-shadow:0 22px 44px -22px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.2);}
.g-bub.big small{display:block;font-weight:400;font-size:12.5px;letter-spacing:.02em;opacity:.88;margin-top:4px;}
.g-bub .g-go{display:none;}
.g-bub.buy{background-color:var(--g-buy);view-transition-name:g-buy;}
.g-bub.sell{background-color:var(--g-sell);view-transition-name:g-sell;}
.g-bub.invest{background-color:var(--g-invest);view-transition-name:g-invest;}
.g-bub:focus-visible{outline:3px solid var(--gold);outline-offset:4px;}
.g-hive li[data-g="buy"]{--pc:var(--g-buy);} .g-hive li[data-g="sell"]{--pc:var(--g-sell);} .g-hive li[data-g="invest"]{--pc:var(--g-invest);}
/* with guides.js: a stage with no frame (it melts into the page); every bubble flies by transform only */
.g-stage.is-on{position:relative;height:clamp(330px,46svh,360px);margin:0 -16px;transition:height var(--g-t) var(--g-ease);}
.g-stage.is-on::before{content:"";position:absolute;left:50%;top:50%;width:min(120vw,900px);aspect-ratio:1;transform:translate(-50%,-50%) scale(.6);border-radius:50%;pointer-events:none;
  background:radial-gradient(closest-side,var(--glow,transparent),transparent);opacity:0;transition:opacity .9s ease,transform 1.1s var(--g-ease);}
.g-stage.is-on[data-z]::before{opacity:.5;transform:translate(-50%,-50%) scale(1);}
.g-stage[data-z="buy"]{--glow:color-mix(in srgb,var(--g-buy) 55%,transparent);} .g-stage[data-z="sell"]{--glow:color-mix(in srgb,var(--g-sell) 55%,transparent);} .g-stage[data-z="invest"]{--glow:color-mix(in srgb,var(--g-invest) 55%,transparent);}
.g-stage.is-on .g-hive{display:block;position:absolute;inset:0;}
.g-stage.is-on .g-hive li{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform,opacity;
  transition:transform var(--g-t) var(--g-ease) var(--dl,0ms),opacity .45s ease var(--dl,0ms),visibility 0s linear var(--g-t);}
.g-stage.is-on .g-bub{position:absolute;left:0;top:0;margin:calc(var(--d) / -2) 0 0 calc(var(--d) / -2);transition:transform .22s ease,box-shadow .3s ease;}
.g-stage.is-on .g-b .g-bub{--d:var(--D,150px);font-size:clamp(17px,calc(var(--D,150px) * .12),24px);}
.g-stage.is-on .g-b .g-bub small{font-size:clamp(12.5px,calc(var(--D,150px) * .085),16px);}
.g-stage.is-on .g-r .g-bub{--d:var(--B,80px);font-size:clamp(13px,calc(var(--B,80px) * .14),16px);padding:6px;color:var(--ink);
  background:color-mix(in srgb,var(--pc) 30%,var(--bg));box-shadow:0 14px 30px -18px rgba(0,0,0,.55),inset 0 0 0 1px color-mix(in srgb,var(--pc) 55%,transparent);}
.g-stage.is-on .g-bub:active{transform:scale(.95);}
.g-stage.is-on .g-r{opacity:0;visibility:hidden;pointer-events:none;}
.g-stage.is-on .g-r.is-in{opacity:1;visibility:visible;pointer-events:auto;transition:transform var(--g-t) var(--g-ease) var(--dl,0ms),opacity .4s ease var(--dl,0ms),visibility 0s;}
.g-stage.is-on .g-b.is-gone{opacity:0;visibility:hidden;pointer-events:none;}
.g-stage.is-on .g-b.is-c .g-bub{box-shadow:0 30px 60px -24px rgba(0,0,0,.7),0 0 0 8px color-mix(in srgb,var(--pc) 22%,transparent),inset 0 1px 0 rgba(255,255,255,.22);}
.g-stage.is-on .g-b.is-c small{display:none;}
.g-stage.is-on .g-b.is-c .g-go{display:block;margin-top:6px;font:500 11px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;opacity:.9;animation:g-in .5s var(--g-ease) .25s both;}
.g-view .g-out{display:inline-flex;align-items:center;gap:6px;background:var(--fill);color:var(--fill-ink);border-color:var(--fill);animation:g-in .45s var(--g-ease) both;}
.g-view .g-out[hidden]{display:none;}
.g-view .g-out ~ button[aria-pressed="true"]{background:transparent;color:var(--ink);border-color:var(--line2);}
.g-view .g-out[hidden] ~ button[aria-pressed="true"]{background:var(--fill);color:var(--fill-ink);border-color:var(--fill);}
.g-out span{font-size:18px;line-height:1;margin-top:-2px;}
.g-stage.g-still,.g-stage.g-still .g-hive li,.g-stage.g-still::before{transition:none!important;}
@keyframes g-in{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:none;}}
@media (min-width:900px){.g-stage.is-on{height:500px;margin:0;}}
/* the list view (as on the Watch): one row per bubble, each guide followed by its branches */
.g-stage.is-list{height:auto;margin:0;}
.g-stage.is-list::before{display:none;}
.g-stage.is-list .g-hive{position:static;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));column-gap:24px;}
.g-stage.is-list .g-hive li{position:static;transform:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transition:none;}
.g-stage.is-list li[data-g="buy"]{order:1;} .g-stage.is-list li[data-g="sell"]{order:3;} .g-stage.is-list li[data-g="invest"]{order:5;} .g-stage.is-list li[data-g=""]{order:7;}
.g-stage.is-list li.g-b[data-g="buy"]{order:0;} .g-stage.is-list li.g-b[data-g="sell"]{order:2;} .g-stage.is-list li.g-b[data-g="invest"]{order:4;}
.g-stage.is-list .g-bub{position:static;margin:0;width:auto;height:auto;border-radius:0;display:flex;flex-direction:row;align-items:center;gap:12px;justify-content:flex-start;text-align:left;min-height:56px;padding:8px 4px;background:transparent!important;box-shadow:none!important;color:var(--ink);border-bottom:1px solid var(--line);font-size:15px!important;}
.g-stage.is-list .g-bub::before{content:"";width:30px;height:30px;border-radius:50%;flex:none;background:color-mix(in srgb,var(--pc,var(--g-small)) 30%,var(--bg));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pc,var(--line2)) 55%,transparent);}
.g-stage.is-list .g-bub.buy::before{background:var(--g-buy);} .g-stage.is-list .g-bub.sell::before{background:var(--g-sell);} .g-stage.is-list .g-bub.invest::before{background:var(--g-invest);}
.g-stage.is-list .g-bub small{display:inline;margin:0 0 0 auto;font-size:13px!important;color:var(--ink3);text-align:right;}
.g-stage.is-list .g-go{display:none!important;}
/* reduced motion: the hub changes state with a short fade; nothing flies or grows */
@media (prefers-reduced-motion:reduce){
  .g-stage.is-on .g-hive li,.g-stage.is-on .g-r.is-in{transition:opacity .2s ease,visibility 0s!important;}
  .g-stage.is-on::before,.g-stage.is-on .g-bub{transition:none!important;}
  .g-stage.is-on .g-b.is-c .g-go,.g-panels.is-on[data-z] .g-panel.on,.g-panels.is-on[data-z] .g-psteps li{animation:none!important;}
}

/* the three guides under the hub: cards; with guides.js, the opened guide's card spreads out with every step */
.g-panels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
@media (max-width:899px){.g-panels{grid-template-columns:1fr;}}
.g-panel{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:20px 22px;display:flex;flex-direction:column;gap:10px;min-width:0;}
.g-panel h2{font-size:clamp(22px,4.6vw,28px);margin:0;}
.g-panel .eyebrow{margin:0;}
.g-plede{margin:0;color:var(--ink2);font-size:15px;line-height:1.6;}
.g-psteps{list-style:none;margin:4px 0 6px;padding:0;display:grid;grid-template-columns:1fr;column-gap:28px;}
.g-psteps a{display:flex;gap:12px;align-items:center;min-height:44px;text-decoration:none;color:var(--ink);font-size:15px;border-bottom:1px solid var(--line);}
.g-psteps a span{width:26px;height:26px;border-radius:50%;flex:none;display:grid;place-items:center;background:var(--chip);font:500 11.5px/1 var(--sans);color:var(--ink2);}
.g-psteps a:hover{color:var(--gold);}
.g-panel .btn{align-self:flex-start;margin-top:auto;}
.g-panels.is-on .g-psteps{display:none;}
.g-panels.is-on[data-z] .g-panel{display:none;}
.g-panels.is-on[data-z] .g-panel.on{display:flex;grid-column:1/-1;animation:g-in .6s var(--g-ease) .15s both;}
.g-panels.is-on[data-z] .g-panel.on .g-psteps{display:grid;}
.g-panels.is-on[data-z] .g-psteps li{animation:g-in .5s var(--g-ease) both;}
.g-panels.is-on[data-z] .g-psteps li:nth-child(1){animation-delay:260ms;}
.g-panels.is-on[data-z] .g-psteps li:nth-child(2){animation-delay:300ms;}
.g-panels.is-on[data-z] .g-psteps li:nth-child(3){animation-delay:340ms;}
.g-panels.is-on[data-z] .g-psteps li:nth-child(4){animation-delay:380ms;}
.g-panels.is-on[data-z] .g-psteps li:nth-child(5){animation-delay:420ms;}
.g-panels.is-on[data-z] .g-psteps li:nth-child(6){animation-delay:460ms;}
.g-panels.is-on[data-z] .g-psteps li:nth-child(7){animation-delay:500ms;}
.g-panels.is-on[data-z] .g-psteps li:nth-child(8){animation-delay:540ms;}
.g-panels.is-on[data-z] .g-psteps li:nth-child(9){animation-delay:580ms;}
@media (min-width:900px){.g-panels.is-on[data-z] .g-panel.on .g-psteps{grid-template-columns:1fr 1fr;}}
.g-panel.buy .g-psteps a span{background:var(--g-buy);color:var(--g-on);} .g-panel.sell .g-psteps a span{background:var(--g-sell);color:var(--g-on);} .g-panel.invest .g-psteps a span{background:var(--g-invest);color:var(--g-on);}

/* printing a guide = its checklist: every step open, no menus */
@media print{
  .topnav,.sn-static,.sn-static-foot,#quickbar,.g-switch,.g-acts,.g-toc,.vguide .guide-a,.more-tools,.sn-back,.g-view{display:none!important;}
  .g-step > .g-body{display:block!important;}
  body.vx{background:#fff;color:#000;}
}

/* the back pill sits where it sits on the community guides (phone-content.test.mjs: clamp(18px,4vh,46px) under the header) */
body.guides .vhero{padding-top:clamp(18px,4vh,46px);}
body.guides .vh-top{margin-bottom:12px;}
/* a small link in a meta line still gets a 44px touch ring */
body.guides .g-meta a{position:relative;}
body.guides .g-meta a::after{content:"";position:absolute;left:-4px;right:-4px;top:50%;height:44px;transform:translateY(-50%);}

/* the investor's "Already own a rental?" list */
.g-own{margin:0;padding-left:1.1em;color:var(--ink2);font-size:15px;line-height:1.6;max-width:70ch;display:grid;gap:10px;}
.g-own b{color:var(--ink);}
.g-take .g-own{list-style:disc;padding-left:1.1em;margin:0;}
.g-take .g-own li{display:list-item;font-size:15px;}
.g-take .g-own li b{display:inline;white-space:normal;font:inherit;font-weight:600;color:var(--ink);min-width:0;}

/* the seller's guide: the valuation card beside the headline on a computer, so the address field is on the first screen */
.g-hero-a{margin-top:22px;scroll-margin-top:calc(var(--navh) + 16px);}
@media (min-width:1100px){
  .vhero.g-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);column-gap:clamp(32px,3.6vw,72px);align-items:center;}
  .vhero.g-split .vh-top{grid-column:1/-1;}
  .vhero.g-split h1{font-size:clamp(44px,3.6vw,72px);}
  .g-hero-a{margin-top:0;}
}