/* Sky 18, local implementation review. Exact palette and paint alpha from
   the approved material contract; CSS shadows approximate the native shoulder.
   Manrope is provisional. Daylight Sans remains a separate unfinished study. */
@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-500.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-600.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-700.ttf') format('truetype');font-weight:700;font-display:swap}
:root,:root[data-theme=light]{color-scheme:light;--ink:11 32 51;--mid:29 55 78;--faint:44 67 88;--hairline:108 137 164;--bg:224 234 244;--sky-top:#6195cc;--sky:#74a8de;--ground:#8ebee7;--glass:linear-gradient(165deg,rgba(248,251,255,.55),rgba(243,247,252,.55) 28%,rgba(217,224,240,.55) 72%,rgba(248,251,255,.55));--field:#f1f6fc;--reading:#e0eaf4;--edge:inset -4px -6px 20px #f8fbffa6,inset 3px 5px 18px #0a273c1f,inset -1px -2px 7px #f8fbff24,0 5px 14px #0a273c07;--ocean:linear-gradient(165deg,#173d68,#123860 28%,#042f65 72%,#072b50);--white:#f8fbff;--focus:#003580;--round:28px}
:root[data-theme=dark]{color-scheme:dark;--ink:229 237 246;--mid:226 237 242;--faint:190 210 229;--hairline:118 144 178;--bg:20 38 65;--sky-top:#2a3a54;--sky:#32456d;--ground:#445f9e;--glass:linear-gradient(165deg,rgba(57,75,105,.55),rgba(29,49,83,.55) 28%,rgba(23,54,97,.55) 72%,rgba(55,77,114,.55));--field:#1e3254;--reading:#142641;--edge:inset -4px -6px 20px #f8fbff4a,inset 3px 5px 18px #0a273c30,inset -1px -2px 7px #f8fbff1a,0 5px 14px #0a273c07;--focus:#adc2dc}
@media(prefers-color-scheme:dark){:root:not([data-theme]),:root[data-theme=system]{color-scheme:dark;--ink:229 237 246;--mid:226 237 242;--faint:190 210 229;--hairline:118 144 178;--bg:20 38 65;--sky-top:#2a3a54;--sky:#32456d;--ground:#445f9e;--glass:linear-gradient(165deg,rgba(57,75,105,.55),rgba(29,49,83,.55) 28%,rgba(23,54,97,.55) 72%,rgba(55,77,114,.55));--field:#1e3254;--reading:#142641;--edge:inset -4px -6px 20px #f8fbff4a,inset 3px 5px 18px #0a273c30,inset -1px -2px 7px #f8fbff1a,0 5px 14px #0a273c07;--focus:#adc2dc}}
*{box-sizing:border-box}html{min-height:100%;scroll-padding-top:24px;-webkit-text-size-adjust:100%}body{margin:0;background:linear-gradient(149.44deg,var(--sky-top),var(--sky) 50%,var(--ground));background-attachment:fixed;color:rgb(var(--ink));font:400 16px/1.65 Manrope,system-ui,sans-serif;-webkit-font-smoothing:antialiased;transition:none;text-shadow:none}
button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-underline-offset:.2em}button:disabled{cursor:default}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:600;letter-spacing:-.035em;line-height:1.15;color:rgb(var(--ink))}h1{font-size:clamp(2.3rem,5.5vw,4.5rem)}h2{font-size:1.65rem}h3{font-size:1.1rem}.wrap{width:100%;max-width:1240px;padding-inline:28px;margin-inline:auto}
:focus-visible{outline:3px solid var(--focus);outline-offset:4px;border-radius:8px}.skip{position:fixed;left:16px;top:-120px;z-index:1000;padding:12px 20px;background:var(--field);border-radius:16px;color:rgb(var(--ink))}.skip:focus{top:12px}
/* White identity is backed by opaque ocean, resolving the older day-sky failure. */
body>header,body>header.bar{width:calc(100% - 56px);max-width:1184px;margin:24px auto 0;padding:0;border:0;border-radius:24px;background:var(--ocean);color:var(--white);box-shadow:inset 0 1px 0 #ffffff35,0 8px 24px #0a273c12}
header .bar,header.bar>.wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:76px;padding:16px 24px;max-width:none;flex-wrap:wrap}header a,header .home,header.bar a.home,header.bar nav a,header .signin{color:var(--white)}
.brand,header .home{display:inline-flex;align-items:center;gap:4px;text-decoration:none;font-size:23px;font-weight:600;letter-spacing:-.025em;min-width:110px}.brand .brandmark,.homemark,header.bar a.home .homemark{width:29px;height:29px;flex:none;display:block;margin-inline-end:-3.565px}.brandword{display:inline-block;height:1.3em;line-height:1.3em;white-space:nowrap}.suffix{position:relative;display:inline-block;overflow:hidden;height:1.3em;line-height:1.3em;vertical-align:top;color:inherit;font-weight:inherit}.suffix-now,.suffix-out{display:block;line-height:1.3em}.suffix-out{position:absolute;left:0;top:0}.bar-right{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.signin{font-size:14px;font-weight:600;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}.signin:hover{text-decoration:underline}
.toggle{display:inline-flex;padding:4px;border:1px solid #f8fbff52;border-radius:18px;gap:2px;background:#071d3540}.toggle button{font:500 12px/20px Manrope,system-ui,sans-serif;letter-spacing:0;text-transform:none;min-height:36px;padding:8px 12px;background:transparent;border:0;border-radius:13px;color:var(--white);transition:none}.toggle button[aria-pressed=true]{background:var(--white);color:#0b2033}.toggle button:hover{color:var(--white);text-decoration:underline}.toggle button[aria-pressed=true]:hover{color:#0b2033}header :focus-visible{outline-color:var(--white)}
.hero{padding-top:58px;padding-bottom:42px;display:flex;align-items:end;justify-content:space-between;gap:28px}.hero h1{font-size:clamp(4rem,8vw,6.8rem);font-weight:600;letter-spacing:-.065em;line-height:.97;margin:0}.hero nav{display:flex;gap:24px;flex-wrap:wrap;font-size:14px;font-weight:600;padding-bottom:8px}.hero nav a{text-decoration:none}.hero nav a:hover{text-decoration:underline}
.switchboard{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.panel{position:relative;display:flex;flex-direction:column;min-width:0;padding:30px 28px 28px;border-radius:var(--round);background:var(--glass);box-shadow:var(--edge);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.panel .top{display:flex;align-items:center;justify-content:space-between;gap:10px}.pname{font-size:21px;letter-spacing:-.025em;margin:0}.status{font-size:11px;line-height:1.4;margin:0;letter-spacing:0;text-transform:none;color:rgb(var(--mid));white-space:nowrap}.mark{display:flex;height:174px;align-items:center;justify-content:center;margin:9px 0 8px}.mark img{display:block;width:128px;height:128px;object-fit:contain}.promise{font-size:clamp(1.65rem,2.6vw,2.25rem);font-weight:600;letter-spacing:-.035em;line-height:1.18;margin-bottom:18px;min-height:2.4em}.detail{font-size:15px;line-height:1.8;color:rgb(var(--mid));margin:0 0 30px;max-width:35ch}.cta-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:auto}.btn,.action{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:48px;padding:12px 20px;border:0;border-radius:19px;text-decoration:none;font-size:14px;font-weight:600;line-height:1.5;letter-spacing:-.01em;background:var(--ocean);color:var(--white);box-shadow:inset -2px -3px 10px #ffffff20,inset 2px 3px 8px #00000012}.btn:hover{text-decoration:none}.btn:hover .btn-label,.action:hover{text-decoration:underline}.btn .arrow{font-size:20px;font-weight:400;line-height:1}.quiet-link{padding:12px 4px;font-size:13px;font-weight:600}
.connections{margin-top:24px;margin-bottom:48px;padding:36px 40px;border-radius:var(--round);background:var(--ocean);color:var(--white);display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;box-shadow:inset 0 1px 0 #ffffff38}.connections h2{color:inherit;font-size:27px;line-height:1.3;margin:0;letter-spacing:-.025em;max-width:26ch}.connections p{font-size:15px;line-height:1.8;margin:0}.connections a{color:inherit}.connections small{display:block;color:#dceafa;margin-top:12px;font-size:13px}
body>footer{border:0;background:transparent;margin:0 auto;color:rgb(var(--mid))}.foot{display:flex;justify-content:space-between;gap:30px;padding-bottom:36px;font-size:12px;line-height:1.8}.foot .fword{font-size:22px;color:rgb(var(--ink));font-weight:600}.foot .lineage{margin:5px 0 0}.est{display:flex;gap:10px;flex-direction:column;align-items:flex-end}.legal{display:flex;flex-wrap:wrap;gap:8px 18px}.legal a{text-decoration:none}.legal a:hover{text-decoration:underline}.ver{font-size:11px;font-variant-numeric:tabular-nums}.eyebrow{text-transform:none;letter-spacing:0}
/* The existing legal prose, settings and developer-hub DOM retain all content. */
body:not(.frontdoor) main{max-width:1184px;width:calc(100% - 56px);margin:34px auto 30px;padding:38px 42px;border-radius:28px;background:var(--glass);box-shadow:var(--edge);backdrop-filter:blur(14px)}body:not(.frontdoor) main>.wrap{padding:0;max-width:780px}body:not(.frontdoor) main h1{font-size:clamp(2rem,4vw,3rem)}body:not(.frontdoor) main h2{border-top-color:rgb(var(--hairline) / .45)}body:not(.frontdoor) .dateline,body:not(.frontdoor) .lede{color:rgb(var(--mid))}body:not(.frontdoor)>footer.est{max-width:1100px;width:calc(100% - 80px);padding:12px 0 32px;margin:auto;border:0;display:flex;flex-direction:row;justify-content:space-between;font-size:12px;align-items:center}
body:not(.frontdoor) input:not([type=checkbox]):not([type=radio]),body:not(.frontdoor) textarea,body:not(.frontdoor) select{background:var(--field);color:rgb(var(--ink));border:1px solid rgb(var(--hairline));border-radius:16px;padding:12px 16px;font:inherit;min-height:44px}body:not(.frontdoor) .filters button,body:not(.frontdoor) .tabs button,body:not(.frontdoor) .segments button{border-radius:16px;min-height:44px;transition:none}body:not(.frontdoor) button{transition:none}body:not(.frontdoor) .card,body:not(.frontdoor) .notice{border-radius:20px}.reveal{opacity:1;transform:none;animation:none}.reading,article.doc{color:rgb(var(--ink))}header.bar nav{gap:18px;display:flex;flex-wrap:wrap}header.bar nav a{font-size:13px;text-decoration:none;min-height:32px;display:inline-flex;align-items:center}header.bar nav a[aria-current=page]{color:var(--white);text-decoration:underline;text-underline-offset:7px}
@media(prefers-reduced-motion:no-preference){@keyframes brand-roll-in{from{transform:translateY(105%)}to{transform:none}}@keyframes brand-roll-out{from{transform:none}to{transform:translateY(-105%)}}.suffix-now.rolling{animation:brand-roll-in 420ms cubic-bezier(.65,0,.35,1) both}.suffix-out{animation:brand-roll-out 420ms cubic-bezier(.65,0,.35,1) both}}
@media(max-width:960px){.wrap{padding-inline:20px}body>header,body>header.bar{width:calc(100% - 40px)}.switchboard{gap:14px}.panel{padding:25px 22px}.status{font-size:10px}.pname{font-size:18px}.mark{height:145px}.promise{font-size:27px}.connections{gap:24px;padding:30px}.hero{padding-top:45px}}
@media(max-width:720px){body>header,body>header.bar{width:calc(100% - 24px);margin-top:12px;border-radius:21px}header .bar,header.bar>.wrap{padding:14px 18px;gap:12px;min-height:68px}.bar-right{gap:10px}.brand{font-size:21px;min-width:94px}.toggle button{padding:7px 9px;min-height:32px;font-size:11px}.signin{font-size:12px}.wrap{padding-inline:16px}.hero{padding:38px 20px 28px}.hero h1{font-size:66px}.hero nav{display:none}.switchboard{grid-template-columns:1fr;gap:18px}.panel{padding:28px;display:grid;grid-template-columns:minmax(0,1fr) 92px;column-gap:8px}.panel .top{grid-column:1;display:block}.status{margin-top:7px;font-size:12px}.pname{font-size:22px}.mark{grid-column:2;grid-row:1/3;height:100px;margin:0;align-self:start}.mark img{width:94px;height:94px}.promise{grid-column:1/-1;font-size:31px;line-height:1.15;min-height:0;margin:22px 0 16px;max-width:16ch}.detail{grid-column:1/-1;font-size:15px;max-width:38ch;margin-bottom:25px}.cta-row{grid-column:1/-1}.connections{grid-template-columns:1fr;gap:22px;margin-top:20px;margin-bottom:30px;padding:30px 28px}.connections h2{font-size:25px}.foot{flex-direction:column;gap:22px;padding-inline:24px}.est{align-items:flex-start}.legal{gap:10px 16px}body:not(.frontdoor) main{width:calc(100% - 24px);padding:26px 22px;margin:24px auto}body:not(.frontdoor)>footer.est{width:calc(100% - 40px);align-items:flex-start;flex-direction:column}header.bar nav{gap:10px 16px}.tablewrap{max-width:100%;overflow:auto}body:not(.frontdoor) .wrap{max-width:100%}}
@media(max-width:370px){.bar-right{width:100%;justify-content:space-between}.panel{padding:24px}.promise{font-size:28px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(prefers-reduced-transparency:reduce){:root{--glass:var(--reading)}.panel,body:not(.frontdoor) main{backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(prefers-contrast:more){:root{--glass:var(--reading);--edge:inset 0 0 0 1px currentColor}.panel,body:not(.frontdoor) main{backdrop-filter:none}.btn,.toggle{outline:1px solid currentColor}}
/* Paint the root canvas, not a viewport-sized body layer, so long pages keep
   the same stationary sky beneath their entire scrollable reading plane. */
html{background:linear-gradient(149.44deg,var(--sky-top),var(--sky) 50%,var(--ground));background-attachment:fixed}body{background:transparent}
header.bar .section,header.bar .who,header.bar .sub,header.bar .tag,header.bar .word{color:var(--white)}
/* The background spans the complete document, outside any moving content plane. */
html{background-attachment:scroll;background-size:100% 100%;background-repeat:no-repeat;background-color:var(--ground)}
header.bar .sect,header.bar #who{color:#dceafa}
/* Review 02: a consistent spacing rhythm, with room around controls and copy. */
.switchboard{gap:24px}.panel{padding:32px}.panel .top{gap:12px}.mark{height:160px;margin:16px 0}.detail{margin-bottom:24px}.connections{padding:32px;gap:40px}.hero{padding-bottom:40px}.cta-row{gap:12px}.legal{gap:12px 20px}
.bar-controls{gap:24px!important}.bar-controls .field{gap:8px}.chips{gap:8px!important}.chips button{min-height:40px;border-radius:14px!important;padding:9px 14px!important}
.motion-disclosure{overflow:clip;min-width:0}.motion-disclosure.is-moving{will-change:height}.motion-disclosure[hidden]{display:none}
.motion-choice{position:relative;isolation:isolate}.motion-choice>button{position:relative;z-index:1;background:transparent!important;color:rgb(var(--ink))!important}.toggle.motion-choice>button{color:var(--white)!important}.motion-choice>button[aria-pressed=true]{border-color:transparent!important}
.motion-current{position:absolute;z-index:2;pointer-events:none;left:0;top:0;overflow:hidden;border-radius:14px;background:var(--ocean);color:var(--white);will-change:transform,width,height}.toggle .motion-current{background:var(--white);color:#0b2033;border-radius:13px}.motion-current-labels{position:absolute;left:0;top:0}.motion-current-labels>span{position:absolute;display:flex;align-items:center;justify-content:center;white-space:nowrap}.motion-choice>button:focus-visible{outline-offset:3px}
@media(max-width:960px){.switchboard{gap:16px}.panel{padding:28px 24px}.connections{gap:24px}}
@media(max-width:720px){.switchboard{gap:20px}.panel{padding:28px}.mark{height:100px;margin:0}.hero{padding-bottom:32px}.connections{padding:28px;gap:24px}.chips button{padding:10px 12px!important;min-height:44px}}

.preview-service-note{font-size:13px;line-height:1.6;color:rgb(var(--mid));padding:12px 16px;border:1px solid rgb(var(--hairline));border-radius:14px;background:var(--field);margin:0 0 24px}
.preview-service-note[hidden]{display:none}

/* Owner feedback: white compact identity, with real separation between actions. */
header .brand{color:var(--white);gap:4px;min-width:0}header .home .brand-end{font-weight:400}header .brand .brandmark{color:var(--white)}
[hidden]{display:none!important}
.settings-page .sec{padding:0}body.settings-page main{max-width:900px}.settings-page h1{margin-bottom:24px}
.back-home{display:inline-flex;align-items:center;min-height:44px;margin-bottom:12px;font-size:14px;font-weight:600;text-decoration:none}
.settings-section{border-top:1px solid rgb(var(--hairline));padding-top:24px;margin-top:28px}
.settings-section h2{font-size:20px;margin-bottom:14px}.settings-section p{max-width:62ch;font-size:14px}
.settings-actions{display:flex;flex-wrap:wrap;gap:12px}.settings-page .toggle{background:var(--ocean)}
.settings-page input[type=password]{display:block;width:100%;max-width:420px;min-height:48px;border:1px solid rgb(var(--hairline));border-radius:14px;background:var(--field);color:rgb(var(--ink));padding:10px 14px;margin:8px 0 16px}
.settings-page .feedback-row{display:flex;gap:12px;align-items:center;font-weight:600}.settings-page input[type=checkbox]{width:20px;height:20px;accent-color:#123860}
.settings-page .hint{margin:8px 0 0;font-size:14px}.settings-page .account-email{overflow-wrap:anywhere}.settings-page .action:disabled{opacity:.65}
.settings-page .secondary{background:var(--field);color:rgb(var(--ink));box-shadow:inset 0 0 0 1px rgb(var(--hairline))}.settings-page .danger{color:rgb(var(--ink));background:var(--field);box-shadow:inset 0 0 0 1px rgb(var(--hairline))}
.settings-page .status-note{margin-top:12px;min-height:1.6em}.settings-products{display:flex;flex-wrap:wrap;gap:12px 24px}.settings-products a{min-height:44px;display:inline-flex;align-items:center}

.skip:not(:focus){clip-path:inset(50%);width:1px;height:1px;padding:0;overflow:hidden}

/* Family feedback, 2026-10-01: stronger Day blue, restrained horizon haze,
   and the same stationary sky in every product. These sky refinements are
   owner feedback values, not additional Figma tokens. Night keeps its palette.
   One viewport tile over the horizon colour preserves the no-repeat fallback. */
:root,:root[data-theme="light"]{--sky-top:#3379C5;--sky:#3F83C7;--ground:#78B0DE;--sky-horizon:#ACD5F2;--sky-haze:rgb(248 251 255 / .14)}
:root[data-theme="dark"]{--sky-horizon:var(--ground);--sky-haze:transparent;}
@media(prefers-color-scheme:dark){:root:not([data-theme]),:root[data-theme="system"]{--sky-horizon:var(--ground);--sky-haze:transparent;}}
:root{--family-sky:radial-gradient(ellipse at 18% 90%,var(--sky-haze) 0%,transparent 70%),linear-gradient(149.44deg,var(--sky-top) 0%,var(--sky) 36%,var(--ground) 66%,var(--sky-horizon) 100%)}
html{background-color:var(--sky-horizon);background-image:var(--family-sky);background-size:100vw 100vh;background-repeat:no-repeat;background-attachment:fixed}body{background:transparent}body::before{content:none}
@media(prefers-reduced-transparency:reduce){html{background-image:none;background-color:var(--base-surface,var(--reading))}}
body:has([data-back-feedback])>footer,
body:not(.frontdoor):has([data-back-feedback])>footer.est{padding-bottom:calc(5rem + env(safe-area-inset-bottom))}

/* The outside page name shares Backburner's plain white treatment. Keep the
   pale horizon below it on short phones; reading-surface headings keep ink. */
.frontdoor .hero h1{color:#fff}
html:has(body.frontdoor){background-size:100vw max(100vh,850px)}
@media(prefers-reduced-transparency:reduce){html:has(body.frontdoor){background-color:color-mix(in srgb,var(--sky-top) 90%,#072b50)}}

/* Phone layouts keep the product name, mark and action close together instead
   of carrying the desktop illustration space into a narrow reading column. */
@media(max-width:720px){
  .frontdoor .hero{padding:26px 16px 24px}
  .frontdoor .hero h1{font-size:clamp(2.75rem,12vw,3.5rem);line-height:1.05}
  .switchboard{gap:16px}
  .panel{padding:24px;grid-template-columns:minmax(0,1fr) 64px;grid-template-areas:"name mark" "promise promise" "detail detail" "action action";column-gap:16px}
  .panel .top{grid-area:name;align-self:center;min-width:0}
  .pname{font-size:21px;overflow-wrap:anywhere}
  .mark{grid-area:mark;width:64px;height:64px;align-self:center}
  .mark img{width:64px;height:64px}
  .promise{grid-area:promise;font-size:clamp(1.5rem,6.8vw,1.85rem);line-height:1.2;margin:20px 0 12px;max-width:none}
  .detail{grid-area:detail;font-size:16px;line-height:1.65;max-width:none;margin:0 0 20px}
  .cta-row{grid-area:action;margin:0}
  .cta-row .btn{width:100%;justify-content:space-between}
  .connections{padding:24px;gap:16px;margin-top:16px}
  .connections h2{font-size:24px}
  .connections p{font-size:16px;line-height:1.65}
  header .signin{font-size:14px;min-height:44px}
  header .brand,header .home{min-height:44px}
  header.bar nav{column-gap:16px;row-gap:0}
  header.bar nav a{min-height:44px;font-size:14px}
  .legal{column-gap:20px;row-gap:0}
  .legal a,body:not(.frontdoor)>footer.est>a{display:inline-flex;align-items:center;min-height:44px}
  .foot{padding-inline:20px;gap:16px}
  body:not(.frontdoor) main{padding:24px 20px;overflow-wrap:anywhere}
  body:not(.frontdoor) .tablewrap{overscroll-behavior-x:contain}
  .settings-page .feedback-row{min-height:44px}
  .settings-page .feedback-row input{flex:none}
  .settings-page .toggle button{min-width:44px;min-height:44px;padding:8px 12px;font-size:14px}
  .settings-page .settings-actions{align-items:stretch}
  .settings-page .settings-actions .action{flex:1 1 100%}
}
@media(max-width:370px){
  .panel,.connections{padding:20px}
  .bar-right{width:auto;justify-content:flex-end}
  .frontdoor .hero{padding-top:22px;padding-bottom:20px}
}

/* Owner refinement, October 4: irregular brushed grain, original ocean hue.
   Texture and reflection affect paint only; controls and text stay crisp. */
body>header,body>header.bar {
  background: url('/assets/brushed-metal.svg') 0 0 / 640px 96px repeat,
    linear-gradient(112deg, transparent 8%, rgb(248 251 255 / .07) 24%, rgb(248 251 255 / .22) 39%, transparent 57%, rgb(248 251 255 / .08) 76%, transparent 91%),
    var(--ocean);
  box-shadow: inset 0 1px 0 rgb(248 251 255 / .58), inset 0 -1px 0 rgb(248 251 255 / .20), inset -2px -3px 9px rgb(248 251 255 / .32), 0 12px 32px rgb(7 43 80 / .12);
}

/* Compensate transparent SVG bounds without resizing the painted marks.
   Measured stroke-inclusive right insets: 3.565px at 29px, 2.335px at 19px. */
header .home .coil{margin-inline-end:-2.335px}
header .brand,header .home,header.bar a.home{gap:4px}