*{box-sizing:border-box}html,body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100%}body{background:radial-gradient(circle at top left,rgba(255,209,102,.25),transparent 38%),radial-gradient(circle at bottom right,rgba(70,130,180,.2),transparent 42%),#f5f7fb;color:#102a43}.site-wrap{max-width:900px;margin:48px auto;padding:0 20px 32px}.topbar h1{margin:0;font-size:clamp(1.9rem,4vw,2.8rem)}.topbar p{margin-top:8px;color:#3e4c59}.nav-links{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.nav-links a{text-decoration:none;color:#0b3a53;font-weight:600;border:1px solid #9fb3c8;padding:8px 12px;border-radius:999px;background:#ffffff}.nav-links a.active{background:#0b3a53;color:#fff;border-color:#0b3a53}.panel{background:#ffffff;border:1px solid #d9e2ec;border-radius:14px;padding:24px;box-shadow:0 12px 30px #102a4314}.panel h2{margin-top:0;font-size:clamp(1.5rem,3vw,2rem)}.meta-block{margin-top:18px;padding:14px;border-radius:10px;background:#f0f4f8}.meta-block h3{margin:0 0 8px;font-size:1rem}.meta-block code{word-break:break-word;color:#243b53}