:root{--blue:#0b2a5b;--blue-hover:#153d82;--blue-soft:#eef3fb;--text:#1c2430;--muted:#5b6574;--border:#dde3ec;--bg:#fff;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--radius:10px;--max:1080px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);flex-direction:column;min-height:100vh;margin:0;font-size:1rem;line-height:1.6;display:flex}main{flex:1}a{color:var(--blue)}a:hover{color:var(--blue-hover)}a:focus-visible,.button:focus-visible{outline-offset:2px;outline:3px solid #7aa2e3}h1,h2,h3{color:var(--blue);margin:0 0 .6em;line-height:1.25}h1{font-size:clamp(1.7rem,4.5vw,2.4rem)}h2{font-size:clamp(1.3rem,3vw,1.6rem)}h3{font-size:1.15rem}p{margin:0 0 1em}.container{width:100%;max-width:var(--max);margin:0 auto;padding:0 1rem}.skip{background:var(--blue);color:#fff;z-index:10;padding:.5rem 1rem;position:absolute;top:0;left:-999px}.skip:focus{left:0}.site-header{border-bottom:1px solid var(--border);background:var(--bg)}.header-inner{flex-wrap:wrap;align-items:center;gap:.5rem 1.5rem;padding-top:.75rem;padding-bottom:.75rem;display:flex}.logo{letter-spacing:-.01em;color:var(--blue);font-size:1.35rem;font-weight:800;text-decoration:none}.nav{flex-wrap:wrap;order:3;gap:.25rem 1.1rem;width:100%;display:flex}.nav a{color:var(--text);border-bottom:2px solid #0000;padding:.25rem 0;font-size:.97rem;text-decoration:none}.nav a:hover{color:var(--blue)}.nav a[aria-current=page]{color:var(--blue);border-bottom-color:var(--blue);font-weight:600}.lang-switch{gap:.25rem;margin-left:auto;display:flex}.lang-switch a{border:1px solid var(--border);color:var(--muted);border-radius:6px;padding:.2rem .55rem;font-size:.85rem;font-weight:600;text-decoration:none}.lang-switch a:hover{color:var(--blue);border-color:var(--blue)}.lang-switch a[aria-current=true]{background:var(--blue);border-color:var(--blue);color:#fff}@media (width>=880px){.nav{order:0;width:auto;margin-left:1rem}}.hero{background:var(--blue-soft);padding:3rem 0 2.5rem}.hero h1{max-width:22ch}.lead{color:var(--muted);max-width:62ch;font-size:1.1rem}.actions{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;display:flex}.section{padding:2.25rem 0}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:1rem;display:flex}.section-head h2{margin:0}.button{background:var(--blue);color:#fff;border:2px solid var(--blue);border-radius:8px;padding:.6rem 1.25rem;font-weight:600;text-decoration:none;display:inline-block}.button:hover{background:var(--blue-hover);border-color:var(--blue-hover);color:#fff}.button-outline{color:var(--blue);background:0 0}.button-outline:hover{background:var(--blue);color:#fff}.grid{grid-template-columns:1fr;gap:1.25rem;display:grid}@media (width>=640px){.grid{grid-template-columns:repeat(2,1fr)}}@media (width>=960px){.grid{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}}.card{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);flex-direction:column;padding:1.1rem 1.15rem;display:flex}.card h3{margin-bottom:.4rem}.card h3 a{text-decoration:none}.card h3 a:hover{text-decoration:underline}.card p{color:var(--muted)}.card time{color:var(--muted);margin-bottom:.3rem;font-size:.85rem}.card-meta{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin:auto 0 0;padding-top:.5rem;display:flex}.card-meta time{margin:0}.more{margin-left:auto;font-weight:600;text-decoration:none}.badge{text-transform:uppercase;letter-spacing:.04em;background:var(--blue-soft);color:var(--blue);border:1px solid #c9d7ee;border-radius:999px;padding:.15rem .55rem;font-size:.75rem;font-weight:700;display:inline-block}.badge-soon{color:#7a4b00;background:#fff7e6;border-color:#f0d9a8}.tag{color:var(--muted);font-size:.8rem}.tag:before{content:"#"}.video-card{padding:0;overflow:hidden}.thumb{aspect-ratio:16/9;background:#0b1020;display:block;position:relative;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%;display:block}.play{color:#fff;background:#0b2a5bd9;border-radius:50%;place-items:center;width:3.2rem;height:3.2rem;margin:auto;padding-left:.2rem;font-size:1.2rem;display:grid;position:absolute;inset:0}.thumb:hover .play{background:var(--blue-hover)}.video-body{padding:.9rem 1.15rem 1.1rem}.video-body p{margin:0 0 .5rem}.article{max-width:760px;padding-top:2rem;padding-bottom:3rem}.prose{font-size:1.08rem;line-height:1.75}.prose h2{margin-top:2rem}.prose h3{margin-top:1.5rem}.prose ul,.prose ol{margin:0 0 1em;padding-left:1.4rem}.prose li{margin-bottom:.35rem}.prose blockquote{border-left:4px solid var(--blue);background:var(--blue-soft);color:var(--muted);margin:1.2rem 0;padding:.2rem 1rem}.prose img{max-width:100%;height:auto}.prose code{background:var(--blue-soft);border-radius:4px;padding:.1rem .35rem;font-size:.92em}.prose pre{color:#e8eefb;background:#0f1a2e;border-radius:8px;padding:1rem;overflow-x:auto}.prose pre code{color:inherit;background:0 0;padding:0}.prose table{border-collapse:collapse;width:100%;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--border);text-align:left;padding:.4rem .7rem}.other-langs{border-top:1px solid var(--border);color:var(--muted);margin-top:2.5rem;padding-top:1rem}.note{color:#7a4b00;background:#fff7e6;border:1px solid #f0d9a8;border-radius:8px;margin-top:1.5rem;padding:.6rem .9rem;font-size:.95rem}.site-footer{border-top:1px solid var(--border);background:var(--blue-soft);color:var(--muted);padding:1.25rem 0;font-size:.95rem}.footer-inner{flex-wrap:wrap;justify-content:space-between;gap:.5rem 1.5rem;display:flex}.footer-links{flex-wrap:wrap;gap:.25rem 1.25rem;display:flex}
