:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#19263a;background:#f3f6fa;font-size:16px}*{box-sizing:border-box}body{margin:0}header{position:sticky;top:0;background:#10263f;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:17px 28px;z-index:2}header strong{font-size:23px}header span{color:#bdcede}nav{display:flex;gap:20px}a{color:#145ca5}nav a{color:white;text-decoration:none}.layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:26px;max-width:1500px;margin:0 auto;padding:25px}aside{position:sticky;top:85px;align-self:start;max-height:85vh;overflow:auto;background:white;padding:20px;border-radius:12px}aside a{display:block;padding:9px 3px;border-bottom:1px solid #e5ebf0;text-decoration:none;font-size:14px}main{min-width:0}.hero,.paper{background:white;border-radius:15px;padding:30px;margin-bottom:22px;box-shadow:0 2px 12px #20364c0c}.hero{background:linear-gradient(115deg,#10263f,#245e82);color:white}.hero h1{font-size:32px}h2{font-size:23px;border-bottom:1px solid #e4ebf2;padding-bottom:13px;margin-top:32px}h3{font-size:18px}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#132438;color:#d6f2ff;padding:18px;border-radius:10px;font-size:14px;line-height:1.65}.callout{background:#e9f6ef;border-left:4px solid #26976b;padding:15px;margin:16px 0}button{background:#176bb1;border:0;color:white;padding:11px 17px;border-radius:8px;cursor:pointer;font-size:15px}button:hover{background:#10558f}input,textarea{width:100%;border:1px solid #bdc9d7;border-radius:8px;padding:12px;font:inherit;margin:8px 0 17px}label{display:block;font-weight:600}iframe{width:100%;min-height:220px;border:1px solid #cbd5e1;border-radius:10px;background:white}.login{max-width:480px;margin:12vh auto;padding:32px;background:white;border-radius:14px;box-shadow:0 10px 40px #11223318}.error{color:#b42318}@media(max-width:900px){.layout{grid-template-columns:1fr}aside{position:static;max-height:260px}header{flex-wrap:wrap;gap:10px}nav{flex-wrap:wrap}.paper,.hero{padding:20px}}