:root{color:#172026;background:#f3f6f4;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}.app{min-height:100vh;padding:24px 16px;background:linear-gradient(180deg,#ebf1ecf5,#f6f8f4fa),#f3f6f4}.shell{width:min(980px,100%);margin:0 auto}.header{margin:0 0 20px}.site-nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.site-nav button{min-height:38px;border:1px solid #cbd4ce;border-radius:8px;padding:6px 12px;background:#fff;color:#2f504d;font-size:.88rem;font-weight:900}.site-nav button.active{border-color:#172026;background:#172026;color:#fff}.eyebrow{margin:0 0 6px;color:#6b5e3f;font-size:.92rem;font-weight:700}h1,h2,p{margin-top:0}h1{display:flex;flex-wrap:wrap;gap:0 .25em;margin-bottom:10px;font-size:clamp(2.15rem,7vw,4.8rem);line-height:1.05;letter-spacing:0}h1 span{white-space:nowrap}h2{margin-bottom:0;font-size:clamp(1.3rem,4vw,2rem);letter-spacing:0}.lead{max-width:620px;margin-bottom:0;color:#46564f;font-weight:700;line-height:1.75}.tabs,.segmented{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:16px}.tabs button,.segmented button{min-height:48px;border:1px solid #cbd4ce;border-radius:8px;background:#fff;color:#31403a;font-weight:800}.tabs button.active,.segmented button.active{border-color:#215f57;background:#215f57;color:#fff}.panel{padding:clamp(18px,4vw,32px);border:1px solid #d9e0db;border-radius:8px;background:#fff;box-shadow:0 18px 50px #23363014}.panel-heading{margin-bottom:18px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid.three{grid-template-columns:1fr 1fr 1fr}label{display:grid;gap:7px;color:#425049;font-size:.92rem;font-weight:800}input,select{width:100%;min-height:48px;border:1px solid #bcc8c1;border-radius:8px;padding:10px 12px;background:#fbfcfb;color:#172026}input:focus,select:focus,button:focus-visible{outline:3px solid rgba(58,123,213,.25);outline-offset:2px}.error{margin:18px 0 0;border-radius:8px;padding:14px 16px;background:#fff0ed;color:#9a2e1c;font-weight:800}.results{display:grid;gap:18px;margin-top:20px}.hero-result{display:grid;gap:6px;border-radius:8px;padding:clamp(18px,4vw,28px);background:#ecf7f4;color:#17332f}.hero-result span{font-weight:800}.hero-result strong{font-size:clamp(3.2rem,15vw,6.4rem);line-height:.98;letter-spacing:0}.hero-result b{font-size:clamp(1.55rem,7vw,3rem);letter-spacing:0}.detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0}.detail-grid div{min-height:88px;border:1px solid #dce3de;border-radius:8px;padding:12px;background:#fbfcfb}dt{color:#66746e;font-size:.8rem;font-weight:800}dd{margin:6px 0 0;color:#172026;font-size:1.08rem;font-weight:900}.segmented{width:min(420px,100%)}.era-results{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.era-results strong{display:inline-flex;align-items:center;min-height:72px;border-radius:8px;padding:12px 18px;background:#eef2ff;color:#202a4d;font-size:clamp(2rem,9vw,4rem);line-height:1;letter-spacing:0}.ad-slot{display:grid;place-items:center;gap:4px;min-height:92px;margin-top:18px;border:1px dashed #aeb9b3;border-radius:8px;color:#6b7771;background:#ffffffa8;font-weight:800;text-align:center}.ad-slot small{color:#7b8781;font-size:.82rem;font-weight:700}.page-panel{padding:clamp(18px,4vw,32px);border:1px solid #d9e0db;border-radius:8px;background:#fff;box-shadow:0 18px 50px #23363014}.info-section{margin-top:18px;border-top:1px solid #e2e8e4;padding-top:18px}.info-section h3{margin:0 0 8px;color:#17332f;font-size:1.08rem;letter-spacing:0}.info-section p{margin-bottom:0;color:#3e4f48;font-weight:650;line-height:1.8}.info-section a,.footer a{color:#215f57;font-weight:900}.link-button{display:inline-flex;align-items:center;min-height:44px;margin-top:14px;border-radius:8px;padding:10px 14px;background:#215f57;color:#fff!important;text-decoration:none}.footer{display:grid;gap:10px;margin-top:22px;padding:18px 0 4px;color:#4d5d56}.footer strong{color:#172026}.footer div{display:flex;flex-wrap:wrap;gap:10px 16px}@media(max-width:760px){.app{padding:18px 12px}.form-grid,.form-grid.three,.detail-grid{grid-template-columns:1fr}.detail-grid div{min-height:72px}.site-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:380px){h1{font-size:2rem}}