:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#183047;background:#f3f6f9;font-synthesis:none;--muted:#596f80;--line:#d3dfe6;--accent:#245b7c}
*{box-sizing:border-box}body{margin:0}a{color:var(--accent);text-underline-offset:3px}a:focus-visible{outline:3px solid #245b7c;outline-offset:4px}p{line-height:1.65}h1,h2,h3{line-height:1.2;letter-spacing:-.025em}h1{font-size:clamp(30px,4.5vw,46px);margin:12px 0 18px}h2{font-size:24px;margin:0 0 14px}h3{font-size:17px;margin:0 0 10px}.skip{position:absolute;left:16px;top:-80px;background:white;padding:12px;z-index:10}.skip:focus{top:12px}.project-header,main,.site-footer{max-width:1080px;margin:auto;padding:26px 28px}.project-header{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.brand{font-size:17px;font-weight:700;text-decoration:none;color:#183047}.brand small{display:block;font-size:11px;font-weight:400;color:var(--muted);margin-top:5px}.project-header nav{display:flex;flex-wrap:wrap;gap:20px;font-size:13px}.hero{padding:18px 0 26px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.12em;color:var(--muted);text-transform:uppercase;margin:0 0 8px}.status{display:inline-block;font-size:12px;color:#755a2a;background:#fff6e9;border:1px solid #eadab8;padding:7px 11px;border-radius:5px}.lead{font-size:17px;max-width:820px;color:#425e72;margin:16px 0 0}.facts{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 0}.facts span{font-size:12px;background:white;border:1px solid var(--line);border-radius:5px;padding:8px 11px}.section{padding:28px 0;border-top:1px solid var(--line)}.section>p{max-width:860px;font-size:15px}.review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}.review-grid article{background:white;border:1px solid var(--line);border-radius:8px;padding:20px}.review-grid p{font-size:14px;color:var(--muted);margin:0}.figure-slot{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:white;margin:0 0 28px}.figure-heading{padding:18px 22px;border-bottom:1px solid var(--line)}.figure-heading h2{font-size:18px;margin:0}.figure-space{min-height:240px;display:flex;align-items:center;justify-content:center;padding:28px;background:#eef3f6}.figure-space p{font-size:14px;color:var(--muted);text-align:center;margin:0}.figure-space img{display:block;max-width:100%;max-height:640px;object-fit:contain}.caption{font-size:12px;color:var(--muted);margin:0;padding:14px 22px;line-height:1.6}.history-links{display:flex;flex-wrap:wrap;gap:14px 24px;font-size:14px}.site-footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);margin-top:6px}.embedded body{background:white}.embedded .project-header,.embedded .review-body,.embedded .site-footer,.embedded .skip{display:none}.embedded main{max-width:none;padding:0}.embedded .figure-slot{margin:0;border-radius:0;border:0}.embedded .figure-heading{padding:14px 18px}.embedded .figure-space{height:calc(100vh - 126px);min-height:120px}.embedded .caption{padding:12px 18px}.embedded .figure-space img{max-height:100%}@media(max-width:650px){.project-header,main,.site-footer{padding:20px 18px}.project-header{align-items:flex-start;flex-direction:column;gap:18px}.project-header nav{gap:14px}.review-grid{grid-template-columns:1fr}.hero{padding-top:12px}.lead{font-size:16px}.figure-space{min-height:190px}.site-footer{flex-direction:column;gap:10px}}
.interactive-preview{width:100%;background:#edf3f7}.preview-stage{height:440px;min-height:240px;position:relative;overflow:hidden}.preview-stage canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}.preview-stage canvas:focus-visible{outline:3px solid #79b9d4;outline-offset:-4px}.preview-stage [hidden]{display:none!important}.preview-fallback{position:absolute;inset:0;width:100%;height:100%;max-height:none!important;object-fit:contain;padding:16px}.preview-status{position:absolute;left:18px;bottom:14px;background:#fffdf5;border:1px solid #e3d6bb;border-radius:5px;padding:8px 12px;max-width:85%;font-size:12px;color:#624e2a}.preview-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 18px;border-top:1px solid #d3dfe6;background:#f7f9fb}.preview-controls div{display:flex;gap:5px;flex-wrap:wrap}.preview-controls button{font:12px system-ui;color:#244861;background:white;border:1px solid #cbdbe6;border-radius:5px;padding:7px 11px;cursor:pointer}.preview-controls button:hover,.preview-controls button[aria-pressed=true]{background:#e0edf4;border-color:#779db7}.preview-controls button:focus-visible{outline:3px solid #79b9d4;outline-offset:3px}.preview-help{font-size:11px;color:#607889;padding:0 18px 12px;margin:0!important}.figure-space:has(.interactive-preview){padding:0;display:block}.embedded .preview-stage{height:calc(100vh - 220px);min-height:180px}.embedded .figure-space:has(.interactive-preview){height:auto;min-height:0}.embedded .figure-heading{display:none}.embedded .preview-stage{height:calc(100vh - 170px)}@media(max-width:650px){.preview-stage{height:320px}.preview-controls{padding:10px 12px}.preview-controls button{padding:8px 9px}.embedded .preview-stage{height:calc(100vh - 190px)}}