:root{--bg: #f7f5f0;--bg-2: #ffffff;--fg: #1a1917;--muted: #6b6864;--line: #e4e0d8;--accent: #2f6df6;--accent-2: #7c3aed;--accent-soft: #eaf0fe;--code: #efece6;--shadow: 0 1px 2px rgba(20, 18, 14, .05), 0 8px 24px -12px rgba(20, 18, 14, .18);--radius: 16px;--max: 1080px;--prose: 700px;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-head: "Fraunces", Georgia, "Times New Roman", serif;color-scheme:light}@media(prefers-color-scheme:dark){:root{--bg: #131313;--bg-2: #1c1c1d;--fg: #ecebe7;--muted: #a19e97;--line: #2b2b2c;--accent: #7fa6ff;--accent-2: #b08cff;--accent-soft: #1b2436;--code: #232324;--shadow: 0 1px 2px rgba(0,0,0,.4), 0 10px 30px -14px rgba(0,0,0,.7);color-scheme:dark}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.65 var(--font-body);font-feature-settings:"ss01","cv11"}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}img{max-width:100%;height:auto;border-radius:12px}h1,h2,h3,.card h3{font-family:var(--font-head);font-weight:700;letter-spacing:-.015em;line-height:1.15}h1{font-size:clamp(2rem,4.5vw,3rem);margin:0 0 1rem}h2{font-size:1.6rem;margin:2.25rem 0 .75rem}h3{font-size:1.2rem;margin:1.5rem 0 .5rem}p,ul,ol{margin:0 0 1.1rem}li{margin-bottom:.35rem}.wrap{max-width:var(--max);margin:0 auto;padding:0 1.25rem}.narrow{max-width:var(--prose);margin-left:auto;margin-right:auto}header.site{position:sticky;top:0;z-index:10;backdrop-filter:saturate(160%) blur(12px);background:color-mix(in srgb,var(--bg) 82%,transparent);border-bottom:1px solid var(--line)}header.site .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;height:64px}.brand{display:flex;align-items:center;gap:.6rem;color:var(--fg);font-family:var(--font-head);font-weight:700;font-size:1.35rem}.brand:hover{text-decoration:none}nav.main{display:flex;gap:.25rem}nav.main a{padding:.45rem .8rem;border-radius:999px;color:var(--muted);font-size:.95rem;font-weight:500}nav.main a:hover,nav.main a[aria-current=page]{background:var(--accent-soft);color:var(--accent);text-decoration:none}@media(max-width:560px){nav.main a.hide-sm{display:none}}main{padding:2.5rem 0 5rem}.hero{position:relative;overflow:hidden;border-radius:24px;padding:clamp(2rem,6vw,4.5rem) clamp(1.25rem,5vw,4rem);background:linear-gradient(135deg,#2f6df6,#7c3aed,#db2777 120%);color:#fff;margin-bottom:3rem;box-shadow:var(--shadow)}.hero:before,.hero:after{content:"";position:absolute;border-radius:50%;background:#ffffff1f;filter:blur(2px)}.hero:before{width:420px;height:420px;right:-120px;top:-160px}.hero:after{width:260px;height:260px;left:-80px;bottom:-140px}.hero>*{position:relative}.hero .eyebrow{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;opacity:.85;font-weight:600;margin-bottom:1rem}.hero h1{color:#fff;max-width:14ch;font-size:clamp(2.2rem,5.5vw,3.6rem)}.hero p{max-width:52ch;font-size:1.1rem;opacity:.92;margin-bottom:1.75rem}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.7rem 1.2rem;border-radius:999px;font-weight:600;font-size:.95rem;background:#fff;color:#2f3cbf;box-shadow:0 2px 8px #00000026}.btn:hover{text-decoration:none;transform:translateY(-1px)}.btn.ghost{background:#ffffff24;color:#fff;box-shadow:none;border:1px solid rgba(255,255,255,.35);margin-left:.5rem}.hero-stats{display:flex;gap:2rem;margin-top:2.25rem;flex-wrap:wrap}.hero-stats div{font-size:.85rem;opacity:.85}.hero-stats strong{display:block;font-family:var(--font-head);font-size:1.6rem;opacity:1}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin:3rem 0 1.25rem}.section-head h2{margin:0}.section-head a{font-size:.95rem;font-weight:500}.cluster-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.cluster{display:grid;gap:.35rem;padding:1.25rem;border-radius:var(--radius);background:var(--bg-2);border:1px solid var(--line);color:var(--fg);transition:transform .15s,box-shadow .15s,border-color .15s}.cluster:hover{text-decoration:none;transform:translateY(-2px);box-shadow:var(--shadow);border-color:hsl(var(--hue) 60% 60%)}.cluster-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:hsl(var(--hue) 80% 92%);color:hsl(var(--hue) 65% 38%);margin-bottom:.4rem}@media(prefers-color-scheme:dark){.cluster-icon{background:hsl(var(--hue) 40% 22%);color:hsl(var(--hue) 80% 75%)}}.cluster-name{font-family:var(--font-head);font-weight:700;font-size:1.15rem}.cluster-desc{color:var(--muted);font-size:.9rem;line-height:1.5}.cluster-count{margin-top:.4rem;font-size:.85rem;font-weight:600;color:hsl(var(--hue) 65% 42%)}@media(prefers-color-scheme:dark){.cluster-count{color:hsl(var(--hue) 80% 72%)}}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem}.card{display:flex;flex-direction:column;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;color:var(--fg);transition:transform .15s,box-shadow .15s}.card:hover{text-decoration:none;transform:translateY(-3px);box-shadow:var(--shadow)}.card .cover{width:100%;height:auto;aspect-ratio:2 / 1;display:block;border-radius:0}.card-body{padding:1.1rem 1.25rem 1.25rem;display:flex;flex-direction:column;gap:.5rem;flex:1}.card h3{margin:0;font-size:1.25rem}.card p{margin:0;color:var(--muted);font-size:.95rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-meta{margin-top:auto;padding-top:.5rem;display:flex;gap:.4rem;color:var(--muted);font-size:.82rem}.pill{align-self:flex-start;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.2rem .6rem;border-radius:999px;background:hsl(var(--hue) 80% 92%);color:hsl(var(--hue) 65% 36%)}@media(prefers-color-scheme:dark){.pill{background:hsl(var(--hue) 40% 22%);color:hsl(var(--hue) 80% 78%)}}.card.featured{grid-column:1 / -1}@media(min-width:720px){.card.featured{flex-direction:row}.card.featured .cover{width:48%;aspect-ratio:auto}.card.featured h3{font-size:1.8rem}.card.featured p{-webkit-line-clamp:4;font-size:1.02rem}}.post-hero{max-width:var(--prose);margin:0 auto 2rem}.post-hero .crumbs{font-size:.85rem;color:var(--muted);margin-bottom:1rem;display:flex;gap:.4rem;align-items:center}.post-hero .crumbs a{color:var(--muted)}.post-hero .cover{width:100%;aspect-ratio:2 / 1;border-radius:20px;box-shadow:var(--shadow);margin:1.5rem 0}.post-hero .lead{font-size:1.2rem;color:var(--muted);margin:0}.meta{color:var(--muted);font-size:.9rem;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.meta a{color:var(--muted)}.post-layout{display:grid;grid-template-columns:minmax(0,var(--prose)) 240px;gap:3rem;justify-content:center}@media(max-width:960px){.post-layout{grid-template-columns:minmax(0,1fr)}.post-layout aside{display:none}}.post-layout aside{position:sticky;top:90px;align-self:start}.toc details{border:1px solid var(--line);border-radius:12px;padding:.9rem 1rem;background:var(--bg-2);font-size:.88rem}.toc summary{font-weight:700;cursor:pointer;font-family:var(--font-head);font-size:1rem}.toc ol{margin:.75rem 0 0;padding-left:1.1rem}.toc li{margin-bottom:.4rem}.toc a{color:var(--muted)}.toc a:hover{color:var(--accent)}.toc.inline{margin-bottom:2rem}@media(min-width:961px){.toc.inline{display:none}}.answer{background:var(--accent-soft);border-left:4px solid var(--accent);padding:1.1rem 1.35rem;border-radius:0 14px 14px 0;margin:0 0 2rem}.answer strong{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:.4rem}.answer p{margin:0;font-size:1.05rem}.prose{font-size:1.06rem}.prose>h2{padding-top:.5rem}.prose blockquote{border-left:3px solid var(--accent-2);margin:1.25rem 0;padding:.25rem 1.1rem;color:var(--muted);font-style:italic}.prose code{background:var(--code);padding:.1em .4em;border-radius:6px;font-size:.88em}.prose pre{background:var(--code);padding:1rem 1.2rem;border-radius:12px;overflow-x:auto;font-size:.9em}.prose pre code{background:none;padding:0}.prose table{border-collapse:collapse;width:100%;display:block;overflow-x:auto;margin:1.25rem 0;font-size:.95rem}.prose th,.prose td{border:1px solid var(--line);padding:.55rem .8rem;text-align:left}.prose th{background:var(--bg-2)}.prose img{box-shadow:var(--shadow)}.prose ol li::marker{font-weight:700;color:var(--accent)}.faq{margin-top:2.5rem}.faq details{border:1px solid var(--line);background:var(--bg-2);border-radius:12px;padding:.85rem 1.1rem;margin-bottom:.6rem}.faq summary{cursor:pointer;font-weight:600}.faq details p{margin:.6rem 0 0;color:var(--muted)}.sources{font-size:.9rem;color:var(--muted)}.tags{display:flex;flex-wrap:wrap;gap:.4rem;margin:2rem 0}.tags a{font-size:.8rem;background:var(--bg-2);border:1px solid var(--line);border-radius:999px;padding:.25rem .75rem;color:var(--muted)}.tags a:hover{border-color:var(--accent);color:var(--accent);text-decoration:none}.author-box{display:flex;gap:1rem;align-items:flex-start;padding:1.25rem;border-radius:var(--radius);background:var(--bg-2);border:1px solid var(--line);margin-top:2.5rem}.author-box .avatar{flex:none;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-2));font-family:var(--font-head)}.author-box p{margin:.25rem 0 0;color:var(--muted);font-size:.95rem}.related{margin-top:3.5rem}.post-list{list-style:none;padding:0;margin:0}.post-list li{padding:1rem 0;border-bottom:1px solid var(--line);margin:0}.post-list h3{margin:0 0 .25rem;font-size:1.15rem}.post-list a{color:var(--fg)}.post-list p{margin:.2rem 0 0;color:var(--muted);font-size:.92rem}.filter{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 1.75rem}.filter a{font-size:.85rem;padding:.35rem .85rem;border-radius:999px;border:1px solid var(--line);background:var(--bg-2);color:var(--muted);font-weight:500}.filter a[aria-current=page],.filter a:hover{background:var(--accent-soft);color:var(--accent);border-color:transparent;text-decoration:none}.empty{padding:3rem 1rem;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:var(--radius)}.cta{margin-top:3.5rem;padding:2rem;border-radius:var(--radius);background:var(--bg-2);border:1px solid var(--line);display:flex;gap:1.5rem;align-items:center;justify-content:space-between;flex-wrap:wrap}.cta h2{margin:0 0 .25rem;font-size:1.4rem}.cta p{margin:0;color:var(--muted)}.cta .btn{background:var(--accent);color:#fff}footer.site{border-top:1px solid var(--line);padding:3rem 0 2.5rem;color:var(--muted);font-size:.9rem;background:var(--bg-2)}footer.site .cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem;margin-bottom:2rem}@media(max-width:640px){footer.site .cols{grid-template-columns:1fr}}footer.site h4{margin:0 0 .6rem;color:var(--fg);font-size:.85rem;text-transform:uppercase;letter-spacing:.08em}footer.site ul{list-style:none;padding:0;margin:0}footer.site li{margin-bottom:.35rem}footer.site a{color:var(--muted)}footer.site a:hover{color:var(--accent)}footer.site .bottom{border-top:1px solid var(--line);padding-top:1.25rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem}