:root{--color-bg:#fff;--color-surface:#f6f7f9;--color-border:#e2e5e9;--color-text:#1b1f24;--color-text-muted:#5b6470;--color-primary:#0b63ce;--color-primary-contrast:#fff;--radius:10px;--radius-sm:6px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--container:1100px;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--shadow-sm:0 1px 2px #0000000f}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);margin:0;font-size:16px;line-height:1.6}img,svg{max-width:100%;height:auto;display:block}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{margin:0 0 var(--space-3);line-height:1.25}h1{font-size:1.6rem}h2{font-size:1.3rem}h3{font-size:1.1rem}p{margin:0 0 var(--space-4)}code{font-family:var(--font-mono);font-size:.9em}.container{width:100%;max-width:var(--container);padding-inline:var(--space-4);margin-inline:auto}main{padding-block:var(--space-6);display:block}.section{margin-top:var(--space-6)}.site-header{border-bottom:1px solid var(--color-border);background:var(--color-surface)}.site-header__inner{justify-content:space-between;align-items:center;gap:var(--space-4);padding-block:var(--space-3);flex-wrap:wrap;display:flex}.site-logo{color:var(--color-text);font-size:1.15rem;font-weight:700}.site-nav ul{gap:var(--space-4);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.site-footer{border-top:1px solid var(--color-border);background:var(--color-surface);margin-top:var(--space-7);padding-block:var(--space-5);color:var(--color-text-muted);font-size:.9rem}.site-footer ul{gap:var(--space-4);margin:var(--space-2) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.breadcrumbs{color:var(--color-text-muted);margin-bottom:var(--space-4);font-size:.85rem}.breadcrumbs ol{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.breadcrumbs li+li:before{content:"/";margin-right:var(--space-2);color:var(--color-border)}.lead{color:var(--color-text-muted);font-size:1.05rem}.grid{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (width>=640px){.grid{grid-template-columns:repeat(2,1fr)}}@media (width>=960px){.grid--3{grid-template-columns:repeat(3,1fr)}}.card{border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-4);background:var(--color-surface);box-shadow:var(--shadow-sm);color:var(--color-text);transition:border-color .15s;display:block}.card:hover{border-color:var(--color-primary);text-decoration:none}.card h3{margin-bottom:var(--space-2)}.card p{color:var(--color-text-muted);margin-bottom:0;font-size:.92rem}.card__icon{margin-bottom:var(--space-2);font-size:1.5rem;display:block}.card__meta{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin-bottom:var(--space-1);font-size:.72rem;display:block}.searchbox{gap:var(--space-2);margin-block:var(--space-4);display:flex}.searchbox input[type=search]{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);font:inherit;color:var(--color-text);background:var(--color-bg);flex:1}.searchbox button{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);background:var(--color-primary);color:var(--color-primary-contrast);font:inherit;cursor:pointer;border:0}.ad-placeholder{border:1px dashed var(--color-border);border-radius:var(--radius);padding:var(--space-5);text-align:center;color:var(--color-text-muted);background:var(--color-surface);margin-block:var(--space-5);text-transform:uppercase;letter-spacing:.04em;font-size:.85rem}.calculator-placeholder{border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-5);background:var(--color-surface)}.seo-text{margin-top:var(--space-6)}.seo-text h2{margin-bottom:var(--space-3)}.faq{margin-top:var(--space-6)}.faq__item{border-top:1px solid var(--color-border);padding-block:var(--space-4)}.faq__q{margin:0 0 var(--space-2);font-size:1.05rem}.faq__a{color:var(--color-text-muted);margin:0}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width>=960px){h1{font-size:2rem}h2{font-size:1.5rem}}
