:root{color-scheme:dark;--ink:#071015;--panel:#0e1b22;--panel2:#132630;--line:#2c424e;--yellow:#f2c230;--blue:#1f8fc3;--text:#edf4f6;--muted:#aabcc4}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}.kb-hero{border-bottom:1px solid var(--line);background:radial-gradient(circle at 78% 10%,rgba(31,143,195,.25),transparent 34%),linear-gradient(145deg,#071015,#102832);padding:1.1rem clamp(1.2rem,5vw,5rem) 4.5rem}.kb-hero nav{display:flex;align-items:center;justify-content:space-between;gap:1rem}.wordmark{color:var(--text);text-decoration:none;font-weight:700}.wordmark span{color:var(--yellow);font-weight:950;letter-spacing:.08em}.back-link{color:#ccecff;text-decoration:none;border:1px solid #3a5967;padding:.55rem .8rem;border-radius:8px}.hero-copy{max-width:900px;margin:5rem auto 0}.eyebrow{color:var(--yellow);font-size:.78rem;font-weight:900;letter-spacing:.18em}.hero-copy h1{font-size:clamp(2.25rem,6vw,5.25rem);line-height:.98;margin:.6rem 0 1.2rem;letter-spacing:-.045em;max-width:1000px}.hero-copy>p:last-child{max-width:720px;color:#c4d4da;font-size:1.12rem;line-height:1.65}main{max-width:1180px;margin:-1.8rem auto 0;padding:0 1.2rem 5rem}.kb-controls{display:grid;grid-template-columns:1fr minmax(230px,.35fr);gap:.8rem;background:#0c181e;border:1px solid var(--line);padding:1rem;border-radius:14px;box-shadow:0 24px 50px rgba(0,0,0,.25)}label span{display:block;color:var(--muted);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin:0 0 .35rem}input,select{width:100%;background:#071015;border:1px solid #38515e;color:var(--text);border-radius:9px;padding:.8rem;font:inherit}.trust-note{margin:1rem 0 1.4rem;padding:.85rem 1rem;border-left:4px solid var(--yellow);background:#111f26;color:#bdcbd1;line-height:1.5}.kb-status{color:var(--muted);padding:1rem 0}.kb-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:1rem}.kb-card{display:flex;flex-direction:column;min-height:285px;border:1px solid var(--line);background:linear-gradient(150deg,var(--panel2),var(--panel));border-radius:14px;padding:1.2rem;box-shadow:0 18px 40px rgba(0,0,0,.18)}.kb-card .meta,.article-meta{display:flex;gap:.5rem;flex-wrap:wrap;color:#8fb3c4;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.kb-card h2{font-size:1.35rem;line-height:1.15;margin:.9rem 0 .65rem}.kb-card p{color:#b8c8cf;line-height:1.55}.kb-card button{margin-top:auto;align-self:flex-start;border:0;border-bottom:2px solid var(--yellow);background:none;color:var(--text);padding:.55rem 0;font-weight:850;cursor:pointer}.kb-article{max-width:850px;margin:1rem auto;background:#0d1a21;border:1px solid var(--line);border-radius:16px;padding:clamp(1.2rem,4vw,3rem)}.kb-article h1{font-size:clamp(2rem,5vw,3.6rem);line-height:1.02}.article-body{font-size:1.04rem;line-height:1.75;color:#d5e0e4}.article-body h2,.article-body h3{margin-top:2rem;color:#fff}.article-body ul{padding-left:1.25rem}.article-body code{background:#182a33;padding:.12rem .3rem;border-radius:4px}.article-parts{margin:1.5rem 0;padding:1rem;border:1px solid #38515e;border-radius:10px;background:#111f26}.article-parts li{margin:.45rem 0}.article-nav{border:0;background:none;color:var(--yellow);font-weight:850;padding:0;cursor:pointer}.tag-row{display:flex;gap:.45rem;flex-wrap:wrap;margin-top:1.5rem}.tag{border:1px solid #37515e;border-radius:999px;padding:.25rem .55rem;color:#bcd2dc;font-size:.74rem}.hidden{display:none!important}footer{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;border-top:1px solid var(--line);padding:2rem clamp(1.2rem,5vw,5rem);color:var(--muted)}footer b{color:var(--yellow)}@media(max-width:700px){.kb-hero nav{align-items:flex-start}.back-link{font-size:.78rem}.hero-copy{margin-top:3rem}.kb-controls{grid-template-columns:1fr}.kb-hero{padding-bottom:3.5rem}}

.resource-feature{padding:1rem;border:1px solid var(--line);border-radius:10px;background:var(--panel2)}.resource-feature a,.article-body a{color:#8ed7fa;text-underline-offset:3px}.reference-image{margin:2rem 0}.reference-image img{display:block;width:100%;height:auto;background:white;border-radius:10px}.reference-image figcaption{font-size:.85rem;color:var(--muted);margin-top:.5rem}
