/* /261/florida-tax/: "What Florida changes". Self-contained: tokens copied from /261/css/261.css + 261-p10.css
   (palette, fonts, motion) so nothing here depends on, or can break, the main /261/ stylesheets.
   Acid is reserved for live result numbers (plus the focus ring). Pass 18: chapters, the sunshine receipt,
   Season vs. Own, the report form and the Florida Move Report; the sticky result panel and drawer are gone. */
/* Pass 16 (NS3): Georgia sized to Instrument Serif's width and line metrics, so the hero headline keeps its
   line breaks and box height when the web font swaps in (measured in Chrome: roman 75.5%, italic 78.4% of
   Georgia's advance width; Instrument Serif ascent 0.99 em, descent 0.31 em; overrides are divided by size-adjust). */
@font-face{font-family:'Instrument Serif Fallback';src:local('Georgia');size-adjust:75.5%;ascent-override:131%;descent-override:41%;line-gap-override:0%}
@font-face{font-family:'Instrument Serif Fallback';font-style:italic;src:local('Georgia Italic'),local('Georgia-Italic');size-adjust:78.4%;ascent-override:126.3%;descent-override:39.5%;line-gap-override:0%}
/* Pass 17: Instrument Serif (regular, italic) and Inter (variable, used at 400/500/600) self-hosted from /261/fonts/,
   latin subset from Google Fonts, SIL OFL 1.1 (license files beside the fonts). No requests to Google. */
@font-face{font-family:'Instrument Serif';font-style:normal;font-weight:400;font-display:swap;src:url(/261/fonts/instrument-serif-regular-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Instrument Serif';font-style:italic;font-weight:400;font-display:swap;src:url(/261/fonts/instrument-serif-italic-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:400 600;font-display:swap;src:url(/261/fonts/inter-var-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{
  --bg:#2c2f32;--ink:#1d2021;--surface:#353840;--text:#d7e8bc;--paper:#e6ecbd;--muted:#9aa88c;--acid:#e9f056;
  --line:rgba(215,232,188,.10);--line-2:rgba(215,232,188,.18);--label:rgba(215,232,188,.64);--body:rgba(215,232,188,.9);
  --serif:'Instrument Serif','Instrument Serif Fallback',Georgia,'Times New Roman',serif;
  --sans:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --pad:clamp(20px,5vw,72px);--hdrh:calc(56px + env(safe-area-inset-top));
  --e-seg:cubic-bezier(.32,.72,0,1);--d-seg:350ms;
  --e-step:cubic-bezier(.25,1,.5,1);--d-step:520ms;
  --e-roll:cubic-bezier(.22,.8,.35,1);--d-roll:500ms;
  --d-bar:900ms;--d-drawer:420ms;
  --dock:56px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;font-variant-numeric:tabular-nums;scroll-padding-top:calc(var(--hdrh) + 12px)}
body{background:var(--bg);color:var(--text);font:16px/1.65 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
button,input,select{font:inherit;color:inherit}
button{background:none;border:0;cursor:pointer}
ul,ol{list-style:none}
h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:.95;color:var(--paper)}
h2{font-size:clamp(40px,6vw,72px);letter-spacing:-.01em}
h3{font-size:clamp(24px,2.6vw,30px);line-height:1.05}
i{font-style:italic}
:focus-visible{outline:2px solid var(--acid);outline-offset:3px;border-radius:2px}
.skip{position:absolute;left:-9999px;top:0;z-index:300;background:var(--paper);color:var(--ink);padding:10px 16px;font-weight:600}
.skip:focus{left:12px;top:12px}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.eyebrow{font:500 11px/1.4 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}

/* Buttons + links */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 24px;border-radius:999px;font:500 15px/1.2 var(--sans);text-decoration:none;text-align:center;transition:transform .12s var(--e-roll),border-color .3s,background-color .3s}
.btn:active{transform:scale(.97)}
.btn-solid{background:var(--paper);color:var(--ink)}
.btn-solid:hover{background:#f2f6d2}
.btn-ghost{border:1px solid var(--line-2);color:var(--paper)}
.btn-ghost:hover{border-color:rgba(230,236,189,.55)}
.lnk{display:inline-flex;align-items:center;gap:6px;min-height:48px;color:var(--paper);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;text-decoration-color:var(--line-2)}
.lnk:hover{text-decoration-color:currentColor}
p a,li a{color:var(--paper);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:rgba(230,236,189,.45)}

/* Header */
.hdr{position:fixed;inset:0 0 auto;z-index:50;height:var(--hdrh);display:flex;align-items:center;justify-content:space-between;padding:env(safe-area-inset-top) max(calc(var(--pad) - 10px),env(safe-area-inset-right)) 0 max(calc(var(--pad) - 10px),env(safe-area-inset-left));background:rgba(44,47,50,.82);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.hdr-mark{display:inline-grid;place-items:center;min-width:48px;min-height:48px;font:30px/1 var(--serif);color:var(--paper);text-decoration:none}
.hdr-back{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 6px;font:500 14px/1 var(--sans);color:var(--paper);text-decoration:none}
.hdr-back:hover{text-decoration:underline;text-underline-offset:4px}
/* Pass 25: where this page sits in the /261/ menu, same chapter label as the 261 header (css/261-p4.css .hdr-ch) */
.hdr-ch{position:absolute;left:50%;top:calc(env(safe-area-inset-top) + 28px);transform:translate(-50%,-50%);margin:0;font:500 10px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--paper);opacity:.8;white-space:nowrap;pointer-events:none}

/* Hero, 60svh: the headline and three jump chips with live numbers */
.hero{position:relative;min-height:60vh;min-height:60svh;display:flex;align-items:flex-end;overflow:hidden;background:var(--ink)}
.hero-ph,.hero-shade{position:absolute;inset:0}
.hero-ph img{width:100%;height:100%;object-fit:cover;object-position:50% 45%;opacity:.55}
.hero-shade{background:linear-gradient(to top,rgba(44,47,50,1) 0%,rgba(44,47,50,.82) 32%,rgba(29,32,33,.35) 70%,rgba(29,32,33,.55) 100%)}
.hero-in{position:relative;width:100%;max-width:1200px;margin:0 auto;padding:calc(var(--hdrh) + 32px) var(--pad) 32px}
.hero h1{font-size:clamp(54px,10vw,132px);line-height:.9;letter-spacing:-.02em;margin:14px 0 24px}
.jump{display:grid;gap:8px}
@media (min-width:760px){.jump{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:980px}}
.jchip{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:8px 16px 8px 18px;border-radius:14px;border:1px solid var(--line-2);background:rgba(29,32,33,.62);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--paper);text-decoration:none;transition:border-color .3s,transform .12s var(--e-roll)}
.jchip:hover{border-color:rgba(230,236,189,.55)}
.jchip:active{transform:scale(.98)}
.jchip-l{font:500 14px/1.3 var(--sans);color:var(--text)}
.jchip-v{font:500 20px/1 var(--sans);color:var(--acid);font-variant-numeric:tabular-nums;white-space:nowrap}
.jchip-v.is-empty{color:var(--muted)}
@media (min-width:760px){.jchip{flex-direction:column;align-items:flex-start;justify-content:center;min-height:84px;gap:8px}.jchip-v{font-size:26px}}

/* Chapters */
main{display:block}
.ch,.fine{max-width:1200px;margin:0 auto;padding:64px var(--pad) 0}
.ch-head{position:relative;margin-bottom:24px;padding-bottom:18px}
.ch-head h2{margin-top:10px}
.ch-rule{position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--line-2);transform-origin:left center}
html.js .ch-head .rise{opacity:0;transform:translateY(.75rem);transition:opacity 520ms cubic-bezier(.25,1,.5,1),transform 520ms cubic-bezier(.25,1,.5,1)}
html.js .ch-head .rise+.rise{transition-delay:80ms}
html.js .ch-head .ch-rule{transform:scaleX(0);transition:transform 700ms cubic-bezier(.22,.8,.35,1) 160ms}
html.js .ch-head.in .rise{opacity:1;transform:none}
html.js .ch-head.in .ch-rule{transform:scaleX(1)}
.card{border:1px solid var(--line);border-radius:18px;background:var(--surface);padding:22px 20px 24px;min-width:0}
.card+.card{margin-top:16px}
@media (min-width:900px){.card{padding:28px 32px 30px}}
.card-h{font:28px/1.1 var(--serif);color:var(--paper);margin-bottom:14px}
.field+.field,.field+.fold{margin-top:22px}
.field[hidden]{display:none}
/* P5 + DD 5 (Pass 21): one shared container for every chapter (max 1200px incl. --pad, the hero's width too);
   cards fill it, so chapter 1, Season vs. Own, Your numbers, the report and the fine print share left and right edges */
#ftForm,#ch-season .card,.rform{max-width:none}

.u{font-size:13px;color:var(--muted);font-weight:400}
.lbl{display:block;margin:16px 0 6px;font:500 16px/1.35 var(--sans);color:var(--paper)}
.lbl:first-child{margin-top:0}
.hint{margin-top:8px;font-size:14px;line-height:1.5;color:var(--muted)}
.hint:empty{display:none}
.hint-none{color:var(--paper)}
.nojs{margin:0 0 4px;color:var(--paper)}
.math-n{margin:12px 0 0}
.num[aria-invalid="true"]{border-color:#f2a38a}
.err{margin-top:8px;font-size:14px;line-height:1.5;color:#f6b8a4}
.num,.sel select{width:100%;min-height:52px;padding:0 16px;border:1px solid var(--line-2);border-radius:12px;background:var(--bg);color:var(--paper);font:500 18px/1 var(--sans);font-variant-numeric:tabular-nums;transition:border-color .2s}
.num:focus,.sel select:focus{border-color:rgba(230,236,189,.6);outline:none}
.num:focus-visible,.sel select:focus-visible{outline:2px solid var(--acid);outline-offset:2px}
.sel{position:relative}
.sel select{appearance:none;-webkit-appearance:none;padding-right:44px;cursor:pointer;font-size:17px}
.sel::after{content:"";position:absolute;right:18px;top:50%;width:9px;height:9px;border:solid var(--text);border-width:0 1.5px 1.5px 0;transform:translate(0,-70%) rotate(45deg);pointer-events:none}
.sel option{background:var(--bg);color:var(--paper)}
.sub{margin-top:16px}
.sub[hidden]{display:none}

/* Segmented control with a sliding thumb (350ms) */
.seg{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;padding:4px;border-radius:14px;background:var(--bg);border:1px solid var(--line)}
.seg label{position:relative;z-index:1;display:block;cursor:pointer}
.seg input,.chips input,.check input{position:absolute;opacity:0;width:1px;height:1px}
.seg span{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2px 8px;min-height:48px;padding:6px 10px;border-radius:10px;font:500 15px/1.25 var(--sans);text-align:center;color:var(--text);transition:color var(--d-seg) var(--e-seg)}
.seg input:checked+span{color:var(--ink)}
.seg input:focus-visible+span{outline:2px solid var(--acid);outline-offset:2px}
.seg-th{position:absolute;z-index:0;top:4px;bottom:4px;left:0;width:var(--tw,50%);border-radius:10px;background:var(--paper);transform:translateX(var(--tx,4px));transition:transform var(--d-seg) var(--e-seg),width var(--d-seg) var(--e-seg)}
html:not(.js) .seg input:checked+span{background:var(--paper)}
html:not(.js) .seg-th{display:none}

.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips label{cursor:pointer}
.chips span,.chip{display:inline-flex;align-items:center;justify-content:center;min-width:56px;min-height:48px;padding:0 14px;border-radius:999px;border:1px solid var(--line-2);font:500 15px/1 var(--sans);color:var(--text);transition:background-color var(--d-seg) var(--e-seg),color var(--d-seg) var(--e-seg)}
.chips input:checked+span{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.chips input:focus-visible+span{outline:2px solid var(--acid);outline-offset:2px}
.chip{margin-top:10px;background:var(--bg)}
.chip:hover{border-color:rgba(230,236,189,.55)}
.chip[hidden]{display:none}

.check{position:relative;display:flex;align-items:center;gap:12px;min-height:48px;cursor:pointer;font:500 16px/1.35 var(--sans);color:var(--paper)}
.check span::before{content:"";flex:none;display:inline-block;width:22px;height:22px;margin-right:12px;vertical-align:-5px;border:1.5px solid var(--text);border-radius:6px;transition:background-color .2s}
.check input:checked+span::before{background:var(--paper) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%231d2021' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/18px no-repeat;border-color:var(--paper)}
.check input:focus-visible+span::before{outline:2px solid var(--acid);outline-offset:2px}

/* Digit roll: each digit is a column of 0-9 translated vertically (500ms) */
.roll{display:inline-flex;overflow:hidden;height:1em;line-height:1;vertical-align:top}
.roll-d{display:inline-block;position:relative;height:1em;overflow:hidden}
.roll-c{display:flex;flex-direction:column;transform:translateY(calc(var(--d,0) * -1em));transition:transform var(--d-roll) var(--e-roll)}
.roll-c span{display:block;height:1em;line-height:1;text-align:center}
.roll-s{display:inline-block}

/* How we got these: the math lines */
.math-l{display:grid;gap:8px;padding:4px 0 8px;counter-reset:m}
.math-l li{display:grid;grid-template-columns:1fr auto;gap:12px;font-size:14px;line-height:1.45;color:var(--text)}
.math-l li b{font-weight:500;color:var(--paper);white-space:nowrap;font-variant-numeric:tabular-nums}
.math-l li small{grid-column:1/-1;font-size:13px;color:var(--muted)}
html.js @keyframes mIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* Folds: grid-template-rows 0fr -> 1fr, content fades and rises 12px, 350ms; chevron turns 180deg */
.fold{border-top:1px solid var(--line)}
.fold:last-of-type{border-bottom:1px solid var(--line)}
.fold-b{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:10px 0;text-align:left;font:500 17px/1.35 var(--sans);color:var(--paper)}
.fold-b .u{margin-left:8px}
.fold-b>span{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 4px}
.chev{flex:none;margin-left:auto;width:10px;height:10px;border:solid var(--text);border-width:0 1.5px 1.5px 0;transform:translateY(-3px) rotate(45deg);transition:transform var(--d-seg) var(--e-seg)}
.fold.open>.fold-b .chev{transform:translateY(2px) rotate(225deg)}
.fold-p{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--d-seg) var(--e-seg)}
.fold.open>.fold-p{grid-template-rows:1fr}
.fold-in{min-height:0;overflow:hidden;opacity:0;transform:translateY(12px);visibility:hidden;transition:opacity var(--d-seg) var(--e-seg),transform var(--d-seg) var(--e-seg),visibility 0s linear var(--d-seg)}
.fold.open>.fold-p>.fold-in{opacity:1;transform:none;visibility:visible;transition:opacity var(--d-seg) var(--e-seg),transform var(--d-seg) var(--e-seg),visibility 0s}
.fold-in>:last-child{margin-bottom:20px}
html:not(.js) .fold-p{grid-template-rows:1fr}
html:not(.js) .fold-in{opacity:1;transform:none;visibility:visible}
.fold-one{margin:-4px 0 14px;max-width:68ch;font-size:15px;color:var(--body)}
#ftForm .fold{margin-top:22px}
#ftForm .fold:last-of-type{border-bottom:0}
.fold-dark{max-width:none;margin-top:20px}

/* Sunshine receipt: a thermal-receipt card, lines print top-down, perforated edges in CSS */
.ch-receipt{padding-top:40px}
.receipt{position:relative;max-width:460px;margin:0 auto;padding:30px 26px 34px;background:var(--paper);color:var(--ink);font:500 15px/1.45 var(--sans);font-variant-numeric:tabular-nums;letter-spacing:.01em;
  -webkit-mask:radial-gradient(circle at 8px 0,transparent 5px,#000 5.5px) top/16px 51% repeat-x,radial-gradient(circle at 8px 100%,transparent 5px,#000 5.5px) bottom/16px 51% repeat-x;
  mask:radial-gradient(circle at 8px 0,transparent 5px,#000 5.5px) top/16px 51% repeat-x,radial-gradient(circle at 8px 100%,transparent 5px,#000 5.5px) bottom/16px 51% repeat-x;
  filter:drop-shadow(0 18px 30px rgba(0,0,0,.28))}
.rc-head{text-align:center;padding-bottom:14px;border-bottom:2px dotted rgba(29,32,33,.45);font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#3d4236}
.rc-t{font:28px/1.1 var(--serif);letter-spacing:0;text-transform:none;color:var(--ink);margin-bottom:6px}
.rc-lines{padding:12px 0}
.rc-line{display:grid;grid-template-columns:1fr auto;gap:4px 16px;padding:7px 0;align-items:baseline}
.rc-line b{font-weight:600;white-space:nowrap}
.rc-note{grid-template-columns:1fr;font-size:14px;font-weight:400;color:#3d4236}
.rc-total{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:0 16px;padding:14px 0 6px;border-top:2px dotted rgba(29,32,33,.45);font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.rc-v{font:clamp(44px,9vw,60px)/1 var(--serif);letter-spacing:-.01em;text-transform:none;white-space:nowrap;font-variant-numeric:tabular-nums}
.rc-total small{grid-column:2;justify-self:end;font-size:13px;letter-spacing:.04em;text-transform:none}
.rc-over{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:0 16px;padding:8px 0 2px;font-size:14px}
.rc-over b{font:600 18px/1.2 var(--sans);white-space:nowrap;font-variant-numeric:tabular-nums}
.rc-foot{margin-top:12px;padding-top:12px;border-top:2px dotted rgba(29,32,33,.45);text-align:center;font-size:13px;color:#3d4236}
.rc-hand{display:flex;align-items:center;justify-content:center;gap:6px;min-height:48px;margin-top:6px;font:600 15px/1.2 var(--sans);color:var(--ink);text-decoration:underline;text-underline-offset:4px}
html.js .receipt.go .rc-line,html.js .receipt.go .rc-total{animation:rcIn 320ms var(--e-step) both;animation-delay:calc(var(--k,0) * 40ms)}
html.js .receipt.go .rc-foot{animation:rcFoot 420ms var(--e-step) both;animation-delay:calc(var(--k,0) * 40ms + 200ms)}
@keyframes rcIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@keyframes rcFoot{from{opacity:0;transform:scale(1.04)}to{opacity:1;transform:none}}
.res-h{margin:22px 0 4px;font:500 15px/1.4 var(--sans);color:var(--paper)}
.res-n{margin-top:10px;font-size:14px;line-height:1.5;color:var(--text)}
.bars{display:grid;gap:12px;margin-top:12px}
.bar{display:grid;grid-template-columns:1fr auto;grid-template-areas:"l v" "t t";gap:6px 12px;align-items:baseline}
.bar-l{grid-area:l;font-size:14px;color:var(--text)}
.bar-v{grid-area:v;font:500 16px/1 var(--sans);color:var(--paper);font-variant-numeric:tabular-nums}
.bar-t{grid-area:t;display:block;height:10px;border-radius:999px;background:rgba(215,232,188,.08);overflow:hidden}
.bar-t b{display:block;height:100%;width:100%;border-radius:inherit;background:var(--text);transform-origin:left center;transform:scaleX(var(--s,0));transition:transform .5s var(--e-roll)}
.bar.is-used .bar-l{color:var(--paper)}
.bar:not(.is-used) .bar-t b{background:rgba(215,232,188,.35)}
.note-card{margin-top:20px;padding:18px 18px 4px;border-radius:14px;border:1px solid var(--line-2);background:var(--ink)}
.note-card h3{font-size:24px;margin-bottom:8px}
.note-card p{font-size:15px;color:var(--body);margin-bottom:14px}
/* Pass 23b: 261's numbers carries its own Show the math (static figures at 261's just value) */
.fold-num{margin:4px 0 6px}
.fold-num:last-of-type{border-bottom:0}
.fold-num .fold-b{min-height:48px;font-size:16px}
.note-card .num-h{margin:14px 0 6px;font:500 11px/1.4 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.note-card .num-h:first-child{margin-top:2px}
.note-card .hint{margin-top:10px}

/* Chapter 2: Season vs. Own */
.sentence{display:flex;flex-wrap:wrap;align-items:center;gap:10px 10px;font:clamp(24px,3vw,32px)/1.2 var(--serif);color:var(--paper)}
.chips-in{gap:6px}
.chips-in span{min-width:48px;padding:0 12px;font-size:17px}
.num-wrap{position:relative;display:inline-block;width:9.5em;max-width:100%;font-size:18px}
.num-pre{position:absolute;left:14px;top:50%;transform:translateY(-50%);font:500 18px/1 var(--sans);color:var(--text);pointer-events:none}
.num-in{padding-left:30px}
.num::placeholder{color:var(--muted);opacity:1}
.big{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;margin-top:18px}
.big-v{font:clamp(56px,9vw,96px)/1 var(--serif);color:var(--acid);letter-spacing:-.01em;white-space:nowrap;font-variant-numeric:tabular-nums;min-height:1em}
.big-u{font:500 16px/1.3 var(--sans);color:var(--text)}
.big-s{font:500 22px/1.2 var(--sans);color:var(--paper);margin-top:4px}
.dhead{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.dlbl{font:500 17px/1.35 var(--sans);color:var(--paper)}
.dlbl b{font-weight:600;font-variant-numeric:tabular-nums}
/* Pass 21 (Reg Z): down payment and loan term are visitor picks. A radiogroup of chip buttons (aria-checked),
   nothing checked on load; 48px tall targets */
.pick{display:flex;flex-wrap:wrap;gap:8px}
.pick [role="radio"]{display:inline-flex;align-items:center;justify-content:center;min-width:72px;min-height:48px;padding:0 18px;border-radius:999px;border:1px solid var(--line-2);background:var(--bg);font:500 15px/1 var(--sans);color:var(--text);transition:background-color var(--d-seg) var(--e-seg),color var(--d-seg) var(--e-seg),border-color .3s}
.pick [role="radio"]:hover{border-color:rgba(230,236,189,.55)}
.pick [role="radio"][aria-checked="true"]{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.pick [role="radio"]:focus-visible{outline:2px solid var(--acid);outline-offset:2px}
/* Pass 23: "How long you'd own it", 3/5/7/10 years. Four equal chips in one row from 390 up; the selected chip
   fills with the house segment tokens and settles with a short press (same --d-seg / --e-seg) */
.pick-hz{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;max-width:440px}
.pick-hz [role="radio"]{min-width:0;padding:0 6px;font-size:14px;white-space:nowrap;transition:background-color var(--d-seg) var(--e-seg),color var(--d-seg) var(--e-seg),border-color .3s,transform var(--d-seg) var(--e-seg)}
.pick-hz [role="radio"]:active{transform:scale(.96)}
.dbar{margin:18px 0 12px}
/* Pass 24: the rent-vs-down line in display serif, paper, wrapping on phone; the sub line carries the dollars */
.wbig{margin-top:18px}
.wbig-v{font:34px/1.12 var(--serif);color:var(--paper);letter-spacing:-.01em;font-variant-numeric:tabular-nums;text-wrap:balance}
@media (min-width:900px){.wbig-v{font-size:48px}}
.wbig-s{margin-top:8px;font:500 15px/1.45 var(--sans);color:var(--text);font-variant-numeric:tabular-nums}
#downWrap .dhead{margin-top:2px}
/* Pass 24b (studio T01): the heading carries the picked % and wrapped "payment" alone at 390; balance it */
#downWrap .card-h{text-wrap:balance}
/* Pass 24: one track toward the down payment. Goal labelled at the end (above), winters as labelled ticks (below).
   Fill sweeps to the goal with --d-bar / --e-step; each tick lands as the fill passes it (Pass 24b: tick fade on the
   house --d-seg token, no hand-typed duration) */
.dtr-goal{display:flex;justify-content:flex-end;align-items:baseline;gap:8px;margin-bottom:8px;font:500 13px/1.2 var(--sans);color:var(--label)}
.dtr-goal b{font-weight:600;color:var(--paper);font-variant-numeric:tabular-nums}
.dtr{position:relative;height:14px;margin-bottom:30px;border-radius:999px;background:rgba(215,232,188,.08);box-shadow:inset 0 0 0 1px var(--line-2)}
.dtr::after{content:"";position:absolute;right:-1px;top:-6px;bottom:-6px;width:2px;border-radius:1px;background:var(--acid)}
.dtr.is-empty,.dtr.no-tk{margin-bottom:12px}
.dtr-f{position:absolute;inset:0;border-radius:inherit;background:var(--text);transform-origin:left center;transform:scaleX(var(--f,0))}
.dtk{position:absolute;top:0;bottom:0;left:var(--x);width:2px;margin-left:-1px;background:var(--surface)}
.dtk-l{position:absolute;top:22px;left:50%;transform:translateX(-50%);font:500 12px/1 var(--sans);color:var(--text);white-space:nowrap}
.dtk.lab::before{content:"";position:absolute;left:0;top:14px;width:2px;height:5px;background:var(--line-2)}
.dtk.r .dtk-l{left:auto;right:-1px;transform:none}
.dtk.l .dtk-l{left:-1px;transform:none}
/* Pass 26: every whole-winter tick labelled where it fits; js places each label (--dx from its tick, clamped inside
   the track) on one row, or two rows (.r2) when neighbours would touch */
.dtk.px .dtk-l{left:calc(var(--dx,0px) + 1px);right:auto;transform:none}
.dtk.r2 .dtk-l{top:40px}
.dtk.r2::before{height:23px}
.dtr.two{margin-bottom:48px}
html.js .dbar.go .dtr-f{animation:dtrFill var(--d-bar) var(--e-step) both}
html.js .dbar.go .dtk{animation:dtkIn var(--d-seg) var(--e-step) both;animation-delay:calc(var(--d-bar) * var(--xf,0))}
@keyframes dtrFill{from{transform:scaleX(0)}to{transform:scaleX(var(--f,0))}}
@keyframes dtkIn{from{opacity:0}to{opacity:1}}
.body-s{margin-top:10px;font-size:16px;line-height:1.55;color:var(--body);max-width:62ch}
.body-s b{color:var(--paper);font-weight:600}
.rates{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.rates .num{padding:0 10px;text-align:center}
#tryRates{margin-top:10px}
.tile-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px}
@media (min-width:640px){.tile-g{grid-template-columns:repeat(4,minmax(0,1fr))}}
.tile{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-height:112px;padding:14px;border-radius:14px;border:1px solid var(--line-2);background:var(--bg);text-align:left;color:var(--text);transition:border-color .3s,background-color .3s,transform .12s var(--e-roll)}
button.tile:hover{border-color:rgba(230,236,189,.55)}
button.tile:active{transform:scale(.98)}
.tile.is-on{border-color:var(--paper);background:var(--ink)}
.tile-add{border-style:dashed;justify-content:center;color:var(--paper)}
.tile-add .tile-v{font-size:28px;line-height:1}
.tile-add:hover{border-color:rgba(230,236,189,.55)}
.tile-g-empty:empty{display:none}
.tile-ask{margin-top:16px}
.tile-ask+.tile-g{margin-top:12px}
.rates .num[hidden]{display:none}
.body-s:empty{display:none}
.tile-r{font:500 14px/1.2 var(--sans);color:var(--paper)}
.tile-y{font-weight:400;font-size:12px;color:var(--muted)}
.tile-v{font:500 24px/1.1 var(--sans);color:var(--paper);font-variant-numeric:tabular-nums}
.tile-s{font-size:13px;line-height:1.35;color:var(--muted)}
.stack{margin-top:16px;padding:16px;border-radius:14px;border:1px solid var(--line-2);background:var(--ink)}
.stack[hidden]{display:none}
.stack-h{font:500 16px/1.3 var(--sans);color:var(--paper);font-variant-numeric:tabular-nums}
.stack-bar{display:flex;gap:2px;height:16px;margin:12px 0;border-radius:999px;overflow:hidden}
.stack-bar i{display:block;height:100%;width:var(--w);transform-origin:left center}
.stack-bar .sg-none{flex:1;min-width:24px;width:auto;background:repeating-linear-gradient(135deg,rgba(215,232,188,.25) 0 4px,transparent 4px 8px)}
html.js .stack.go .stack-bar i{animation:blk 500ms var(--e-step) both;animation-delay:calc(var(--k,0) * 60ms)}
.sg-pi{background:var(--paper)}.sg-tax{background:var(--text)}.sg-hoa{background:rgba(215,232,188,.6)}.sg-ins{background:rgba(215,232,188,.35)}  /* DD 6: paper, sage, sage 60%, sage 35% */
.stack-l{display:grid;gap:6px}
.stack-l li{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;font-size:14px;color:var(--text)}
.stack-l b{font-weight:500;color:var(--paper);font-variant-numeric:tabular-nums}
.sw{display:inline-block;width:12px;height:12px;border-radius:3px}
.sw.sg-none{background:repeating-linear-gradient(135deg,rgba(215,232,188,.5) 0 2px,transparent 2px 4px);border:1px solid var(--line-2)}
.dots-g{display:grid;gap:12px}
@media (min-width:640px){.dots-g{grid-template-columns:1fr 1fr}}
.dot{padding:16px;border-radius:14px;border:1px solid var(--line-2);background:var(--bg)}
.dot-l{font:500 14px/1.3 var(--sans);color:var(--text)}
.dot-v{margin:6px 0 4px;font:clamp(36px,5vw,48px)/1 var(--serif);color:var(--paper);font-variant-numeric:tabular-nums}
.dot-s{font-size:13px;line-height:1.4;color:var(--muted)}
.dot-v.is-empty{color:var(--muted)}   /* an empty side is a muted sage dash (Pass 22) */
/* Pass 23: Over N years, side by side from 640px, stacked on the phone */
.over{margin-top:22px;padding-top:6px;border-top:1px solid var(--line)}
.over-h{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 16px;margin-bottom:10px}
.over-h .res-h{margin:16px 0 0;font:26px/1.1 var(--serif);color:var(--paper)}
.over-chg{display:inline-flex;align-items:center;min-height:44px;font-size:14px;color:var(--text);text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--line-2)}
.over-chg:hover{text-decoration-color:currentColor}
.over-pd b{font-variant-numeric:tabular-nums}
.tw{font-variant-numeric:tabular-nums}
#rpOver:empty{display:none}

/* Chapter 3: the report form */
.txt{width:100%;min-height:52px;padding:0 16px;border:1px solid var(--line-2);border-radius:12px;background:var(--bg);color:var(--paper);font:500 17px/1 var(--sans);transition:border-color .2s}
.txt:focus{border-color:rgba(230,236,189,.6);outline:none}
.txt:focus-visible{outline:2px solid var(--acid);outline-offset:2px}
.txt[aria-invalid="true"]{border-color:#f2a38a}
.rrow{display:grid;gap:0 20px;margin-top:16px}
.wbig[hidden],.dbar[hidden]{display:none}
#wintersS:first-child,.wbig[hidden]+.wbig-s{margin-top:18px}
@media (min-width:640px){.rrow{grid-template-columns:1fr 1fr}.rrow .lbl{margin-top:0}}
.rform .check{margin-top:12px}
.rform .check+.check{margin-top:0}
.rform .btn{margin-top:16px;width:100%}
@media (min-width:640px){.rform .btn{width:auto}}
.rform .btn[disabled]{opacity:.7;cursor:progress}
.hp{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.rform .sub{margin-top:4px}
.ts{margin-top:14px;min-height:65px}
.ts[hidden]{display:none}
.rp-noinc{padding:18px 0;font-size:15px;color:var(--muted)}
.rp-noinc[hidden],.rp-rc .receipt[hidden]{display:none}
/* a reopen link that did not load: shown at the top of the page, with focus */
/* DD 4: a sage border (the --text sage), not acid, inside the shared container */
.reopen{width:calc(100% - 2 * var(--pad));max-width:calc(1200px - 2 * var(--pad));margin:24px auto 0;padding:16px 20px;border:1px solid var(--text);border-radius:14px;background:var(--surface);color:var(--paper);font-size:15px;line-height:1.5;outline:none}
.reopen[hidden]{display:none}
.reopen:focus,.reopen:focus-visible{outline:none;box-shadow:0 0 0 1px var(--text)}

/* The Florida Move Report: an animated panel on the page */
.report{max-width:1200px;margin:32px auto 0;padding:0 var(--pad);outline:none}
.report[hidden]{display:none}
.report-in{padding:28px 20px 30px;border-radius:22px;border:1px solid var(--line-2);background:var(--ink)}
@media (min-width:900px){.report-in{padding:40px 44px}}
html.js .report.in .report-in{animation:rpIn 520ms cubic-bezier(.25,1,.5,1) both}
@keyframes rpIn{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.rp-top h2{font-size:clamp(36px,5vw,56px);margin:8px 0 12px}
.rp-status{font-size:15px;color:var(--paper);max-width:62ch}
.rp-status:empty{display:none}
.rp-acts{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 24px}
.rp-acts [hidden]{display:none}
.rp-grid{display:grid;gap:28px}
@media (min-width:900px){.rp-grid{grid-template-columns:minmax(0,420px) minmax(0,1fr);align-items:start}}
.rp-grid .receipt{margin:0;max-width:none}
.rp-season .res-h:first-child{margin-top:0}
.rp-season .dlbl{margin-top:18px}
.rp-src{margin-top:24px;font-size:13px;line-height:1.55;color:var(--muted);max-width:90ch}
.rp-contact{margin-top:22px;padding-top:18px;border-top:1px solid var(--line);display:grid;gap:6px}
.rp-contact p{font-size:15px;color:var(--text)}
.rp-contact a{color:var(--paper);display:inline-flex;align-items:center;min-height:44px}

/* The fine print */
.rows{display:grid;gap:12px;max-width:880px}
.rows li{font-size:15px;line-height:1.55;color:var(--body)}
.rows b{color:var(--paper);font-weight:600}
.fine .disc{max-width:880px;margin-top:24px}
.disc{font-size:13px;line-height:1.55;color:var(--muted)}
.acts{display:grid;gap:10px;margin-top:20px}
.acts-row{display:flex;flex-wrap:wrap;gap:12px}
.src-l{display:grid;gap:10px;max-width:880px;padding-left:18px;list-style:disc}
.src-l li{font-size:14px;line-height:1.55;color:var(--text);overflow-wrap:anywhere}
.rv{opacity:0;transform:translateY(12px);transition:opacity var(--d-step) var(--e-step),transform var(--d-step) var(--e-step)}
.rv.in{opacity:1;transform:none}

/* Phone: a docked bar with the current chapter's number */
.dock{display:none}
@media (max-width:899px){
  html{scroll-padding-bottom:calc(var(--dock) + 16px + env(safe-area-inset-bottom))}   /* a focused field never sits under the dock */
  html.js .dock{position:fixed;left:0;right:0;bottom:0;z-index:60;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;width:100%;height:calc(var(--dock) + env(safe-area-inset-bottom));padding:0 16px env(safe-area-inset-bottom);background:rgba(29,32,33,.94);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line-2);text-align:left;transform:translateY(110%);opacity:0;visibility:hidden;transition:transform var(--d-drawer) var(--e-seg),opacity var(--d-drawer) var(--e-seg),visibility 0s linear var(--d-drawer)}
  html.js .dock.on{transform:none;opacity:1;visibility:visible;transition:transform var(--d-drawer) var(--e-seg),opacity var(--d-drawer) var(--e-seg),visibility 0s}
  .dock-l{font-size:14px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .dock-v{font:500 20px/1 var(--sans);color:var(--acid);font-variant-numeric:tabular-nums}
  .dock-go{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1px solid var(--line-2);font-size:14px;color:var(--paper)}
  body{padding-bottom:calc(var(--dock) + env(safe-area-inset-bottom))}
}

/* DD 7: desktop from 1100px. Chapter 1 in two columns: the inputs left (max 560px), the receipt sticky on the right
   (top 96px). The grid uses the same 1200px container as the other chapters, the report, the fine print and the
   next step, so every chapter shares its left and right edges (Pass 21, P5). */
@media (min-width:1100px){
  .duo{display:grid;grid-template-columns:minmax(0,560px) minmax(0,1fr);column-gap:56px;align-items:start;max-width:1200px;margin:0 auto;padding:0 var(--pad)}
  .duo>.ch{max-width:none;margin:0;padding-left:0;padding-right:0}
  .duo #ftForm{max-width:none}
  .duo>.ch-receipt{position:sticky;top:96px;padding-top:64px}
  .duo .fold-dark{max-width:460px;margin-left:auto;margin-right:auto}

}

/* Content sections */
.sec{max-width:1200px;margin:0 auto;padding:72px var(--pad) 0}
.sec h2{margin:10px 0 28px}
.body{max-width:68ch;color:var(--body)}
.tl{display:grid;gap:0;counter-reset:t;max-width:760px}
.tl li{position:relative;padding:0 0 26px 46px;counter-increment:t}
.tl li::before{content:counter(t);position:absolute;left:0;top:0;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:1px solid var(--line-2);font:500 13px/1 var(--sans);color:var(--paper)}
.tl li::after{content:"";position:absolute;left:15px;top:34px;bottom:4px;width:1px;background:var(--line-2)}
.tl li:last-child::after{display:none}
.tl b{display:block;font:24px/1.15 var(--serif);font-weight:400;color:var(--paper);margin-bottom:4px}
.warn{max-width:760px;margin-top:10px;margin-bottom:20px;padding:22px 20px;border-radius:16px;border:1px solid var(--line-2);background:var(--ink)}
.warn-h{font:24px/1.15 var(--serif);color:var(--paper)!important;margin-bottom:8px}
.faq{max-width:820px}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{display:flex;align-items:center;gap:16px;min-height:56px;padding:12px 0;cursor:pointer;font:500 17px/1.4 var(--sans);color:var(--paper);list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";margin-left:auto;font-size:22px;color:var(--text)}
.faq details[open] summary::after{content:"\2212"}
.faq p{padding:0 0 20px;max-width:68ch}
.talk .acts-row{margin-top:24px}

/* Footer (matches the 261 footer) */
.sfoot{padding:2.5rem 1.5rem 3rem;text-align:center;border-top:1px solid rgba(255,255,255,.08)}
.sfoot-in{max-width:900px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1rem}
.sfoot-name{font:400 1.4rem/1.2 var(--serif);color:var(--paper)}
.sfoot-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:.25rem 2rem;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.sfoot-nav a{display:inline-flex;align-items:center;min-height:48px;padding:0 4px;color:var(--text);text-decoration:none}
.sfoot-nav a:hover{color:var(--paper)}
.sfoot-x{font-size:12px;line-height:1.5;color:var(--muted);max-width:60ch}

/* Reduced motion: final state, 150ms fades only */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition-duration:0s!important;transition-delay:0s!important;animation-duration:0s!important;animation-delay:0s!important}
  html{scroll-behavior:auto}
  html.js .ch-head .rise,html.js .ch-head .ch-rule,.rv{opacity:1;transform:none}
  .fold-in{transform:none!important}
  .fold.open>.fold-p>.fold-in{animation:fade 150ms linear both!important}
  html.js .receipt.go .rc-line,html.js .receipt.go .rc-total,html.js .receipt.go .rc-foot,html.js .report.in .report-in{animation:fade 150ms linear both!important}
  html.js .dbar.go .dtr-f,html.js .dbar.go .dtk,html.js .stack.go .stack-bar i{animation:none!important}
  @keyframes fade{from{opacity:0}to{opacity:1}}
}

/* Print / Save as PDF: every chapter and fold open; the report button prints the report on its own */
@media print{
  @page{margin:12mm}
  :root{--bg:#fff;--ink:#fff;--surface:#fff;--text:#222;--paper:#000;--muted:#444;--acid:#000;--line:#ccc;--line-2:#999;--body:#222;--label:#333}
  html{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  body{background:#fff;color:#222;font-size:11pt;padding:0!important;overflow:visible}
  .hdr,.skip,.hero-ph,.hero-shade,.jump,.dock,.rp-acts,.rc-hand,.rform,.talk .acts,.sfoot-nav,.reopen{display:none!important}
  .duo{display:block}.duo>.ch-receipt{position:static}
  .hero{min-height:0;background:#fff}
  .hero-in{padding:0 0 10pt}
  .hero h1{font-size:30pt;color:#000;margin:4pt 0}
  .ch,.fine,.report{padding:12pt 0 0;max-width:none;margin:0}
  .ch-head{margin-bottom:8pt;padding-bottom:6pt}
  .ch-head h2,.rp-top h2{font-size:22pt}
  html.js .ch-head .rise,html.js .ch-head .ch-rule,.rv{opacity:1!important;transform:none!important}
  .card,.report-in,.note-card,.stack,.dot,.tile{border:1px solid #999;background:#fff!important;break-inside:avoid}
  .fold-p{grid-template-rows:1fr!important}
  .fold-p,.fold-in,html.js .ch-head .rise,html.js .ch-head .ch-rule{transition:none!important}
  .fold-in{opacity:1!important;transform:none!important;visibility:visible!important}
  .chev{display:none}
  .receipt{-webkit-mask:none;mask:none;filter:none;border:1px dashed #555;background:#fff;color:#000;break-inside:avoid}
  .receipt,.rc-t,.rc-v,.rc-hand{color:#000}
  .rp-status{display:none}
  .report .receipt{padding:14pt 12pt;font-size:10pt}
  .report .rc-v{font-size:30pt}
  .rp-grid{grid-template-columns:40% 1fr!important;gap:14pt;align-items:start!important}
  html.print-report .report-in{font-size:10pt}
  .report .res-h{margin:8pt 0 2pt}
  .report .big-s{font-size:13pt}
  .rp-top h2{margin:2pt 0 8pt}
  .report .tile{min-height:0;padding:6pt}
  .report .tile-v{font-size:14pt}
  .report .tile-g{grid-template-columns:repeat(4,minmax(0,1fr));gap:4pt;margin-top:6pt}
  .report .tile-s{font-size:7.5pt}
  .report .tile-v{font-size:12pt!important}
  .report .dot{padding:8pt}
  .report .dot-v{font-size:20pt}
  .report .dots-g{grid-template-columns:1fr 1fr;margin-top:8pt}
  .over-chg{display:none}
  .report .over{margin-top:8pt}
  .report .over-h .res-h{font-size:13pt;margin-top:4pt}
  .report .stack{display:none}
  .report .body-s,.report .hint{font-size:9pt;margin-top:4pt}
  .report .dtr{height:10pt}
  .rp-src,.report .disc,.rp-contact p{font-size:8.5pt}
  .rp-contact{margin-top:8pt;padding-top:6pt;gap:0}
  .rp-contact a{min-height:0}
  .receipt *{animation:none!important}
  .dtr,.stack-bar{border:1px solid #999}
  .dtr-f,.dtk,.sg-pi,.sg-tax,.sg-hoa,.sg-ins{animation:none!important;transform:none!important}
  .dtr-f{background:#999;transform:scaleX(var(--f,0))!important}.dtk{background:#fff}.dtr::after{background:#000}
  .sg-pi{background:#222}.sg-tax{background:#555}.sg-hoa{background:#888}.sg-ins{background:#bbb}
  .big-v,.dock-v,.jchip-v{color:#000}
  .num,.txt,.sel select{border:1px solid #999;background:#fff;color:#000}
  .seg-th{background:#ddd}
  a{color:#000}
  .faq details>*{display:block}
  html.print-report body>*:not(main),html.print-report main>*:not(#report){display:none!important}
  html.print-report .report{display:block!important}
  html.print-report .report-in{border:0;padding:0}
}

/* Pass 26 Delta 6: the mark reads "261 Osprey Preserve", as on /261/. Phones: the chapter label sits under the mark (two-line masthead),
   so it never runs into the mark or the back link. */
.hdr-mark{min-width:0;padding:0 4px;font-size:24px;white-space:nowrap}
@media (min-width:900px){.hdr-mark{font-size:28px}}
@media (max-width:899px){
  .hdr-mark{transform:translateY(-7px)}
  .hdr-ch{left:max(calc(var(--pad) - 6px),env(safe-area-inset-left));top:calc(env(safe-area-inset-top) + 37px);transform:none;font-size:9px;letter-spacing:.22em}
}