:root{--bg:#0a0b0d;--panel:#14171d;--text:#eef0f3;--muted:#a8afba;--line:#303642;--red:#df4b4b;font-family:Inter,system-ui,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;line-height:1.65;background:radial-gradient(circle at 50% -20%,#35171c,transparent 35rem),var(--bg)}a{color:inherit}.header{height:72px;padding:0 max(1.25rem,calc((100% - 1180px)/2));display:flex;align-items:center;gap:2rem;border-bottom:1px solid var(--line);position:sticky;top:0;background:#0a0b0df0;backdrop-filter:blur(12px);z-index:2}.brand{display:flex;align-items:center;gap:.75rem;text-decoration:none;font-size:.72rem;line-height:1.15;letter-spacing:.12em;text-transform:uppercase}.mark{display:grid;place-items:center;width:40px;height:40px;background:linear-gradient(135deg,#5e171e,#121318);border:1px solid var(--red);font:700 1.6rem Georgia;box-shadow:0 0 22px #df4b4b50}.nav{margin-left:auto;display:flex;gap:.1rem}.nav a{padding:.45rem .65rem;text-decoration:none;color:var(--muted);font-size:.9rem}.nav a:hover,.nav a.active{color:var(--text);background:var(--panel)}.cover{min-height:calc(100vh - 72px);display:grid;place-items:center;text-align:center;position:relative;overflow:hidden;border-bottom:1px solid var(--line);background-image:linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px);background-size:52px 52px}.cover>div{position:relative;max-width:780px;padding:4rem 1.5rem}.bigmark{margin:0 auto 2rem;display:grid;place-items:center;width:110px;height:110px;transform:rotate(45deg);background:linear-gradient(135deg,#641a20,#131318);border:1px solid var(--red);font:700 4.7rem Georgia;box-shadow:0 0 60px #df4b4b4d}.bigmark span{transform:rotate(-45deg)}.eyebrow{color:#ff9292;font-size:.75rem;letter-spacing:.18em;font-weight:750}.cover h1,.article h1{font-family:Georgia,serif;line-height:1.02;letter-spacing:-.06em}.cover h1{font-size:clamp(2.8rem,7vw,5.7rem);margin:.5rem 0}.motto{font:italic 1.55rem Georgia;color:#e7d6d8}.lead{color:var(--muted);font-size:1.1rem;max-width:610px;margin:1rem auto 2rem}.button{display:inline-block;background:var(--red);padding:.75rem 1rem;text-decoration:none;font-weight:700;border-radius:.35rem}.chapters{max-width:1180px;margin:auto;padding:6rem 1.5rem}.chapters h2{font-size:clamp(2rem,4vw,3rem);margin:.3rem 0}.chapter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:2.5rem}.card{min-height:235px;padding:1.6rem;background:linear-gradient(145deg,#181b22,#101115);border:1px solid var(--line);text-decoration:none;transition:.2s}.card:hover{transform:translateY(-4px);border-color:var(--red);box-shadow:0 16px 36px #0009}.card .icon{font:2rem ui-monospace;color:#ff8282}.card h3{font-size:1.45rem;margin:1.4rem 0 .4rem}.card p{color:var(--muted);margin:0}.card strong{display:block;margin-top:1rem;color:#ff9292}.docs{max-width:1180px;margin:auto;display:grid;grid-template-columns:210px minmax(0,780px);gap:4rem;padding:3rem 1.5rem 6rem}.aside{position:sticky;top:96px;height:max-content;border-left:1px solid var(--line);padding-left:1rem}.aside b{font-size:.72rem;color:#ff9292;letter-spacing:.14em}.aside a{display:block;color:var(--muted);font-size:.9rem;text-decoration:none;margin:.35rem 0}.article h1{font-size:clamp(2.5rem,5vw,4rem);margin:.25rem 0 .7rem}.article h2{font-size:1.65rem;margin:3rem 0 .6rem}.article p,.article li{color:#d8dce2}.breadcrumb{font-size:.85rem;color:var(--muted)}.command{position:relative;background:#060708;border:1px solid #383e49;border-radius:.4rem;margin:1rem 0;overflow:hidden}.command pre{padding:1rem 4rem 1rem 1rem;margin:0;overflow:auto;color:#f0f2f4}.copy{position:absolute;right:.5rem;top:.5rem;background:#171a20;border:1px solid #454c58;color:white;border-radius:.3rem;padding:.3rem .5rem;cursor:pointer}.callout{border-left:3px solid var(--red);background:#df4b4b14;padding:1rem;margin:1.2rem 0}.footer{text-align:center;border-top:1px solid var(--line);padding:2rem;color:var(--muted);font-size:.9rem}@media(max-width:720px){.header{height:auto;min-height:68px;padding:1rem;gap:.8rem;flex-wrap:wrap}.nav{margin-left:0;flex-wrap:wrap}.cover{min-height:560px}.chapter-grid{grid-template-columns:1fr}.docs{display:block;padding-top:2rem}.aside{position:static;border:0;border-bottom:1px solid var(--line);padding:0 0 1rem;margin-bottom:2rem}.aside a{display:inline-block;margin-right:.8rem}}
/* ==========================
   Handbook Statistics
========================== */

.stats-row{
    display:flex;
    justify-content:center;
    gap:18px;
    flex-wrap:wrap;
    margin:35px 0;
}

.stat{
    background:linear-gradient(145deg,#181b22,#101115);
    border:1px solid var(--line);
    border-radius:.5rem;
    padding:1rem 1.5rem;
    min-width:150px;
    text-align:center;
    transition:.25s;
}

.stat:hover{
    border-color:var(--red);
    transform:translateY(-4px);
    box-shadow:0 12px 28px #0008;
}

.stat h3{
    margin:0;
    font-size:2rem;
    color:#ff9292;
}

.stat p{
    margin:.45rem 0 0;
    color:var(--muted);
    font-size:.9rem;
}

/* ==========================
   Search Box
========================== */

.search-box{
    margin:1.8rem 0;
}

.search-box input{
    width:100%;
    max-width:520px;
    padding:.9rem 1rem;
    border-radius:.45rem;
    border:1px solid var(--line);
    background:#111317;
    color:var(--text);
    font-size:1rem;
    outline:none;
}

.search-box input::placeholder{
    color:var(--muted);
}

/* ==========================
   Progress & Updates
========================== */

.progress,
.updates{
    max-width:1180px;
    margin:auto;
    padding:5rem 1.5rem;
}

.progress h2,
.updates h2{
    margin:.5rem 0;
}

.progress .card,
.updates .card{
    min-height:170px;
}

/* ==========================
   Mobile
========================== */

@media(max-width:720px){

    .stats-row{
        flex-direction:column;
        align-items:center;
    }

    .stat{
        width:100%;
        max-width:280px;
    }

    .search-box input{
        max-width:100%;
    }

}