:root{--blue:#075bb7;--ink:#13233a;--muted:#60718a;--line:#dce5f0;--soft:#f4f8fc;--cyan:#08a6d5}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.6}.topbar{height:70px;display:flex;align-items:center;gap:28px;padding:0 max(24px,calc((100% - 1380px)/2));background:linear-gradient(105deg,#074d9d,#087bc7);color:#fff;position:sticky;top:0;z-index:5;box-shadow:0 1px 0 rgba(0,0,0,.08)}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-size:17px;font-weight:700;white-space:nowrap}.brand-mark{border:2px solid rgba(255,255,255,.8);padding:0 4px;line-height:19px;font-size:14px;letter-spacing:-1px}.search-trigger{display:flex;align-items:center;gap:9px;width:min(590px,55vw);margin:auto;border:1px solid rgba(255,255,255,.34);border-radius:10px;background:rgba(255,255,255,.12);color:#fff;padding:10px 13px;font:inherit;text-align:left;cursor:pointer}.search-trigger span,.hero-search span{font-size:25px;line-height:12px}.topbar kbd,.search-box kbd{margin-left:auto;border:1px solid currentColor;border-radius:4px;padding:0 5px;font:11px/18px Inter,sans-serif;opacity:.8}.support-link{color:#fff;text-decoration:none;font-size:14px;white-space:nowrap}.layout{display:grid;grid-template-columns:260px minmax(0,1fr);max-width:1380px;margin:auto;min-height:calc(100vh - 70px)}.sidebar{border-right:1px solid var(--line);padding:32px 18px;background:#fbfdff}.side-home,.side-link{display:flex;align-items:center;gap:8px;border-radius:7px;padding:8px 10px;color:#41536e;text-decoration:none;font-size:14px}.side-home{font-weight:700;color:var(--blue);margin-bottom:24px}.side-link:hover,.side-link.is-active{background:#e7f3ff;color:#075bb7}.side-link small{margin-left:auto;color:#8492a4}.side-heading{margin:0 10px 8px;color:#8290a3;font-size:11px;font-weight:800;letter-spacing:.09em}.main-content{min-width:0}.hero{padding:82px clamp(28px,6vw,98px) 76px;background:radial-gradient(circle at 72% 20%,#d4f5fc 0,rgba(212,245,252,0) 34%),linear-gradient(140deg,#f6fbff,#ecf6ff)}.eyebrow{margin:0 0 9px;color:#0e84bd;font-size:11px;font-weight:800;letter-spacing:.12em}.hero h1{max-width:720px;margin:0;color:#102746;font-size:clamp(35px,4vw,57px);line-height:1.08;letter-spacing:-.045em}.hero>p:not(.eyebrow){max-width:600px;margin:20px 0 27px;color:#50637d;font-size:18px}.hero-search{display:flex;align-items:center;gap:12px;width:min(650px,100%);border:1px solid #c9ddec;border-radius:12px;background:#fff;color:#73839a;box-shadow:0 12px 30px rgba(36,86,126,.12);padding:16px 18px;font:16px Inter,"Segoe UI",sans-serif;text-align:left;cursor:pointer}.content-section{padding:48px clamp(28px,6vw,98px);border-bottom:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:22px}.section-heading h2{margin:0;font-size:27px;line-height:1.15;letter-spacing:-.025em}.article-count{color:#7c8ca2;font-size:14px}.featured-grid,.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.featured-card,.category-card{display:flex;flex-direction:column;align-items:flex-start;border:1px solid var(--line);border-radius:12px;background:#fff;color:inherit;text-decoration:none;padding:20px;transition:transform .16s,box-shadow .16s}.featured-card:hover,.category-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(25,68,111,.11)}.featured-card span{color:#0b87bd;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.featured-card strong,.category-card strong{margin-top:7px;font-size:16px;line-height:1.25}.featured-card p{margin:8px 0 14px;color:#66778c;font-size:13px;line-height:1.45}.featured-card b,.category-card b{color:var(--blue);font-size:13px}.category-card{min-height:148px}.category-icon{color:#0b8fc6;font-size:26px;line-height:1}.category-card small{margin:5px 0 auto;color:#718198}.category-card b{margin-top:18px}.article{max-width:920px;padding:50px clamp(28px,6vw,98px) 70px}.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px;color:#77889d;font-size:13px}.breadcrumbs span{color:#b0bdca}.article h1{margin:0 0 30px;font-size:clamp(30px,4vw,45px);line-height:1.12;letter-spacing:-.035em}.article-body{color:#27394f}.article-body h1,.article-body h2,.article-body h3{margin:34px 0 12px;color:#132b49;line-height:1.2}.article-body h2{font-size:25px}.article-body h3{font-size:20px}.article-body p,.article-body ul,.article-body ol{margin:0 0 17px}.article-body a{color:var(--blue)}.article-body img,.article-body video,.article-body iframe{max-width:100%;height:auto}.article-body table{display:block;max-width:100%;overflow:auto;border-collapse:collapse}.article-body th,.article-body td{border:1px solid #ced9e6;padding:8px;text-align:left}.article-body blockquote{margin:20px 0;border-left:4px solid var(--cyan);background:#eefaff;padding:12px 16px}.article-footer{margin-top:56px;border-top:1px solid var(--line);padding-top:24px}.article-footer p{margin:0 0 12px;font-weight:700}.article-footer button{border:1px solid #c6d8e9;border-radius:7px;background:#fff;color:#24527e;margin-right:8px;padding:8px 12px;font:14px Inter,sans-serif;cursor:pointer}.article-footer button:hover{border-color:#148bc4;background:#eff9ff}.search-dialog{display:none;position:fixed;inset:0;z-index:10;background:rgba(10,29,55,.45);padding:10vh 20px}.search-dialog.is-open{display:block}.search-panel{width:min(760px,100%);max-height:76vh;overflow:auto;margin:auto;border-radius:14px;background:#fff;box-shadow:0 22px 60px rgba(4,27,56,.35)}.search-box{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding:16px 19px}.search-box span{font-size:25px}.search-box input{width:100%;border:0;outline:0;color:var(--ink);font:17px Inter,"Segoe UI",sans-serif}.search-results{padding:10px}.search-hint{padding:12px;color:#718197;text-align:center}.result{display:block;border-radius:9px;color:inherit;padding:13px;text-decoration:none}.result:hover{background:#f1f8ff}.result span{display:block;color:#1486bd;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.result strong{display:block;margin-top:2px}.result p{margin:3px 0 0;color:#68798e;font-size:13px;line-height:1.4}.toast{position:fixed;right:20px;bottom:20px;z-index:11;display:none;border-radius:8px;background:#183758;color:#fff;padding:12px 15px;box-shadow:0 6px 18px rgba(0,0,0,.2)}.toast.is-visible{display:block}@media(max-width:820px){.topbar{height:62px;padding:0 16px}.search-trigger{width:auto;flex:1}.search-trigger kbd,.support-link{display:none}.layout{display:block}.sidebar{display:none}.hero{padding:55px 24px}.content-section{padding:36px 24px}.featured-grid,.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article{padding:36px 24px}}@media(max-width:520px){.brand{font-size:0}.brand-mark{font-size:13px}.featured-grid,.category-grid{grid-template-columns:1fr}.hero h1{font-size:36px}.search-trigger{font-size:13px}.article-body{font-size:15px}}