:root{font-family:Inter,system-ui,sans-serif;color:var(--text);background:var(--bg);--bg:#0b1121;--surface:#111827;--card:#172235;--line:#2a3a53;--line-strong:#5a7196;--text:#f8fafc;--muted:#a7b4c8;--blue:#2f6ed6;--mint:#35d890;--amber:#f7c65d;--red:#ff7070}*{box-sizing:border-box}body{margin:0}nav{display:flex;justify-content:space-between;align-items:center;position:relative;max-width:1120px;margin:auto;padding:22px 24px}.logo{font-weight:800;font-size:1.25rem;text-decoration:none;color:var(--text)}.logo small{display:block;color:var(--muted);font-size:.65rem;letter-spacing:.15em}.nav-links{display:flex;align-items:center;gap:22px}.nav-links a{color:var(--text);text-decoration:none}.nav-menu{display:contents}.nav-menu>summary{display:none}.nav-menu-items{display:contents}.button{display:inline-block;text-decoration:none;border:0;border-radius:10px;padding:14px 18px;background:var(--blue);color:#fff;font-weight:700;cursor:pointer}.button-sm{padding:10px 14px;font-size:.9rem}.site-header,footer{display:flex;justify-content:space-between;gap:24px;padding:24px max(24px,calc((100% - 1120px)/2));border-bottom:1px solid var(--line)}.site-header a,footer a{color:var(--text);text-decoration:none}.brand{font-weight:800;color:var(--text)}.site-header nav{display:flex;gap:20px}.hero{max-width:1120px;margin:0 auto;padding:96px 24px 64px;background:radial-gradient(circle at 70% 20%,#123b72,transparent 45%)}h1{font-size:clamp(2.5rem,6vw,5rem);line-height:1.05;max-width:760px;margin:12px 0}.hero p{font-size:1.2rem;color:var(--muted)}.eyebrow{color:var(--mint);text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-weight:700}.categories{display:flex;gap:10px;flex-wrap:wrap;max-width:1120px;margin:0 auto;padding:0 24px 32px}.pill{border:1px solid var(--line-strong);border-radius:999px;background:transparent;color:var(--text);padding:9px 15px;cursor:pointer}.pill:hover,.pill:focus{border-color:var(--mint)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1120px;margin:0 auto;padding:0 24px 80px}.card,.reader,.empty{border:1px solid var(--line);border-radius:20px;background:var(--card);padding:24px}.card-cover,.reader-cover{width:100%;max-height:360px;object-fit:cover;border-radius:10px;margin-bottom:18px}.card h2 a{color:#fff;text-decoration:none}.card p,.meta{color:var(--muted);line-height:1.6}.tags{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.tag{border:1px solid var(--line-strong);border-radius:999px;color:var(--muted);font-size:.75rem;padding:3px 8px}.reader{max-width:800px;margin:48px auto 80px}.reader h1{font-size:clamp(2rem,5vw,4rem)}.body{font-size:1.1rem;line-height:1.8}.body a{color:var(--mint)}.body pre{overflow:auto;background:#0c1627;padding:16px;border-radius:10px}.cta{display:inline-block;margin-top:32px;border-radius:10px;background:var(--mint);color:var(--bg);padding:12px 18px;text-decoration:none;font-weight:700}footer{border-top:1px solid var(--line);border-bottom:0;color:var(--muted)}@media(max-width:760px){.grid{grid-template-columns:1fr}.hero{padding-top:60px}}
:focus-visible{outline:2px solid var(--mint);outline-offset:2px}.skip-link{position:absolute;left:-9999px;top:0}.skip-link:focus{left:16px;top:16px;padding:12px 16px;background:var(--card);border:1px solid var(--line-strong);border-radius:10px;color:var(--text);font-weight:700}.pill.active{border-width:2px;border-color:var(--mint)}.pill:focus-visible{border-color:var(--mint)}.pagination{display:flex;gap:8px;justify-content:center;padding:32px 24px 80px}.page-link{padding:8px 12px;border:1px solid var(--line-strong);border-radius:10px;color:var(--text);text-decoration:none}.page-link[aria-current="page"]{background:var(--mint);color:var(--bg)}@media(max-width:760px){.nav-menu{display:block;position:relative}.nav-menu>summary{display:block;list-style:none;cursor:pointer;padding:10px 14px;border:1px solid var(--line-strong);border-radius:10px;font-weight:700;font-size:.9rem}.nav-menu>summary::-webkit-details-marker{display:none}.nav-menu-items{display:flex;flex-direction:column;gap:4px;position:absolute;right:0;top:calc(100% + 8px);z-index:20;min-width:210px;padding:10px;background:var(--card);border:1px solid var(--line-strong);border-radius:12px;box-shadow:0 18px 60px #0008}.nav-menu-items a{padding:10px 12px;border-radius:8px}.nav-links{gap:12px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;scroll-behavior:auto!important}}