:root{--bg:#fbfbfd;--text:#1d1d1f;--accent:#0071e3;--accentH:#0077ed;--link:#0066cc;--muted:#6e6e73;--soft:#424245;--panel:#f5f5f7;--divider:rgba(0,0,0,.1);--note:#c76a00;--warn:#d70015;color-scheme:light}
:root[data-theme="dark"]{--bg:#000;--text:#f5f5f7;--accent:#0a84ff;--accentH:#409cff;--link:#2997ff;--muted:#a1a1a6;--soft:#d2d2d7;--panel:#1c1c1e;--divider:rgba(255,255,255,.14);--note:#ff9f0a;--warn:#ff453a;color-scheme:dark}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#000;--text:#f5f5f7;--accent:#0a84ff;--accentH:#409cff;--link:#2997ff;--muted:#a1a1a6;--soft:#d2d2d7;--panel:#1c1c1e;--divider:rgba(255,255,255,.14);--note:#ff9f0a;--warn:#ff453a;color-scheme:dark}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,'SF Pro Text',system-ui,sans-serif;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:hover{color:var(--link)}
h1,h2{font-family:-apple-system,'SF Pro Display',system-ui,sans-serif}
.wrap{max-width:1180px;margin:0 auto;padding:0 32px}
@media (max-width:600px){.wrap{padding:0 18px}}
.top{border-bottom:1px solid var(--divider)}
.top .wrap{min-height:64px;display:flex;align-items:center;gap:28px}
.brand{display:flex;align-items:center;gap:11px;font-weight:600;font-size:15px}
.here{font-size:13px;font-weight:600}
.btn{display:inline-block;padding:9px 18px;border-radius:980px;background:var(--accent);color:#fff!important;font-size:14px;font-weight:500}
.btn:hover{background:var(--accentH)}
.top .theme-seg{margin-left:auto;margin-right:-12px;color:var(--muted)}
@media (max-width:560px){.top .here{display:none}.top .wrap{gap:16px}.top .theme-seg{margin-right:0}}
.index{padding:72px 0 96px}
.index h1{font-size:clamp(44px,6vw,72px);line-height:1.04;letter-spacing:-.025em;margin:0}
.index .intro{margin:20px 0 0;font-size:19px;max-width:54ch;color:var(--soft);text-wrap:pretty}
.cards{margin-top:56px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px}
.post-card{background:var(--panel);border-radius:22px;padding:28px 28px 32px;display:flex;flex-direction:column;min-height:300px;color:var(--text)!important;transition:box-shadow .2s}
.post-card:hover{box-shadow:0 0 0 2px var(--accent)}
.post-card .n{font-size:13px;font-weight:600;color:var(--link)}
.post-card .t{font-size:27px;font-weight:700;letter-spacing:-.025em;line-height:1.1;margin-top:24px}
.post-card .d{font-size:15px;color:var(--muted);margin-top:10px}
.post-card .m{margin-top:auto;padding-top:20px;font-size:12.5px;font-weight:700;color:var(--muted)}
article{padding:64px 0 96px;display:grid;grid-template-columns:240px minmax(0,680px);gap:40px 64px}
@media (max-width:900px){article{grid-template-columns:1fr}}
aside .n{font-size:13px;font-weight:600;color:var(--link)}
aside .m{margin-top:20px;padding-top:14px;border-top:1px solid var(--divider);font-size:13px;color:var(--muted)}
aside a{display:inline-block;margin-top:14px;font-size:13.5px;font-weight:700}
article h1{font-size:clamp(38px,4.6vw,60px);line-height:1.02;letter-spacing:-.02em;margin:0}
.lead{font-size:20px;line-height:1.5;margin:24px 0 0;color:var(--soft);text-wrap:pretty}
article h2{font-size:26px;letter-spacing:-.02em;margin:44px 0 0;padding-top:16px;border-top:1px solid var(--divider)}
article p{margin:14px 0 0}
.inline{font-family:ui-monospace,Menlo,monospace;font-size:.86em}
pre{margin:16px 0 0;padding:16px 18px;background:var(--panel);border-radius:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;line-height:1.8;overflow-x:auto}
.u{text-decoration:underline;text-underline-offset:3px}
.short{margin-top:32px;border-radius:18px;border:1px solid var(--divider);overflow:hidden}
.short div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;padding:14px 18px;font-size:15.5px;line-height:1.5}
.short div+div{border-top:1px solid var(--divider)}
.short b{font-size:13px;font-weight:600;color:var(--muted);padding-top:1px}
.short div:last-child b{color:var(--link)}
@media (max-width:600px){.short div{grid-template-columns:1fr;gap:4px}}
.flags{margin-top:16px;border-top:1px solid var(--divider)}
.flags div{display:grid;grid-template-columns:80px minmax(0,1fr);gap:16px;padding:14px 0;border-bottom:1px solid var(--divider)}
.flags span:first-child{font-family:ui-monospace,Menlo,monospace;font-weight:700}
.tri{margin-top:44px;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:20px}
.tri div{background:var(--panel);border-radius:16px;padding:18px 18px 20px;font-size:14px;color:var(--soft)}
.tri b{display:block;font-size:13px;color:var(--text)}
.tri strong{display:block;font-size:22px;margin:10px 0 6px;color:var(--text)}
.tri .bad{background:#ff3b30;color:#fff}
.tri .bad b,.tri .bad strong{color:#fff}
.callout{margin:24px 0 0;padding:14px 18px;border-radius:12px;border-left:3px solid var(--c);background:color-mix(in srgb,var(--c) 9%,transparent);font-size:15.5px;line-height:1.55}
.callout b:first-child{color:var(--c)}
.callout.note{--c:var(--note)}
.callout.warn{--c:var(--warn)}
.group{margin-top:56px}
.group h2{font-size:15px;font-weight:600;color:var(--muted);margin:0;letter-spacing:.01em}
.group .cards{margin-top:16px}
.fits{margin:48px 0 0;padding:24px 24px 26px;border-radius:20px;background:var(--panel)}
.fits .n{font-size:13px;font-weight:600;color:var(--link)}
.fits p{font-size:16px;margin-top:10px}
.fits ul{margin:12px 0 0;padding-left:20px;font-size:16px}
.fits li+li{margin-top:6px}
.fits .row{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:18px}
.fits .row span{font-size:13px;color:var(--muted)}
footer{border-top:1px solid var(--divider)}
footer .wrap{padding-top:26px;padding-bottom:34px;display:flex;align-items:center;gap:16px 24px;flex-wrap:wrap;font-size:12.5px;color:var(--muted)}
footer .fl{margin-left:auto;display:flex;gap:18px;flex-wrap:wrap}
footer .fl a{font-weight:600;color:var(--text)}