*{box-sizing:border-box;margin:0;padding:0}
:root{--brand:#e2548a;--brand-tx:#c23a6f;--amber:#f4a940;--ink:#1e2229;--muted:#5a6270;--line:#eee2e7;--bg:#faf7f5}
html{-webkit-text-size-adjust:100%}
body{font-family:'Poppins','Segoe UI',Helvetica,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.65;font-size:16px}
a{color:var(--brand-tx)}
.mainnav{max-width:1100px;margin:0 auto;padding:14px 24px;display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.mainnav a{font-size:15px;font-weight:500;text-decoration:none;color:var(--ink);min-height:48px;display:inline-flex;align-items:center}
.mainnav .langsel{margin-left:auto}
.mainnav select{font-family:inherit;font-size:14px;padding:10px 12px;min-height:48px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink)}
.heroh{background:var(--bg);border-bottom:1px solid var(--line)}
.heroh .inner{max-width:820px;margin:0 auto;padding:52px 24px 44px;text-align:center}
.heroh h1{font-size:clamp(28px,5vw,44px);font-weight:800;line-height:1.15}
.heroh p{color:var(--muted);margin-top:10px}
.searchwrap{margin-top:26px;position:relative;max-width:560px;margin-left:auto;margin-right:auto}
.searchwrap .lens{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:18px;opacity:.6}
#search{width:100%;min-height:54px;padding:14px 18px 14px 48px;font-size:17px;font-family:inherit;border:2px solid var(--line);border-radius:14px;outline:none;background:#fff}
#search:focus{border-color:var(--brand)}
.cats{max-width:1000px;margin:0 auto;padding:40px 24px 64px}
.cats h2{font-size:22px;font-weight:700;margin-bottom:16px}
.catgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.cat{display:block;background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:20px;text-decoration:none;color:var(--ink);transition:border-color .15s}
.cat:hover{border-color:var(--brand)}
.cat .fi{font-size:24px}
.cat h3{font-size:16px;font-weight:700;margin:8px 0 4px}
.cat p{font-size:13.5px;color:var(--muted)}
.cat .cnt{font-size:12px;color:var(--brand-tx);font-weight:600;margin-top:8px}
.searchresults{max-width:720px;margin:0 auto;padding:0 24px 48px;display:none}
.hit{display:block;padding:14px 18px;border:1px solid var(--line);border-radius:12px;margin-bottom:10px;text-decoration:none;background:#fff}
.hit h4{font-size:15.5px;font-weight:700;color:var(--brand-tx)}
.hit p{font-size:13px;color:var(--muted);margin-top:2px}
.noresults{color:var(--muted);padding:16px 4px;display:none}
.articlewrap{max-width:760px;margin:0 auto;padding:40px 24px 72px}
.crumb{font-size:14px;margin-bottom:18px}
.crumb a{text-decoration:none}
.articlewrap h1{font-size:clamp(26px,4.5vw,36px);font-weight:800;line-height:1.2;margin-bottom:8px}
.articlewrap h2{font-size:20px;font-weight:700;margin:30px 0 10px}
.articlewrap h3{font-size:16.5px;font-weight:700;margin:20px 0 6px}
.articlewrap p{margin:10px 0;color:#333a44}
.articlewrap ul,.articlewrap ol{margin:10px 0 10px 24px;color:#333a44}
.articlewrap li{margin:5px 0}
.articlewrap a{color:var(--brand-tx)}
.articlewrap code{background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:1px 6px;font-size:14px}
.articlewrap pre{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:14px;overflow-x:auto;margin:12px 0}
.articlewrap pre code{border:none;background:none;padding:0}
.articlewrap table{border-collapse:collapse;width:100%;margin:14px 0;font-size:14.5px}
.articlewrap th{text-align:left;background:var(--bg)}
.articlewrap th,.articlewrap td{border:1px solid var(--line);padding:9px 12px;vertical-align:top}
.articlewrap blockquote{border-left:4px solid var(--amber);padding:6px 0 6px 16px;color:var(--muted);margin:12px 0}
.articlewrap hr{border:none;border-top:1px solid var(--line);margin:26px 0}
.nextsteps{background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:18px 20px;margin-top:34px}
.nextsteps h3{margin:0 0 8px;font-size:15px}
.nextsteps ul{margin:0 0 0 20px}
.nextsteps li{margin:4px 0}
footer.site{background:var(--ink);padding:24px;font-size:13px;color:#b9bfc9}
footer.site .inner{max-width:1000px;margin:0 auto;display:flex;gap:18px;flex-wrap:wrap;align-items:center}
footer.site a{color:#fff;text-decoration:underline}
.fbrand{font-weight:600;color:#fff;text-decoration:none}
.arthead{max-width:760px;margin:0 auto;padding:32px 24px 0}
.arthead .crumb{margin-bottom:6px}
@media(max-width:480px){.heroh .inner{padding:40px 18px 34px}.cats{padding:32px 18px 48px}.articlewrap,.arthead{padding-left:18px;padding-right:18px}}