:root{--navy:#0f2a3d;--teal:#0e7c7b;--teal-dark:#0a5e5d;--amber:#f2a33c;--amber-dark:#d98a1f;--bg:#f7f5f0;--card:#ffffff;--ink:#1d2b33;--muted:#5b6b76;--line:#e2ddd3;--radius:14px}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6}
a{color:var(--teal-dark)}
header.site{background:var(--navy);color:#fff}
.topbar{max-width:1080px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:800;font-size:1.35rem}
.brand img{width:40px;height:40px}
.brand small{display:block;font-size:.72rem;font-weight:500;color:#bcd6d6;letter-spacing:.04em}
nav.main{margin-left:auto;display:flex;gap:4px;flex-wrap:wrap}
nav.main a{color:#dfeeee;text-decoration:none;padding:8px 11px;border-radius:8px;font-size:.95rem}
nav.main a:hover,nav.main a[aria-current="page"]{background:#1b4258;color:#fff}
main{max-width:1080px;margin:0 auto;padding:24px 20px 48px}
.hero{background:linear-gradient(135deg,var(--navy),var(--teal-dark));color:#fff;border-radius:var(--radius);padding:36px 32px;margin-bottom:28px}
.hero h1{margin:0 0 10px;font-size:2.1rem;line-height:1.2}
.hero p{margin:0 0 18px;max-width:640px;color:#d8ecec;font-size:1.08rem}
.hero .tagline{color:var(--amber);font-weight:700}
.btn{display:inline-block;background:var(--amber);color:#231a05;text-decoration:none;font-weight:700;padding:11px 18px;border-radius:10px;border:0;cursor:pointer;font-size:1rem}
.btn:hover{background:#ffc25e}
.btn.secondary{background:#fff;color:var(--navy);border:1px solid var(--line)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:24px 0}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px}
.card h2,.card h3{margin-top:0}
.card p{color:var(--muted)}
.tool-card h3 a{color:var(--navy);text-decoration:none}
.tool-card h3 a:hover{color:var(--teal-dark)}
.calculator{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px;margin:20px 0}
.calculator h2{margin-top:0}
.field{margin-bottom:14px}
.field label{display:block;font-weight:600;margin-bottom:5px}
.field input,.field select{width:100%;padding:10px 12px;border:1px solid #c8cdd2;border-radius:8px;font-size:1rem;background:#fff}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:640px){.field-row{grid-template-columns:1fr}.hero h1{font-size:1.6rem}}
.results{background:#eef7f6;border:1px solid #bfe3e1;border-radius:10px;padding:18px;margin-top:18px}
.results h3{margin-top:0;color:var(--navy)}
.results ul{margin:8px 0}
.results li{margin:4px 0}
.muted{color:var(--muted);font-size:.92rem}
table{width:100%;border-collapse:collapse;margin:14px 0;background:#fff}
th,td{border:1px solid var(--line);padding:9px 10px;text-align:left;font-size:.95rem}
th{background:#eef3f3}
.breadcrumb{font-size:.88rem;color:var(--muted);margin-bottom:12px}
.breadcrumb a{color:var(--muted)}
footer.site{background:var(--navy);color:#cfe0e0;margin-top:32px}
footer.site .inner{max-width:1080px;margin:0 auto;padding:28px 20px;display:flex;gap:24px;flex-wrap:wrap;justify-content:space-between}
footer.site a{color:#fff}
footer.site p{margin:4px 0}
.print-only{display:none}
@media print{.topbar nav,.btn,footer.site{display:none}.print-only{display:block}}
.room{border:1px solid var(--line);border-radius:10px;padding:14px;margin-bottom:12px;background:#fbfaf7}
details{margin:10px 0}
summary{font-weight:700;cursor:pointer}
.share-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.notice{background:#fff8e6;border:1px solid #f0d48a;border-radius:10px;padding:14px 16px;margin:18px 0}