:root{--burgundy: #6d1c2a;--burgundy-deep: #3d0d16;--gold: #c4a265;--gold-bright: #e7d3a6;--gold-deep: #8c6b32;--ivory: #f7f1ea;--ivory-deep: #efe4d6;--paper: rgba(255, 251, 246, .78);--ink: #241416;--muted: #6f5d58;--up: #1d6b45;--down: #8e2433;--line: rgba(140, 107, 50, .35);--shadow: 0 24px 60px rgba(61, 13, 22, .08);color-scheme:light;font-family:Outfit,Segoe UI,sans-serif;color:var(--ink);background:var(--ivory)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;padding-top:48px;background:radial-gradient(ellipse at top,rgba(196,162,101,.18),transparent 46%),var(--ivory);overflow-x:clip}body:before{content:"";pointer-events:none;position:fixed;top:48px;right:0;bottom:0;left:0;opacity:.35;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28'%3E%3Cpath d='M14 2 18 10 14 12 10 10Z' fill='none' stroke='%23c4a265' stroke-opacity='.35'/%3E%3C/svg%3E")}#root{position:relative}img{max-width:100%;display:block}a{color:inherit}button,input{font:inherit;color:inherit}h1,h2,h3,.board-figure strong,.result-total{font-family:Cormorant Garamond,Georgia,serif;font-weight:500}h1{margin:0;font-size:clamp(3.3rem,7vw,6rem);line-height:.9;letter-spacing:-.03em;color:var(--burgundy-deep)}h1 em{font-style:italic;color:var(--gold-deep)}h2{margin:0;font-size:clamp(2.1rem,4vw,3.3rem);line-height:1;letter-spacing:-.03em;color:var(--burgundy-deep)}p{line-height:1.6}::selection{background:var(--burgundy);color:var(--gold-bright)}.skip{position:absolute;left:16px;top:-40px;background:var(--burgundy);color:#fff;padding:8px 12px;z-index:30}.skip:focus{top:60px}.site-header{position:sticky;top:48px;z-index:20;background:#f7f1eaeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(109,28,42,.1)}.site-header-inner,.hero,.ledger-wrap,.guide,.method,.page,.site-footer{width:min(1120px,calc(100% - 40px));margin-inline:auto}.site-header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:96px}.logo-link img{height:72px;width:auto}.nav{display:flex;gap:22px}.nav a{text-decoration:none;font-size:.92rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:8px 0}.nav a[aria-current=page]{color:var(--burgundy);box-shadow:inset 0 -1px 0 var(--gold)}.hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center;padding:64px 0 28px}.eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 16px;color:var(--gold-deep);letter-spacing:.2em;text-transform:uppercase;font-size:.72rem}.eyebrow:before{content:"";width:32px;height:1px;background:var(--gold)}.lede{font-size:1.08rem;color:var(--muted);max-width:42rem}.text-link{color:var(--burgundy);letter-spacing:.08em;text-transform:uppercase;font-size:.84rem;text-underline-offset:4px}.board{background:linear-gradient(180deg,rgba(255,246,223,.08),transparent 28%),linear-gradient(165deg,#5c1722,#3d0d16 70%);color:#f6e7c8;border-radius:18px;padding:26px 26px 18px;box-shadow:var(--shadow),inset 0 0 0 1px #e7d3a673;position:relative}.board:after{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:1px solid rgba(231,211,166,.28);border-radius:12px;pointer-events:none}.board-top,.board-foot,.board-row,.ledger-row,.calc,.staff-grid,.install-grid,.charts{display:grid}.board-top{grid-template-columns:1fr auto;gap:12px;align-items:end;position:relative;z-index:1}.board-kicker,.step{margin:0;letter-spacing:.18em;text-transform:uppercase;font-size:.72rem;color:var(--gold-bright)}.board-shop{margin:6px 0 0;font-family:Cormorant Garamond,Georgia,serif;font-size:1.7rem;line-height:1}.board-city{margin:0;letter-spacing:.16em;text-transform:uppercase;font-size:.75rem;color:var(--gold-bright)}.board-rows{position:relative;z-index:1;margin-top:18px}.board-row{grid-template-columns:140px 1fr;gap:12px;align-items:center;padding:12px 8px;border-top:1px solid rgba(231,211,166,.2)}.board-row.is-featured{background:#e7d3a614;border-radius:10px;border-top-color:transparent;margin:4px 0}.board-purity strong{display:block;font-family:Cormorant Garamond,Georgia,serif;font-size:1.8rem;font-weight:500;line-height:.9}.board-purity span,.board-purity em{display:inline-block;margin-top:4px;margin-right:8px;font-style:normal;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-bright);white-space:nowrap}.board-figure{text-align:right}.board-figure strong{font-size:clamp(2rem,4vw,2.8rem);letter-spacing:-.03em;line-height:.9}.board-figure span,.board-figure small{display:block;color:var(--gold-bright)}.board-figure span{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;margin-top:4px}.board-figure small{margin-top:2px;font-family:Outfit,sans-serif}.board-foot{position:relative;z-index:1;grid-template-columns:1fr auto;gap:12px;margin-top:8px;padding-top:12px;color:var(--gold-bright);font-size:.82rem}.board-foot p{margin:0}.board-waiting{min-height:280px;display:flex;flex-direction:column;justify-content:center}.ledger-wrap,.guide,.method{padding:34px 0}.section-head{margin-bottom:22px;max-width:38rem}.ledger{gap:12px}.ledger-row,.guide-grid article,.calc-form,.calc-result,.install,.chart,.staff,.table-wrap{background:var(--paper);border:1px solid rgba(140,107,50,.22);box-shadow:0 1px #ffffffb3 inset}.ledger-row{grid-template-columns:1.1fr 1fr .8fr .9fr;gap:12px;align-items:center;padding:16px 18px;border-radius:14px}.ledger-row.is-featured{border-color:#6d1c2a73}.ledger-row h3{margin:0;font-size:1.7rem}.ledger-row p{margin:0}.ledger-main strong{display:block;font-size:1.8rem;line-height:1}.ledger-main span,.ledger-sub,.move{color:var(--muted);font-size:.92rem}.move.is-up{color:var(--up)}.move.is-down{color:var(--down)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.guide-grid article{padding:18px;border-radius:14px}.guide-mark{display:flex;justify-content:space-between;margin:0;color:var(--gold-deep);letter-spacing:.14em;text-transform:uppercase;font-size:.78rem}.guide-grid h3{margin:12px 0 8px;font-size:1.8rem}.guide-grid p{margin:0;color:var(--muted)}.method ol{margin:0;padding-left:18px;max-width:46rem}.method li{margin:10px 0}.method li::marker{color:var(--gold-deep)}.disclaimer{margin-top:22px;padding-top:16px;border-top:1px solid var(--line);color:var(--muted);max-width:48rem}.page{padding:54px 0 20px}.page-head{max-width:44rem;margin-bottom:28px}.banner{padding:12px 14px;border-left:3px solid var(--burgundy);background:#6d1c2a0f;margin:0 0 18px}.banner.is-good{border-left-color:var(--up);background:#1d6b4514}.calc{grid-template-columns:1.15fr .85fr;gap:18px;align-items:start}.calc-form,.calc-result,.install,.staff{border-radius:16px;padding:22px}.choices{display:flex;flex-wrap:wrap;gap:8px}.choices button,.presets button,.code-block button,.button{border:1px solid var(--line);background:transparent;border-radius:999px;padding:8px 12px;cursor:pointer}.choices button{display:flex;flex-direction:column;align-items:flex-start;min-width:92px;border-radius:12px}.choices button span{color:var(--muted);font-size:.75rem;letter-spacing:.08em}.choices button.is-selected,.button{background:var(--burgundy);color:#f6e7c8;border-color:var(--burgundy)}.field,.check{display:flex;flex-direction:column;gap:8px;margin-top:16px}.field input{border:1px solid var(--line);background:#fff;border-radius:10px;padding:12px 14px;font-size:1.05rem}.presets{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.check{flex-direction:row;align-items:center}fieldset{border:0;margin:0;padding:0}legend{margin-bottom:8px}.result-total{margin:8px 0 0;font-size:clamp(3rem,5vw,4.4rem);line-height:.9;color:var(--burgundy-deep)}.result-note{color:var(--muted);margin-top:0}.calc-result dl{margin:18px 0}.calc-result dl div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid var(--line)}.calc-result dt{color:var(--muted)}.calc-result dd{margin:0}.fine{color:var(--muted);font-size:.88rem}.button{display:inline-flex;text-decoration:none;padding:12px 18px}.charts{gap:16px;margin-bottom:18px}.chart{margin:0;border-radius:16px;padding:16px 16px 10px}.chart figcaption{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.chart figcaption strong{font-family:Cormorant Garamond,Georgia,serif;font-size:2rem}.chart svg{width:100%;height:auto;display:block}.chart-axis{stroke:#8c6b3266}.chart-scale{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:.78rem}.table-wrap{border-radius:16px;overflow:auto}table{width:100%;border-collapse:collapse;min-width:640px}caption{text-align:left;padding:16px 16px 8px;font-family:Cormorant Garamond,Georgia,serif;font-size:1.6rem}th,td{padding:12px 16px;text-align:right;border-top:1px solid var(--line);white-space:nowrap}th:first-child,td:first-child,caption{text-align:left}tbody th{font-weight:500}.install-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.install h2{font-size:2rem;margin:8px 0 12px}.steps{margin:0 0 16px;padding-left:18px}.steps li{margin:8px 0}code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.86em}.code-block{position:relative;margin-top:8px}.code-block button{position:absolute;top:10px;right:10px;background:var(--ivory)}.code-block pre{margin:0;padding:42px 16px 16px;overflow:auto;background:#2a1418;color:#f6e7c8;border-radius:12px}.staff{max-width:640px}.staff-grid{grid-template-columns:1fr 1fr;gap:12px}.site-footer{padding:42px 0 56px;margin-top:20px;border-top:1px solid var(--line)}.footer-brand img{height:72px;width:auto;margin-bottom:8px}.footer-brand p{margin:0}.footer-links{display:flex;flex-wrap:wrap;gap:16px;margin:18px 0}.footer-links a{color:var(--burgundy);text-decoration:none;letter-spacing:.06em;text-transform:uppercase;font-size:.78rem}.muted{color:var(--muted)}:focus-visible{outline:2px solid var(--gold-deep);outline-offset:3px}@media(max-width:900px){.hero,.guide-grid,.calc,.install-grid,.ledger-row{grid-template-columns:1fr}.hero{padding-top:36px;gap:28px}.board{order:-1}.board-foot{grid-template-columns:1fr}.logo-link img{height:58px}}@media(max-width:720px){.site-header-inner{flex-wrap:wrap;min-height:0;padding:8px 0 12px}.nav{width:100%;justify-content:space-between;gap:8px}.site-header-inner,.hero,.ledger-wrap,.guide,.method,.page,.site-footer{width:min(1120px,calc(100% - 28px))}.staff-grid{grid-template-columns:1fr}h1{font-size:3.2rem}}@media print{.site-header,.site-footer,.nav{display:none}body{padding-top:0;background:#fff}}
