:root{--accent:#0b66c3;--muted:#666}
    body{font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif;margin:0;color:#111;background:#f7fbff}
    header{background:linear-gradient(90deg,#0b66c3 0%,#1b9af7 100%);color:#fff;padding:36px 20px}
    .container{max-width:980px;margin:0 auto;padding:28px}
    h1,h2,h3{margin:0 0 12px}
    p{margin:0 0 12px;line-height:1.5}
    .card{background:#fff;border-radius:12px;padding:18px;box-shadow:0 6px 18px rgba(12,40,80,0.06);margin-bottom:16px}
    .grid{display:grid;grid-template-columns:1fr 320px;gap:20px}
    .chips{display:flex;gap:8px;flex-wrap:wrap}
    .chip{background:#eef6ff;color:var(--accent);padding:6px 10px;border-radius:999px;font-weight:600}
    a{color:var(--accent);text-decoration:none}
    footer{padding:18px 20px;text-align:center;color:var(--muted);font-size:14px}
    ul{margin:8px 0 12px;padding-left:20px}
    .nav2 ul {margin:0;padding-left:0} 
    pre{background:#0f1724;color:#e6f1ff;padding:12px;border-radius:8px;overflow:auto}
    @media (max-width:900px){.grid{grid-template-columns:1fr}}