*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:#0f1013;color:#eceef1;font-family:ui-monospace,"SF Mono","JetBrains Mono",Menlo,Consolas,"Liberation Mono",monospace;font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:#ff4d4d;text-decoration:none}a:hover{text-decoration:underline}h1,h2{color:#eceef1;line-height:1.2;margin:0}.wrap{max-width:928px;margin:0 auto;padding:0 16px}@media (min-width: 768px){.wrap{padding:0 24px}}.kicker{display:block;color:#ff4d4d;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;margin-bottom:10px}.topbar{position:sticky;top:0;z-index:10;background:rgba(15,16,19,.92);backdrop-filter:blur(6px);border-bottom:1px solid #2a2d36}.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;flex-wrap:wrap}.brand{font-weight:700;font-size:1.3rem;color:#eceef1;letter-spacing:.04em}.brand b{color:#ff4d4d}a.brand:hover{text-decoration:none}.topnav{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.topnav a{color:#eceef1;font-size:.9rem}.topnav a:hover{color:#ff4d4d;text-decoration:none}@media (max-width: 520px){.topnav{gap:14px}.topnav a{font-size:.82rem}.brand{font-size:1.1rem}}.hero{padding:88px 0 40px}.hero h1{font-size:clamp(1.7rem,4vw,2.6rem);max-width:22ch;margin-bottom:18px}.hero .lead{color:#9aa0a9;font-size:1.05rem;max-width:62ch;margin:0 0 30px}.tabs{display:flex;flex-wrap:wrap;gap:10px}.tabs a{background:#17181d;border:1px solid #2a2d36;border-radius:999px;padding:8px 18px;color:#9aa0a9;font-size:.9rem}.tabs a:hover{text-decoration:none;color:#eceef1;border-color:#3a3e4a}.tabs a.active{background:#d12f2f;border-color:#d12f2f;color:#fff}.tabs strong{color:#eceef1;margin-right:4px}.tabs a.active strong{color:#fff}.topnav a.active{color:#ff4d4d}.block{padding:48px 0 24px}.block h2{font-size:clamp(1.35rem,3vw,1.8rem);margin-bottom:28px}.grid{display:grid;grid-template-columns:1fr;gap:22px}.card{min-width:0;background:#17181d;border:1px solid #2a2d36;border-radius:16px;padding:24px 24px 18px;transition:border-color .15s ease}.card:hover{border-color:#3a3e4a}.card blockquote{margin:0;position:relative;padding-top:26px}.card blockquote::before{content:"“";position:absolute;top:-14px;left:-4px;font-size:3.4rem;line-height:1;color:#ff4d4d;font-family:Georgia,serif}.card p{white-space:pre-line;margin:0 0 14px;color:#c7ccd4;font-size:.93rem;line-height:1.7;overflow-wrap:anywhere}details summary{cursor:pointer;list-style:none;color:#ff4d4d;font-size:.82rem;margin:-4px 0 14px;width:fit-content}details summary::-webkit-details-marker{display:none}details summary:hover{text-decoration:underline}details .less,details[open] .more{display:none}details[open] .less{display:inline}details[open] summary{margin:0 0 14px}.card:has(details[open]) .excerpt{display:none}details[open]{display:flex;flex-direction:column-reverse}.who{display:flex;align-items:center;gap:12px;border-top:1px solid #2a2d36;padding-top:14px}.avatar{flex:0 0 38px;height:38px;border-radius:50%;background:#1e2027;border:1px solid #2a2d36;color:#ff4d4d;display:grid;place-items:center;font-size:.8rem;font-weight:700;text-transform:uppercase}.who-text{display:flex;flex-direction:column;min-width:0;flex:1}.who-text strong{color:#eceef1;font-size:.92rem}.role{color:#9aa0a9;font-size:.8rem}.who time{color:#6e757f;font-size:.78rem;white-space:nowrap;align-self:flex-start;padding-top:2px}.footer{border-top:1px solid #2a2d36;padding:26px 0 34px;margin-top:40px}.footer-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px 26px}.footer .brand{font-size:1.1rem}.footer-nav{display:flex;gap:22px}.footer-nav a{color:#9aa0a9;font-size:.88rem}.footer-nav a:hover{color:#ff4d4d;text-decoration:none}.credit{flex-basis:100%;margin:6px 0 0;color:#5b626c;font-size:.78rem}.credit a{color:#8a919b}.credit a:hover{color:#ff4d4d}.langs{display:inline-flex;gap:2px;margin-left:4px;padding-left:16px;border-left:1px solid #2a2d36}.langs a{color:#6e757f;font-size:.8rem;padding:2px 6px;border-radius:6px}.langs a.active{color:#eceef1;background:#1e2027}.langs a:hover{color:#ff4d4d;text-decoration:none}.card p.note{color:#6e757f;font-size:.78rem;font-style:italic;margin:-4px 0 14px;white-space:normal}.notice{margin:0 0 22px;padding:14px 18px;background:#17181d;border:1px solid #2a2d36;border-left:3px solid #ff4d4d;border-radius:10px;color:#9aa0a9;font-size:.88rem}.who .rel{color:#ff4d4d;font-size:.76rem;margin-top:2px}.notice a{white-space:nowrap}