:root{--bg:#f7f9fc;--card:#fff;--text:#172033;--muted:#667085;--line:#e7ebf2;--brand:#5b6df6;--brand-soft:#eef0ff;--warn:#fff8e8;--warn-line:#f4d58b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.site-footer,.site-header{max-width:1180px;margin:auto;padding:22px 28px;display:flex;align-items:center;justify-content:space-between}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:rgba(247,249,252,.9);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(231,235,242,.9)}.brand{font-weight:800;text-decoration:none;color:var(--text);font-size:20px}.brand span{color:var(--brand)}.site-footer a,.site-header nav a{color:var(--text);text-decoration:none;font-weight:700}.hero{padding:88px 24px 70px;background:linear-gradient(180deg,#eef1ff,#f7f9fc)}.article-wrap,.content-wrap,.hero-inner{max-width:980px;margin:auto}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:var(--brand);font-size:12px}.article-header h1,.hero h1{font-size:clamp(42px,7vw,72px);line-height:.98;margin:16px 0 20px;letter-spacing:-.05em}.article-header p,.hero p{font-size:20px;line-height:1.6;color:var(--muted);max-width:760px}.search-shell{margin-top:34px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px 20px;display:flex;justify-content:space-between;box-shadow:0 14px 40px rgba(31,43,86,.08);color:#8a94a6}.search-shell kbd{border:1px solid var(--line);padding:3px 7px;border-radius:7px;background:#fafbfc}.content-wrap{padding:56px 24px 88px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.section-heading h2{font-size:34px;margin:6px 0}.article-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:18px;gap:18px}.article-card,.category-card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:24px;text-decoration:none;color:inherit;box-shadow:0 8px 24px rgba(31,43,86,.04)}.article-card{transition:transform .2s,box-shadow .2s}.article-card:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(31,43,86,.08)}.article-tag{font-size:12px;font-weight:800;color:var(--brand);background:var(--brand-soft);padding:6px 9px;border-radius:999px}.article-card h3{font-size:23px;margin:18px 0 10px}.article-card p,.category-card p{color:var(--muted);line-height:1.6}.article-link{display:inline-block;margin-top:10px;font-weight:800;color:var(--brand)}.category-grid{margin-top:26px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.category-card{display:flex;gap:14px}.category-card>span{font-size:28px}.category-card strong{font-size:18px}.category-card p{margin:6px 0 0}.article-page{padding:54px 24px 100px}.back-link{color:var(--muted);text-decoration:none;font-weight:700}.article-header{padding:42px 0 26px;border-bottom:1px solid var(--line)}.article-header h1{font-size:clamp(40px,6vw,64px)}.article-wrap section{padding:28px 0;border-bottom:1px solid var(--line)}.article-wrap h2{font-size:30px;margin:0 0 14px;letter-spacing:-.025em}.article-wrap li,.article-wrap p{font-size:17px;line-height:1.75;color:#475467}.article-wrap ul{padding-left:24px}.callout{margin:28px 0;padding:20px 22px;border-radius:18px;background:#f0f3ff;border:1px solid #dfe4ff}.callout strong{font-size:18px}.callout p{margin:7px 0 0}.callout.warning{background:var(--warn);border-color:var(--warn-line)}.callout.support{background:#172033;color:#fff}.callout.support p{color:#d2d8e4}.steps{list-style:none;padding:0;display:grid;grid-gap:14px;gap:14px}.steps li{display:flex;gap:14px;background:#fff;border:1px solid var(--line);padding:18px;border-radius:16px}.steps li>span{width:32px;height:32px;border-radius:50%;background:var(--brand);color:white;display:grid;place-items:center;font-weight:800;flex:0 0 auto}.steps li p{margin:4px 0 0}.faq-list{display:grid;grid-gap:10px;gap:10px}.faq-list details{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 18px}.faq-list summary{font-weight:800;cursor:pointer}.faq-list p{margin-bottom:0}.site-footer{border-top:1px solid var(--line);color:var(--muted)}@media(max-width:760px){.site-footer,.site-header{padding:18px}.site-header nav a{font-size:14px}.hero{padding-top:60px}.hero h1{font-size:48px}.article-header p,.hero p{font-size:17px}.category-grid{grid-template-columns:1fr}.article-page{padding-top:28px}.article-wrap h2{font-size:25px}.site-footer{align-items:flex-start;gap:12px;flex-direction:column}}