:root{--bg:#f6f8fb;--surface:#fff;--surface-2:#eef4f8;--text:#16202a;--muted:#5c6977;--line:#d9e1e8;--green:#2f7d5a;--red:#c13a3a;--blue:#2b6c9f;--yellow:#d99823;--shadow:0 16px 40px #13202d17}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select{font:inherit}.site-header{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffeb;border-bottom:1px solid #d9e1e8d9;position:sticky;top:0}.header-inner,.footer-inner,.page-shell{width:min(1120px,100% - 32px);margin:0 auto}.header-inner{justify-content:space-between;align-items:center;gap:24px;min-height:64px;display:flex}.brand-link{align-items:center;gap:10px;min-width:0;display:flex}.brand-mark{background:linear-gradient(135deg, #ffffff73, transparent 42%), linear-gradient(135deg, var(--green), var(--blue));border-radius:8px;flex:none;width:34px;height:34px;box-shadow:inset 0 0 0 1px #ffffff80}.brand-title{font-weight:800;line-height:1.1;display:block}.brand-subtitle{color:var(--muted);font-size:.78rem;display:block}.desktop-nav{color:var(--muted);align-items:center;gap:4px;font-size:.92rem;display:flex}.desktop-nav a,.mobile-nav nav a{border-radius:8px;padding:9px 11px}.desktop-nav a:hover,.mobile-nav nav a:hover{background:var(--surface-2);color:var(--text)}.mobile-nav{display:none;position:relative}.mobile-nav summary{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:8px;place-content:center;gap:4px;width:42px;height:42px;list-style:none;display:grid}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav summary span{background:var(--text);border-radius:2px;width:18px;height:2px}.mobile-nav nav{border:1px solid var(--line);background:var(--surface);width:min(260px,100vw - 32px);box-shadow:var(--shadow);border-radius:8px;padding:8px;position:absolute;top:52px;right:0}.mobile-nav nav a{display:block}.page-shell{padding:34px 0 0}.hero{color:#fff;background-image:linear-gradient(90deg,#0e171ee6,#0e171e9e 46%,#0e171e0f),url(/hero-bg.jpg);background-position:50%;background-size:cover;border:1px solid #16202a29;border-radius:8px;align-items:end;min-height:430px;display:grid;overflow:hidden}.hero-content{width:min(680px,100%);padding:42px}.eyebrow{color:#caead8;letter-spacing:0;text-transform:uppercase;margin:0 0 10px;font-size:.82rem;font-weight:800}h1,h2,h3,p{overflow-wrap:anywhere}h1{letter-spacing:0;margin:0;font-size:clamp(2.1rem,4vw,4.2rem);line-height:.96}h2{letter-spacing:0;margin:0 0 16px;font-size:1.65rem;line-height:1.12}h3{letter-spacing:0;margin:0 0 8px;font-size:1rem}.hero p{color:#e9f2f6;max-width:56ch}.actions{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.button{background:var(--text);color:#fff;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;min-height:42px;padding:10px 14px;font-weight:800;display:inline-flex}.button.secondary{background:#ffffff1f;border-color:#ffffff5c}.button.light{background:var(--surface);color:var(--text);border-color:var(--line)}.section{margin-top:30px}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.panel,.tool-panel,.table-wrap{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:8px}.panel{padding:18px}.panel.link-panel{transition:transform .16s,border-color .16s}.panel.link-panel:hover{border-color:#2f7d5a73;transform:translateY(-2px)}.metric{gap:4px;display:grid}.metric strong{font-size:1.45rem}.muted{color:var(--muted)}.status{border:1px solid var(--line);background:var(--surface-2);min-height:26px;color:var(--muted);border-radius:999px;align-items:center;padding:3px 8px;font-size:.78rem;font-weight:800;display:inline-flex}.status.confirmed{color:var(--green);background:#2f7d5a1a;border-color:#2f7d5a52}.status.needs_check{color:var(--red);background:#c13a3a1a;border-color:#c13a3a52}.status.inferred_from_source{color:#8d5f08;background:#d998231f;border-color:#d9982352}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:680px}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:13px 14px}th{color:var(--muted);text-transform:uppercase;font-size:.78rem}tr:last-child td{border-bottom:0}.source-list{gap:12px;display:grid}.source-list a{color:var(--blue);font-weight:800}.tool-panel{padding:20px}.calculator-grid{grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);align-items:start;gap:16px;display:grid}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}label{color:var(--muted);gap:6px;font-size:.86rem;font-weight:700;display:grid}input{border:1px solid var(--line);width:100%;min-height:42px;color:var(--text);background:#fff;border-radius:8px;padding:9px 10px}.result-stack{gap:12px;display:grid}.result{background:var(--surface-2);border-radius:8px;padding:14px}.result strong{font-size:1.55rem;display:block}.keyword-cloud{flex-wrap:wrap;gap:8px;display:flex}.keyword-cloud span{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:999px;padding:6px 9px;font-size:.82rem}.site-footer{border-top:1px solid var(--line);background:var(--surface);margin-top:56px}.footer-inner{color:var(--muted);justify-content:space-between;gap:24px;padding:26px 0;font-size:.9rem;display:flex}.footer-inner p{margin:6px 0 0}.footer-inner nav{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.footer-inner a{color:var(--text);font-weight:700}@media (max-width:840px){.desktop-nav{display:none}.mobile-nav{display:block}.hero{background-image:linear-gradient(#0e171ed6,#0e171e52),url(/hero-bg.jpg);min-height:390px}.hero-content{padding:28px}.grid,.grid.two,.calculator-grid,.form-grid{grid-template-columns:1fr}.footer-inner{display:grid}.footer-inner nav{justify-content:flex-start}}@media (max-width:520px){.header-inner,.footer-inner,.page-shell{width:min(100% - 22px,1120px)}.brand-title{white-space:nowrap;text-overflow:ellipsis;max-width:190px;overflow:hidden}.hero-content{padding:22px}.actions{display:grid}.button{width:100%}}