:root{--paper:#f2efe5;--sheet:#fffdf7;--ink:#171a18;--muted:#625f58;--line:#aaa69b;--green:#12624c;--coral:#ce4b2c;--gold:#e6b94c;--blue:#244b76;--max:1440px}*{box-sizing:border-box}html,body{overflow-x:hidden;background:var(--paper)}body{margin:0;color:var(--ink);font-family:"Arial Narrow",Arial,sans-serif;font-size:16px;line-height:1.5}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit}:focus-visible{outline:3px solid var(--coral);outline-offset:4px}.skip-link{position:fixed;z-index:100;top:12px;left:12px;padding:10px 14px;background:var(--ink);color:#fff;transform:translateY(-160%)}.skip-link:focus{transform:none}.demo-header{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center;min-height:72px;padding:0 clamp(18px,4vw,58px);border-bottom:1px solid var(--ink)}.brand{font-family:Georgia,"Times New Roman",serif;font-size:1.8rem;letter-spacing:-.08em;text-decoration:none}.brand span{font-style:italic}.brand b{color:var(--coral)}.demo-header p,.eyebrow,.step{margin:0;font-family:"SFMono-Regular",Consolas,monospace;font-size:.67rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.demo-header p{color:var(--muted)}.back-link{justify-self:end;font-size:.78rem;font-weight:800;text-underline-offset:4px}.back-link:hover{text-decoration:underline}.demo-shell{max-width:var(--max);margin:auto}.intro{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);gap:clamp(30px,7vw,110px);padding:clamp(56px,9vw,120px) clamp(18px,5vw,74px);border-bottom:1px solid var(--ink)}.eyebrow,.step{color:var(--muted)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.055em}h1{max-width:830px;margin:16px 0 24px;font-size:clamp(3.1rem,7vw,7rem);line-height:.9}.intro>div>p:last-child{max-width:760px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.15rem,2vw,1.5rem);line-height:1.36}.privacy-note{align-self:end;padding:24px;border:1px solid var(--ink);background:var(--green);color:#fff;box-shadow:9px 9px 0 var(--gold)}.privacy-note strong{font-family:Georgia,"Times New Roman",serif;font-size:1.5rem;font-weight:400}.privacy-note p{margin:8px 0 0;color:#dceee6}.demo-grid{display:grid;grid-template-columns:minmax(360px,.94fr) minmax(0,1.06fr);border-bottom:1px solid var(--ink)}.input-stack{padding:clamp(28px,4vw,60px);border-right:1px solid var(--ink)}.panel+.panel{margin-top:44px}.panel-heading,.results-heading,.result-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.panel h2,.results h2{margin:7px 0 0;font-size:clamp(2rem,3.6vw,3.3rem);line-height:.95}.panel h2{font-size:clamp(1.8rem,3vw,2.5rem)}.hint{margin:18px 0;color:var(--muted);font-size:.87rem}.hint code,.method code{padding:1px 4px;background:#e3dfd5;font-family:"SFMono-Regular",Consolas,monospace;font-size:.85em}label{display:block;margin-bottom:8px;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}textarea{display:block;width:100%;min-height:212px;resize:vertical;padding:15px;border:1px solid var(--ink);border-radius:0;background:var(--sheet);color:var(--ink);font-family:"SFMono-Regular",Consolas,monospace;font-size:.76rem;line-height:1.5}.contract{margin:8px 0 12px;padding:8px 10px;overflow:auto;background:var(--ink);color:#fff;font-family:"SFMono-Regular",Consolas,monospace;font-size:.68rem;white-space:nowrap}.file-control{display:inline-flex;min-height:43px;align-items:center;padding:10px 12px;border:1px solid var(--ink);background:transparent;letter-spacing:.05em;cursor:pointer}.file-control input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.file-control:focus-within{outline:3px solid var(--coral);outline-offset:3px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:38px}.primary-button,.secondary-button,.text-button{min-height:45px;border:1px solid var(--ink);border-radius:0;padding:10px 13px;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.primary-button{background:var(--ink);color:#fff}.primary-button:hover{background:var(--green);box-shadow:4px 4px 0 var(--gold);transform:translate(-2px,-2px)}.secondary-button,.text-button{background:transparent;color:var(--ink)}.secondary-button:hover,.text-button:hover{background:#e3dfd5}.secondary-button:disabled{cursor:not-allowed;opacity:.5}.text-button{min-height:0;padding:5px 0;border-width:0 0 1px;text-transform:none}.status{min-height:24px;margin:18px 0 0;color:var(--muted);font-size:.8rem}.status.is-error{color:#9e2815}.status.is-success{color:var(--green)}.results{min-width:0;padding:clamp(28px,4vw,60px);background:var(--sheet)}.empty-state{margin-top:26px;padding:30px;border:1px dashed var(--line);color:var(--muted)}.empty-state strong{display:block;margin-bottom:5px;color:var(--ink);font-family:Georgia,"Times New Roman",serif;font-size:1.5rem;font-weight:400}.empty-state p{margin:0}.summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:26px}.metric{padding:17px;border:1px solid var(--ink);background:var(--paper)}.metric b{display:block;font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.4rem,2.4vw,2.2rem);font-weight:400;letter-spacing:-.04em;line-height:1}.metric span{display:block;margin-top:8px;color:var(--muted);font-family:"SFMono-Regular",Consolas,monospace;font-size:.63rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.metric.material{border-color:var(--green)}.result-section{margin-top:34px}.result-heading{align-items:baseline;padding-bottom:10px;border-bottom:2px solid var(--ink)}.result-heading h3{margin:0;font-size:1.55rem}.result-heading span{padding:3px 7px;background:var(--ink);color:#fff;font-family:monospace;font-size:.7rem}.table-wrap{overflow:auto;border-bottom:1px solid var(--line)}table{width:100%;border-collapse:collapse;font-size:.78rem}th,td{padding:11px 9px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{background:#e9e5db;font-family:"SFMono-Regular",Consolas,monospace;font-size:.61rem;letter-spacing:.05em;text-transform:uppercase}td.number{text-align:right;font-family:"SFMono-Regular",Consolas,monospace;font-size:.72rem;white-space:nowrap}.exception{color:#9e2815}.no-data{padding:17px 9px;color:var(--muted);font-size:.84rem}.method{padding:clamp(58px,9vw,112px) clamp(18px,5vw,74px)}.method h2{max-width:890px;margin:16px 0 40px;font-size:clamp(2.5rem,5.5vw,5.8rem);line-height:.92}.method-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink);border-left:1px solid var(--line)}.method-grid p{min-height:145px;margin:0;padding:22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted)}.method-grid b{display:block;margin-bottom:7px;color:var(--ink);font-family:Georgia,"Times New Roman",serif;font-size:1.3rem;font-weight:400}@media(max-width:900px){.demo-header{grid-template-columns:1fr auto}.demo-header p{display:none}.intro,.demo-grid{grid-template-columns:1fr}.input-stack{border-right:0;border-bottom:1px solid var(--ink)}.privacy-note{max-width:580px}.method-grid{grid-template-columns:1fr}.method-grid p{min-height:auto}}@media(max-width:550px){body{font-size:15px}.demo-header{min-height:64px}.back-link{font-size:.7rem}.intro{padding-top:58px}.privacy-note{box-shadow:6px 6px 0 var(--gold)}.input-stack,.results{padding:25px 18px}.summary{grid-template-columns:1fr}.actions{align-items:stretch;flex-direction:column}.primary-button,.secondary-button{width:100%}textarea{min-height:188px}.method-grid{border-left:0}.method-grid p{padding-right:0;padding-left:0;border-right:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.primary-button{transform:none;transition:none}}