:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#17251d;background:#edf1e9;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 85% 0,#d9f55f33,transparent 30rem),#edf1e9}main{width:min(1100px,calc(100% - 32px));margin:32px auto 64px}header{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;padding:clamp(28px,5vw,56px);overflow:hidden;border:1px solid #314b3a;border-radius:28px;background:linear-gradient(135deg,#102219,#213d2b);color:#fff;box-shadow:0 24px 70px #17251d1f}.eyebrow{margin:0 0 8px;font-size:11px;letter-spacing:.18em;color:#9bc7a9;font-weight:900}.hero-copy>p:nth-of-type(2){max-width:620px;margin:12px 0 20px;color:#dce7df;font-size:clamp(1rem,2vw,1.18rem);line-height:1.6}.hero-points{display:flex;flex-wrap:wrap;gap:8px}.hero-points span{padding:7px 10px;border:1px solid #ffffff26;border-radius:999px;background:#ffffff0d;color:#d9f55f;font-size:12px;font-weight:800}.hero-mark{display:grid;grid-template-columns:repeat(2,64px);gap:8px;transform:rotate(3deg)}.hero-mark span{display:grid;place-items:center;aspect-ratio:1;border:1px solid #ffffff26;border-radius:18px;background:#ffffff0d;font:800 30px serif}.hero-mark span:last-child{grid-column:1/-1;width:64px;justify-self:center}h1{margin:.2rem 0;font-size:clamp(2.5rem,7vw,5rem);line-height:.95;letter-spacing:-.05em}.presets{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:18px 0;padding:18px 20px;border:1px solid #cad3c5;border-radius:18px;background:#fff}.presets h2{margin:0;font-size:18px}.preset-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.preset{padding:9px 12px;background:#f5f8f2;border-color:#cad3c5}.preset:hover,.preset:focus-visible{background:#d9f55f;border-color:#9eb52f}form{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:20px 0;padding:20px;background:#182b20;color:#fff;border-radius:18px;box-shadow:0 18px 45px #17251d14}label{display:grid;gap:6px;font-size:13px;font-weight:700}.check{display:flex;align-items:center;gap:8px}input,select,button{font:inherit;padding:11px;border-radius:9px;border:1px solid #829087}button{background:#d9f55f;color:#17251d;font-weight:800;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}#status{padding:12px 16px;border-radius:10px;margin:12px 0}.summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin:12px 0}.summary article{display:grid;gap:5px;padding:15px;background:#fff;border:1px solid #cad3c5;border-radius:12px}.summary strong{font-size:12px;color:#59665e}.summary span{font-weight:800}.success{background:#dff6e8}.warning{background:#fff0b8}.error{background:#ffd9d9;color:#7d1010}#chart{overflow:auto;background:#fff;border-radius:18px;border:1px solid #cad3c5}#chart svg{display:block;max-width:100%;height:auto;margin:auto}.actions{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}details{background:#fff;padding:16px;border-radius:14px}pre{white-space:pre-wrap;word-break:break-word;font-size:12px}footer{margin-top:24px;color:#59665e;font-size:13px}
.timeline-section{margin:18px 0;padding:18px;background:#fff;border:1px solid #cad3c5;border-radius:14px}.timeline-section h2{margin:0 0 12px;font-size:18px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th,td{padding:10px;border-bottom:1px solid #e3e8df;white-space:nowrap}th{font-size:12px;color:#59665e}.current-year{background:#effbd1;font-weight:800}
.explanation{margin:18px 0;padding:18px;background:#fff;border:1px solid #cad3c5;border-radius:14px}.explanation h2{margin:0 0 10px;font-size:18px}.explanation ul{margin:0 0 16px;padding-left:22px}.explanation li{margin:7px 0}.explanation details{padding:12px;background:#f6f8f3}.explanation summary{font-weight:800;cursor:pointer}.explanation dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;margin:14px 0 0}.explanation dl div{padding:10px;border:1px solid #dfe5da;border-radius:9px}.explanation dt{font-size:13px}.explanation dd{margin:5px 0 0;color:#267143;font:700 12px ui-monospace,monospace;overflow-wrap:anywhere}
.sensitivity-section{margin:18px 0;padding:18px;background:#fff;border:1px solid #cad3c5;border-radius:14px}.sensitivity-section h2{margin:0 0 8px;font-size:18px}.sensitivity-section p{margin:0 0 12px}.sensitivity-section .stable{color:#267143}.sensitivity-section .changed{color:#9a5a00;font-weight:700}.sensitivity-section td:last-child{font:700 12px ui-monospace,monospace}
.compatibility-section{margin:18px 0;padding:18px;background:#fff;border:1px solid #cad3c5;border-radius:14px}.compatibility-section h2{margin:0 0 8px;font-size:18px}.compatibility-inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:end;gap:12px;margin:14px 0}.compatibility-score{font-size:28px;font-weight:900;color:#267143}.compatibility-factors{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;margin:12px 0}.compatibility-factors article{display:grid;gap:7px;padding:12px;border:1px solid #dfe5da;border-radius:9px}.compatibility-factors small{color:#59665e;overflow-wrap:anywhere}.disclaimer{font-size:12px;color:#59665e}
.audit-section{margin:18px 0;padding:18px;border:1px solid #cad3c5;border-radius:14px}.audit-section>summary{font-size:18px;font-weight:800;cursor:pointer}.audit-rules{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px;margin-top:12px}.audit-rules article{display:grid;gap:7px;padding:12px;border:1px solid #dfe5da;border-radius:9px}.audit-rules small{color:#59665e;overflow-wrap:anywhere}
@media(max-width:720px){main{width:min(100% - 20px,1100px);margin:10px auto 40px}header{grid-template-columns:1fr;padding:28px 22px;border-radius:22px}.hero-mark{display:none}.presets{align-items:flex-start;flex-direction:column}.preset-actions{justify-content:flex-start}form{grid-template-columns:1fr}.actions button{flex:1 1 145px}}
