@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,700;9..144,800&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap";:root{--bg:#f6f3ee;--surface:#fffdf9;--surface-strong:#fff;--ink:#1c2a35;--muted:#58697a;--line:#d7d1c7;--primary:#0c4a6e;--primary-strong:#08364f;--accent:#d47b2a;--ok:#0f766e;--shadow:0 12px 35px #0a1e2d14}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:var(--ink);background:radial-gradient(circle at 10% -10%, #d47b2a1f, transparent 40%), radial-gradient(circle at 90% 0%, #0c4a6e14, transparent 35%), var(--bg);font-family:IBM Plex Sans,sans-serif;line-height:1.55}a{color:inherit}.container{width:min(1120px,92vw);margin:0 auto}.top-strip{background:var(--primary-strong);color:#dfeaf2;text-align:center;padding:.45rem 1rem;font-size:.8rem}.site-header{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);background:#fffdf9eb;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:1rem;min-height:72px;display:flex}.brand{align-items:center;gap:.75rem;text-decoration:none;display:inline-flex}.brand-mark{border:1px solid var(--line);background:#fff;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex;overflow:hidden}.brand-mark img{-o-object-fit:contain;object-fit:contain;width:28px;height:28px;display:block}.brand strong{font-size:1.08rem;display:block}.brand small{color:var(--muted);font-size:.78rem}.main-nav{align-items:center;gap:.35rem;display:flex}.main-nav a{color:#304355;border-radius:.6rem;padding:.5rem .8rem;font-weight:600;text-decoration:none}.main-nav a:hover,.main-nav a.active{color:var(--primary-strong);background:#0c4a6e1a}.menu-button{border:1px solid var(--line);width:40px;height:40px;color:var(--primary-strong);background:#fff;border-radius:10px;justify-content:center;align-items:center;display:none}.app-main{min-height:60vh}.section{padding:clamp(2.3rem,3vw,4rem) 0}.section-soft{background:linear-gradient(#ffffff94,#ffffffd1);border-top:1px solid #e6e0d7;border-bottom:1px solid #e6e0d7}.hero{padding:clamp(2.5rem,4.5vw,5rem) 0 clamp(2rem,3vw,3rem)}.hero-grid{grid-template-columns:1.3fr 1fr;align-items:start;gap:1.4rem;display:grid}.hero h1,.section-intro h1{letter-spacing:-.015em;margin:.3rem 0 .9rem;font-family:Fraunces,serif;font-weight:800;line-height:1.1}.hero h1{font-size:clamp(1.85rem,4.5vw,3.3rem)}.hero p{color:var(--muted);max-width:63ch;margin-bottom:1.25rem}.hero-panel{background:var(--surface-strong);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:1rem;padding:1.15rem 1.2rem}.hero-panel h2{margin:0 0 .7rem;font-size:1.05rem}.hero-panel ul{gap:.58rem;margin:0;padding:0;list-style:none;display:grid}.hero-panel li{color:#274054;align-items:center;gap:.45rem;font-size:.95rem;display:flex}.hero-cta{flex-wrap:wrap;gap:.72rem;margin-top:1rem;display:flex}.btn{cursor:pointer;border:1px solid #0000;border-radius:.72rem;justify-content:center;align-items:center;gap:.38rem;padding:.74rem 1.05rem;font-weight:700;text-decoration:none;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary), #0b5f8e);color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#0a3f5d,#0b5078)}.btn-ghost{color:var(--primary-strong);background:#f6fbff;border-color:#8ba6bb}.section-intro{margin-bottom:1.3rem}.section-intro h1{font-size:clamp(1.4rem,3vw,2.3rem)}.section-intro p{color:var(--muted);max-width:70ch;margin:0}.kicker{color:#2a475f;text-transform:uppercase;letter-spacing:.05em;background:#f1efe8;border-radius:999px;align-items:center;gap:.35rem;padding:.35rem .64rem;font-size:.78rem;font-weight:700;display:inline-flex}.card-grid{grid-template-columns:repeat(auto-fit,minmax(248px,1fr));gap:1rem;display:grid}.article-card,.category-card,.tool-card,.list-item,.info-card{background:var(--surface-strong);border:1px solid var(--line);border-radius:1rem;box-shadow:0 3px #0a1e2d05}.article-card{padding:1rem 1rem 1.1rem}.article-card h3{margin:.78rem 0 .45rem;font-size:1.05rem;line-height:1.3}.article-card h3 a{text-decoration:none}.article-card p{color:var(--muted);margin:0}.article-top{justify-content:space-between;align-items:center;gap:.45rem;display:flex}.chip{border-radius:999px;align-items:center;gap:.33rem;padding:.3rem .52rem;font-size:.74rem;font-weight:700;display:inline-flex}.chip-muted{color:#4f5963;background:#f2f2f2}.accent-red{color:#a92730;background:#fef0f1}.accent-green{color:#206a4a;background:#edf9f3}.accent-indigo{color:#4a3c9a;background:#f1effe}.accent-blue{color:#1d4d85;background:#e9f3ff}.accent-orange{color:#9a5122;background:#fff3e8}.accent-cyan{color:#0e6a74;background:#eaf9fb}.accent-violet{color:#6b2da0;background:#f8efff}.article-meta{color:#66798d;flex-wrap:wrap;gap:.7rem 1rem;margin-top:.9rem;font-size:.82rem;display:flex}.article-meta span{align-items:center;gap:.26rem;display:inline-flex}.category-card{padding:1rem;text-decoration:none}.category-card h3{margin:.7rem 0 .42rem}.category-card p{color:var(--muted);margin:0}.category-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.text-link{color:var(--primary-strong);align-items:center;gap:.3rem;margin-top:.8rem;font-weight:700;display:inline-flex}.tools-grid{grid-template-columns:.95fr 1.25fr;align-items:start;gap:1.2rem;display:grid}.tool-cards{gap:.8rem;display:grid}.tool-card{padding:1rem;text-decoration:none}.tool-card h3{margin:0 0 .35rem}.tool-card p{color:var(--muted);margin:0}.list-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.8rem;display:grid}.list-item{padding:.95rem;text-decoration:none}.list-item h3{margin:0 0 .4rem;line-height:1.35}.list-item p{color:var(--muted);margin:0}.filters{grid-template-columns:1fr 250px;gap:.75rem;margin-bottom:1rem;display:grid}.search-box{border:1px solid var(--line);background:#fff;border-radius:.8rem;align-items:center;gap:.45rem;padding:.7rem .85rem;display:flex}.search-box input{border:0;outline:none;width:100%;font-size:.94rem}select,input,textarea{border:1px solid var(--line);width:100%;font:inherit;color:var(--ink);background:#fff;border-radius:.7rem;padding:.62rem .7rem}textarea{resize:vertical}select:focus,input:focus,textarea:focus{border-color:#76a8c8;outline:none;box-shadow:0 0 0 3px #357eaa26}.empty-state{color:#465868;background:#fffcf7;border:1px dashed #c6c0b5;border-radius:.8rem;padding:1rem}.article-layout{gap:1rem;display:grid}.breadcrumb{color:#577086;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.84rem;display:inline-flex}.breadcrumb a{text-decoration:none}.article-header h1{margin:.7rem 0 .75rem;font-family:Fraunces,serif;font-size:clamp(1.6rem,3.6vw,2.8rem);line-height:1.1}.article-header p{color:var(--muted);max-width:76ch;margin:0}.summary-box,.toc,.result-box,.tool-panel,.contact-form,.empty-state-box{background:var(--surface-strong);border:1px solid var(--line);border-radius:1rem;box-shadow:0 3px #0a1e2d05}.summary-box{padding:1rem}.summary-box h2{margin:0 0 .7rem}.summary-box ul,.checklist,.warning-box ul,.result-box ul,.contact-list{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.summary-box li,.checklist li,.warning-box li,.result-box li,.contact-list li{align-items:flex-start;gap:.45rem;display:flex}.article-content-grid{grid-template-columns:240px 1fr;align-items:start;gap:1rem;display:grid}.toc{padding:.9rem;position:sticky;top:90px}.toc h3{margin:0 0 .45rem;font-size:.95rem}.toc ul{gap:.4rem;margin:0;padding-left:1rem;display:grid}.toc a{color:#35556f;text-decoration:none}.article-body{gap:.9rem;display:grid}.article-section{border:1px solid var(--line);background:#fff;border-radius:1rem;padding:1rem}.article-section h2{margin:0 0 .55rem;font-family:Fraunces,serif;font-size:1.35rem}.article-section p{color:#334a5d;margin:0 0 .64rem}.warning-box{background:#fffaf4;border-color:#f0d4b6}.faq details{background:#fffefb;border:1px solid #ded8cc;border-radius:.7rem;margin-bottom:.5rem;padding:.66rem .75rem}.faq summary{cursor:pointer;font-weight:700}.faq p{margin:.55rem 0 0}.cta-inline{background:linear-gradient(155deg,#0c4a6e1a,#d47b2a1f);border:1px solid #0c4a6e2e;border-radius:.9rem;padding:1rem}.cta-inline h3{margin:0 0 .4rem}.cta-inline p{color:#345367;margin:0 0 .7rem}.related h2{margin:0 0 .7rem}.tool-layout{gap:1rem;display:grid}.tool-panel{gap:.8rem;padding:1rem;display:grid}.question-row{grid-template-columns:1fr 220px;align-items:center;gap:.8rem;display:grid}.result-box{padding:1rem}.result-box h2{margin:0 0 .5rem}.big-number{color:#0b4f76;margin:.2rem 0 .7rem;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800}.form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.7rem;display:grid}.form-grid label{color:#3f5567;gap:.35rem;font-size:.9rem;display:grid}.checklist-panel{gap:.55rem}.checkbox-row{background:#fff;border:1px solid #e7e1d7;border-radius:.72rem;align-items:flex-start;gap:.5rem;padding:.64rem .7rem;display:flex}.checkbox-row input{width:18px;height:18px;margin-top:2px}.prose p{color:#334a5d}.steps{gap:.55rem;padding-left:1.2rem;display:grid}.steps li{color:#334a5d}.info-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.8rem;margin-top:.8rem;display:grid}.info-card{padding:1rem}.info-card h3{margin:0 0 .45rem}.info-card ul{color:#334a5d;gap:.3rem;margin:0;padding-left:1.1rem;display:grid}.contact-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.contact-list a{text-decoration:none}.contact-form{gap:.75rem;padding:1rem;display:grid}.contact-form label{color:#3e5569;gap:.35rem;font-size:.9rem;display:grid}.empty-state-box{text-align:center;padding:1.4rem}.empty-state-box h1{margin-top:0}.site-footer{border-top:1px solid var(--line);background:#fffaf2;padding:1.5rem 0 1.8rem}.footer-grid{grid-template-columns:1.6fr 1fr 1fr;gap:1rem;display:grid}.site-footer h3,.site-footer h4{margin:0 0 .45rem}.site-footer p{color:#4f6374;margin:0 0 .55rem}.site-footer ul{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.site-footer a{color:#2b4860;text-decoration:none}.small-text{color:#64798b;font-size:.82rem}@media (width<=920px){.hero-grid,.tools-grid,.article-content-grid,.contact-grid,.footer-grid,.filters{grid-template-columns:1fr}.toc{position:static}.question-row{grid-template-columns:1fr}}@media (width<=760px){.menu-button{display:inline-flex}.main-nav{border-bottom:1px solid var(--line);background:#fff;flex-direction:column;gap:.28rem;padding:.75rem;display:none;position:absolute;top:100%;left:0;right:0}.main-nav.open{display:flex}.main-nav a{width:100%}}
