@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');:root{--ink:#eaf2ff;--muted:#9caabe;--night:#07111f;--panel:#0d1d31;--line:#203651;--mint:#6ce5c1;--sun:#f9c96b}*{box-sizing:border-box}html{background:var(--night);scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 85% 0,#123558 0,transparent 29rem),var(--night);color:var(--ink);font:400 1rem/1.72 Manrope,system-ui,sans-serif}a{color:inherit}.site-header{max-width:76rem;margin:auto;padding:1.2rem 2rem;min-height:5.5rem;display:flex;justify-content:space-between;gap:1rem;align-items:center;border-bottom:1px solid color-mix(in srgb,var(--line) 60%,transparent)}.mark{text-decoration:none;font-weight:800;font-size:1.02rem;letter-spacing:-.02em}.mark span{color:var(--mint);font-size:1.4rem}.languages{position:relative}.languages button{font:500 .83rem/1 DM Mono,monospace;background:#10253e;color:var(--ink);border:1px solid var(--line);border-radius:.4rem;padding:.65rem .85rem;cursor:pointer}.languages div{position:absolute;right:0;top:2.7rem;z-index:4;min-width:12rem;padding:.4rem;background:#10233a;border:1px solid var(--line);border-radius:.55rem;display:none;grid-template-columns:1fr 1fr;box-shadow:0 1rem 2rem #0008}.languages:hover div,.languages:focus-within div{display:grid}.languages a{padding:.42rem .55rem;text-decoration:none;font-size:.8rem}.languages a:hover,.languages a.active{background:#1c3d5c;color:var(--mint);font-weight:700}main{max-width:50rem;margin:0 auto;padding:2.3rem 2rem 5rem}.crumb{display:flex;gap:.55rem;flex-wrap:wrap;color:var(--muted);font-size:.82rem;margin-bottom:2.5rem}.crumb a{color:var(--mint)}.eyebrow{font:500 .75rem/1.2 DM Mono,monospace;text-transform:uppercase;letter-spacing:.13em;color:var(--mint);margin:0 0 1rem}h1{font-size:clamp(2rem,5vw,3.8rem);letter-spacing:-.055em;line-height:1.06;max-width:20ch;margin:0 0 1.2rem}h2{font-size:1.35rem;letter-spacing:-.03em;margin:2.7rem 0 .6rem;color:#f3f7ff}.dek{font-size:1.13rem;color:#c0d0e1;max-width:43rem;margin:0 0 2rem}article p{color:#c9d7e6}.related{border-top:1px solid var(--line);margin-top:3.5rem;padding-top:.5rem}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.guide-grid a{padding:1rem;background:#0c1c30;border:1px solid var(--line);border-radius:.5rem;text-decoration:none;font-size:.86rem;line-height:1.45}.guide-grid strong{display:block}.guide-grid span{color:var(--mint);display:block;margin-top:.7rem;font-size:.76rem}.home{max-width:76rem}.mast{padding:4.5rem 0 5rem;max-width:49rem}.mast h1{max-width:14ch}.mast>p:not(.eyebrow){font-size:1.18rem;color:#c5d5e8;max-width:42rem}.jump{display:inline-block;margin-top:1rem;color:var(--night);background:var(--mint);padding:.75rem 1rem;border-radius:.35rem;text-decoration:none;font-weight:800}.section-title{display:flex;justify-content:space-between;align-items:end;gap:2rem;border-bottom:1px solid var(--line)}.section-title h2{margin:0 0 .8rem}.section-title p{color:var(--muted);font-size:.85rem;margin:0 0 .8rem}.all-guides{display:grid;grid-template-columns:repeat(2,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line)}.all-guides a{min-height:6.8rem;padding:1.1rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-decoration:none;display:grid;grid-template-columns:1fr auto;gap:.5rem;transition:background .2s}.all-guides a:hover{background:#10263e}.all-guides span{grid-column:1/3;color:var(--mint);font:500 .65rem DM Mono,monospace;letter-spacing:.1em}.all-guides strong{line-height:1.35}.all-guides em{color:var(--sun);font-style:normal}footer{max-width:76rem;margin:auto;border-top:1px solid var(--line);padding:1.5rem 2rem 3rem;display:flex;justify-content:space-between;gap:1rem;color:var(--muted);font-size:.75rem}@media(max-width:650px){.site-header{padding:1rem;align-items:flex-start}.mark{max-width:13rem}.home,main{padding:2rem 1.1rem 4rem}.mast{padding:3rem 0 4rem}.all-guides,.guide-grid{grid-template-columns:1fr}.section-title,footer{display:block}.section-title p{margin:.1rem 0 1rem}.languages div{right:-1rem;grid-template-columns:1fr 1fr}.guide-grid a{padding:1rem}h1{font-size:2.35rem}}
.mast .eyebrow{display:inline-flex;align-items:center;gap:.55rem;margin:0 0 1.2rem;padding:.48rem .72rem;border:1px solid #6ce5c147;border-radius:999px;background:linear-gradient(90deg,#6ce5c112,#6ce5c104);box-shadow:inset 0 1px #ffffff0b;color:#a8edd8;font-size:.68rem;letter-spacing:.1em}
.mast .eyebrow::before{content:"";width:.44rem;height:.44rem;border-radius:50%;background:#6ce5c1;box-shadow:0 0 .65rem #6ce5c1}
.languages button{display:inline-flex;align-items:center;gap:.38rem;white-space:nowrap}
.languages button img{display:block;width:1.25rem;height:.84rem;object-fit:cover;border:1px solid #ffffff40;border-radius:.12rem;box-shadow:0 1px 3px #0005}
.languages a{display:flex;align-items:center;gap:.48rem;min-height:2.1rem;white-space:nowrap}
.languages a img{display:block;width:1.25rem;height:.84rem;object-fit:cover;border:1px solid #ffffff40;border-radius:.12rem;box-shadow:0 1px 3px #0005}
.site-updated{max-width:76rem;margin:0 auto;padding:.55rem 2rem 0;color:var(--muted);font:500 .72rem/1.2 DM Mono,monospace;letter-spacing:.02em;display:flex;justify-content:flex-end;align-items:center;gap:.38rem}
@media(max-width:650px){.languages a{font-size:.83rem}.languages a img{width:1.18rem;height:.8rem}}