:root{color-scheme:light;--ink:#14263d;--ink-soft:#405169;--paper:#fffdf8;--paper-warm:#f6f0e4;--white:#fff;--orange:#b64012;--orange-dark:#ad3f16;--teal:#0d6964;--teal-pale:#dff3ef;--line:#d9d2c5;--line-dark:#9ca9b7;--success:#26734d;--danger:#a5262e;--shadow:0 16px 38px #14263d1a;--radius-sm:.5rem;--radius:.875rem;--radius-lg:1.4rem;--content:72rem;--reading:46rem;font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);min-width:20rem;color:var(--ink);margin:0;font-size:1rem;line-height:1.65}body:before{content:"";z-index:-1;pointer-events:none;opacity:.32;background-image:linear-gradient(#14263d09 1px,#0000 1px),linear-gradient(90deg,#14263d09 1px,#0000 1px);background-size:32px 32px;position:fixed;inset:0}img,svg{max-width:100%;display:block}button,input,select,textarea{font:inherit}button,select{cursor:pointer}a{color:var(--teal);text-underline-offset:.18em}a:hover{color:var(--orange-dark)}:focus-visible{outline-offset:3px;border-radius:.2rem;outline:3px solid #ffb489}h1,h2,h3{color:var(--ink);text-wrap:balance;font-family:Georgia,Times New Roman,serif;line-height:1.12}h1{letter-spacing:-.045em;margin:0 0 1.25rem;font-size:clamp(2.35rem,7vw,4.8rem)}h2{letter-spacing:-.03em;margin:0 0 1rem;font-size:clamp(1.75rem,4vw,2.75rem)}h3{margin:0 0 .65rem;font-size:1.3rem}p{margin:0 0 1rem}.skip-link{z-index:100;border-radius:var(--radius-sm);background:var(--ink);color:#fff;padding:.65rem 1rem;font-weight:800;position:fixed;top:.75rem;left:.75rem;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.container{width:min(calc(100% - 2rem), var(--content));margin-inline:auto}.reading{width:min(100%, var(--reading))}.section{padding-block:clamp(3.5rem,8vw,6.5rem)}.section-sm{padding-block:2.5rem}.section-tint{background:var(--paper-warm);border-block:1px solid var(--line)}.eyebrow{color:var(--orange-dark);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:.45rem;margin-bottom:.9rem;font-size:.76rem;font-weight:850;display:inline-flex}.eyebrow:before{content:"";background:var(--orange);border-radius:1rem;width:1.5rem;height:3px}.lede{max-width:46rem;color:var(--ink-soft);font-size:clamp(1.05rem,2vw,1.25rem)}.muted{color:var(--ink-soft)}.small{font-size:.875rem}.cluster{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.stack,.grid-2,.grid-3,.grid-4{gap:1rem;display:grid}@media (width>=44rem){.grid-2,.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=64rem){.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.button{background:var(--orange);color:#fff;text-align:center;min-height:3rem;box-shadow:0 4px 0 var(--orange-dark);border:2px solid #0000;border-radius:.7rem;justify-content:center;align-items:center;gap:.55rem;padding:.7rem 1.15rem;font-weight:850;line-height:1.2;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.button:hover{color:#fff;background:var(--orange-dark);transform:translateY(1px);box-shadow:0 2px #7f2d10}.button-secondary{border-color:var(--ink);color:var(--ink);box-shadow:0 4px 0 var(--ink);background:#fff}.button-secondary:hover{background:var(--ink);color:#fff}.button-quiet{border-color:var(--line);min-height:2.5rem;color:var(--ink);box-shadow:none;background:#fff;padding:.5rem .75rem}.button-quiet:hover{background:var(--paper-warm);color:var(--ink);box-shadow:none}.button:disabled{cursor:not-allowed;opacity:.55;box-shadow:none;transform:none}.card{border:1px solid var(--line);border-radius:var(--radius);background:#ffffffeb;padding:clamp(1.15rem,3vw,1.65rem);box-shadow:0 4px 14px #14263d0b}.card-link{color:inherit;text-decoration:none;transition:border-color .15s,transform .15s,box-shadow .15s}.card-link:hover{color:inherit;border-color:var(--orange);box-shadow:var(--shadow);transform:translateY(-2px)}.card p:last-child{margin-bottom:0}.card-accent{border-top:5px solid var(--teal)}.tag{background:var(--teal-pale);color:#0d615d;letter-spacing:.02em;border-radius:999px;align-items:center;padding:.24rem .55rem;font-size:.78rem;font-weight:800;display:inline-flex}.breadcrumbs{color:var(--ink-soft);padding-block:1.1rem;font-size:.86rem}.breadcrumbs ol{flex-wrap:wrap;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.breadcrumbs li:not(:last-child):after{content:"/";color:var(--line-dark);margin-left:.35rem}.breadcrumbs a{color:inherit}.prose{max-width:var(--reading)}.prose h2{margin-top:2.75rem}.prose h3{margin-top:2rem}.prose li+li{margin-top:.5rem}.prose blockquote{border-left:5px solid var(--teal);background:var(--teal-pale);margin:1.5rem 0;padding:1rem 1.25rem}.notice{border-left:5px solid var(--teal);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--teal-pale);padding:1rem 1.15rem}.notice-warning{border-color:var(--orange);background:#fff0e6}.field{gap:.35rem;display:grid}.field label,.field legend{color:var(--ink);font-size:.88rem;font-weight:800}.field select,.field input[type=text],.field input[type=number]{border:1px solid var(--line-dark);border-radius:var(--radius-sm);width:100%;min-height:2.9rem;color:var(--ink);background:#fff;padding:.58rem .75rem}.field-hint{color:var(--ink-soft);font-size:.78rem}.choice-row{flex-wrap:wrap;gap:.55rem;display:flex}.choice-row label{border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;align-items:center;gap:.4rem;padding:.55rem .7rem;font-weight:700;display:inline-flex}.hero{padding-block:clamp(4rem,10vw,8rem);position:relative;overflow:clip}.hero-grid{align-items:center;gap:clamp(2rem,6vw,5rem);display:grid}@media (width>=60rem){.hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(22rem,.85fr)}}.hero h1 em{color:var(--orange-dark);font-style:normal}.hero-points{color:var(--ink-soft);flex-wrap:wrap;gap:.55rem 1.1rem;margin:1.5rem 0 1.8rem;padding:0;font-size:.92rem;font-weight:700;list-style:none;display:flex}.hero-points li:before{content:"✓";color:var(--teal);margin-right:.42rem;font-weight:950}.sheet-illustration{border:1px solid var(--line);min-height:25rem;box-shadow:var(--shadow);background:#fff;border-radius:.5rem;padding:1.6rem;position:relative;transform:rotate(2deg)}.sheet-illustration:before{content:"";background:repeating-linear-gradient(#0000 0 2.15rem,#d5dce3 2.15rem calc(2.15rem + 1px));position:absolute;inset:5rem 1.6rem 1.6rem}.sheet-illustration:after{content:"✓";aspect-ratio:1;background:var(--teal);color:#fff;width:4rem;box-shadow:var(--shadow);border-radius:50%;place-items:center;font-size:2.2rem;font-weight:900;display:grid;position:absolute;bottom:-1rem;right:-1.1rem}.sheet-title{z-index:1;border-bottom:3px solid var(--ink);padding-bottom:.85rem;font-family:Georgia,serif;font-size:1.45rem;font-weight:800;position:relative}.sheet-meta{z-index:1;color:var(--ink-soft);justify-content:space-between;margin-top:.7rem;font-size:.8rem;display:flex;position:relative}.builder-shell{gap:1.25rem;display:grid}@media (width>=62rem){.builder-shell{grid-template-columns:minmax(18rem,.68fr) minmax(0,1.32fr);align-items:start}}.builder-panel{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:1.25rem;box-shadow:0 8px 24px #14263d12}@media (width>=62rem){.builder-controls{position:sticky;top:5.5rem}}.builder-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.builder-grid .span-2{grid-column:1/-1}.builder-actions{gap:.65rem;margin-top:1rem;display:grid}.preview-toolbar{flex-wrap:wrap;justify-content:space-between;gap:.75rem;margin-bottom:1rem;display:flex}.paper-preview{border:1px solid var(--line);background:#fff;min-height:42rem;padding:clamp(1.4rem,4vw,3rem);box-shadow:0 5px 25px #14263d17}.problem-grid{counter-reset:problem;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem 2rem;margin-top:2rem;display:grid}.problem{color:#111;grid-template-columns:1.7rem 1fr;gap:.35rem;min-height:2.4rem;font-family:Arial,sans-serif;display:grid}.problem:before{counter-increment:problem;content:counter(problem) ".";font-weight:700}.problem-content{min-width:0}.problem-answer{border-bottom:1px solid #333}.problem-visual{color:#14263d;break-inside:avoid;width:min(100%,15rem);margin:.55rem auto .3rem}.problem-visual svg{width:100%;height:auto;max-height:10.5rem;overflow:visible}.problem-visual .pv-boundary,.problem-visual .pv-cell,.problem-visual .pv-shape,.problem-visual .pv-block{fill:#fff;stroke:currentColor;stroke-width:1.8px}.problem-visual .pv-mark,.problem-visual .pv-highlight,.problem-visual .pv-bar{fill:#0d6964;stroke:currentColor;stroke-width:1.2px}.problem-visual .pv-highlight{fill:#b64012}.problem-visual .pv-bar-alt{fill:#d8e8e6}.problem-visual .pv-divider,.problem-visual .pv-gridline,.problem-visual .pv-strong,.problem-visual .pv-hand,.problem-visual .pv-angle{stroke:currentColor}.problem-visual .pv-divider{stroke-width:1.2px;stroke-dasharray:3 3}.problem-visual .pv-gridline{stroke-width:.7px;opacity:.55}.problem-visual .pv-strong{stroke-width:1.7px}.problem-visual .pv-hand{stroke-width:4px;stroke-linecap:round}.problem-visual .pv-minute-hand{stroke-width:2.2px}.problem-visual .pv-angle{stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.problem-visual .pv-strong-fill{fill:currentColor}.problem-visual .pv-no-fill{fill:none}.problem-visual .pv-label{fill:currentColor;text-anchor:middle;font:700 10px Arial,sans-serif}.problem-visual .pv-label-start{text-anchor:start}.sample-sheet{border:1px solid var(--line);color:#111;background:#fff;border-radius:.45rem;padding:1.1rem;box-shadow:0 5px 16px #14263d14}.sample-lines{gap:.75rem;margin-top:1rem;display:grid}.sample-lines span{background:#c8c8c8;height:1px;display:block}.ad-slot{border:1px solid var(--line);text-align:center;background:#fff;margin-block:2.5rem;padding:.8rem}.ad-label{color:var(--ink-soft);letter-spacing:.1em;text-transform:uppercase;font-size:.68rem}.site-header{z-index:50;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--paper) 93%, transparent);backdrop-filter:blur(14px);position:sticky;top:0}.nav-wrap{justify-content:space-between;align-items:center;gap:1rem;min-height:4.6rem;display:flex}.brand{color:var(--ink);letter-spacing:-.02em;align-items:center;gap:.7rem;font-family:Georgia,serif;font-size:1.12rem;font-weight:850;text-decoration:none;display:inline-flex}.brand:hover{color:var(--ink)}.brand-mark{flex:none;width:2.35rem}.nav-links{align-items:center;gap:.3rem;display:flex}.nav-links a{border-radius:var(--radius-sm);color:var(--ink);padding:.55rem .7rem;font-size:.91rem;font-weight:750;text-decoration:none}.nav-links a:hover,.nav-links a[aria-current=page]{background:var(--paper-warm);color:var(--orange-dark)}.nav-toggle{border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink);background:#fff;padding:.45rem;display:none}@media (width<=47.99rem){.nav-toggle{display:inline-flex}.nav-links{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;padding:.75rem;display:none;position:absolute;inset:calc(100% + 1px) 1rem auto}.nav-links[data-open=true]{display:grid}}.site-footer{border-top:1px solid var(--line);background:var(--ink);color:#dce5ee;padding-block:3rem}.site-footer a{color:#f4f7fa}.footer-grid{gap:2rem;display:grid}@media (width>=50rem){.footer-grid{grid-template-columns:1.3fr .7fr .7fr}}.footer-title{color:#fff;font-family:Georgia,serif;font-size:1.25rem;font-weight:850}.footer-links{margin:0;padding:0;list-style:none}.footer-links li+li{margin-top:.35rem}.footer-bottom{color:#b8c4d1;border-top:1px solid #435269;margin-top:2.5rem;padding-top:1.25rem;font-size:.8rem}@media print{body{background:#fff}body:before,.site-header,.site-footer,.breadcrumbs,.no-print,.ad-slot{display:none!important}main{padding:0!important}.paper-preview{min-height:0;box-shadow:none;border:0;padding:0}.problem-visual{color:#000}.problem-visual .pv-mark,.problem-visual .pv-highlight,.problem-visual .pv-bar{fill:#d8d8d8}.problem-visual .pv-bar-alt{fill:#f2f2f2}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
