:root{--color-bg:#fbf9f6;--color-surface:#fff;--color-text:#2b2420;--color-text-muted:#6b6058;--color-border:#e8e1d9;--color-primary:#b5622f;--color-primary-dark:#8f4b22;--color-accent:#3a6b5c;--color-cta-bg:#f4ede2;--radius:14px;--max-width:960px;--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-heading:Georgia, "Times New Roman", serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);margin:0;font-size:17px;line-height:1.6}.wrap{max-width:var(--max-width);margin:0 auto;padding:0 20px}a{color:var(--color-primary-dark)}h1,h2,h3{font-family:var(--font-heading);color:#221d19;line-height:1.25}h1{margin:.2em 0 .4em;font-size:2.4rem}h2{margin:1.6em 0 .6em;font-size:1.6rem}h3{margin:1.2em 0 .4em;font-size:1.2rem}p{margin:0 0 1em}.site-header{border-bottom:1px solid var(--color-border);background:var(--color-surface)}.site-header .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:18px;padding-bottom:18px;display:flex}.brand{font-family:var(--font-heading);color:var(--color-text);align-items:center;gap:10px;font-size:1.5rem;font-weight:700;text-decoration:none;display:flex}.brand-mark{font-size:1.6rem}.site-nav{flex-wrap:wrap;gap:22px;display:flex}.site-nav a{color:var(--color-text);font-size:.95rem;font-weight:600;text-decoration:none}.site-nav a:hover{color:var(--color-primary)}main{padding:40px 0 60px}.site-footer{border-top:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);padding:32px 0;font-size:.9rem}.site-footer .footer-links{flex-wrap:wrap;gap:18px;margin-top:10px;display:flex}.site-footer a{color:var(--color-text-muted)}.hero{text-align:center;padding:20px 0 10px}.hero p.lede{color:var(--color-text-muted);max-width:640px;margin:0 auto 1.4em;font-size:1.15rem}.card-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin:24px 0;display:grid}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);color:inherit;padding:22px;text-decoration:none;transition:box-shadow .15s,transform .15s;display:block}.card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2b242014}.card .eyebrow{text-transform:uppercase;letter-spacing:.06em;color:var(--color-primary);font-size:.72rem;font-weight:700}.card h3{margin:6px 0 8px}.card p{color:var(--color-text-muted);margin:0;font-size:.95rem}.tool-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);margin:24px 0;padding:28px}.field-row{flex-wrap:wrap;gap:16px;margin-bottom:18px;display:flex}.field{flex-direction:column;flex:200px;gap:6px;display:flex}.field label{font-size:.9rem;font-weight:600}.field select,.field input{border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);border-radius:8px;padding:10px 12px;font-size:1rem}.btn{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:999px;padding:12px 22px;font-size:1rem;font-weight:700;text-decoration:none;display:inline-block}.btn:hover{background:var(--color-primary-dark)}.result-box{border-radius:var(--radius);background:var(--color-cta-bg);margin-top:22px;padding:20px;display:none}.result-box.visible{display:block}.result-box .result-figure{color:var(--color-primary-dark);font-size:2rem;font-weight:800;font-family:var(--font-heading)}.disclaimer{color:var(--color-text-muted);margin-top:14px;font-size:.85rem}.cta-box{border:1px solid var(--color-border);background:var(--color-cta-bg);border-radius:var(--radius);margin:28px 0;padding:22px}.cta-box .eyebrow{text-transform:uppercase;letter-spacing:.06em;color:var(--color-accent);font-size:.72rem;font-weight:700}.cta-box h4{font-family:var(--font-heading);margin:6px 0 8px;font-size:1.15rem}.cta-box p{color:var(--color-text-muted);margin:0 0 14px}article.guide{max-width:720px;margin:0 auto}article.guide .meta{color:var(--color-text-muted);margin-bottom:1.6em;font-size:.9rem}.breadcrumb{color:var(--color-text-muted);margin-bottom:1.2em;font-size:.85rem}.breadcrumb a{color:var(--color-text-muted)}table.compare{border-collapse:collapse;width:100%;margin:1.4em 0}table.compare th,table.compare td{border:1px solid var(--color-border);text-align:left;padding:10px 12px;font-size:.95rem}table.compare th{background:var(--color-cta-bg)}
