:root{--bg:#fff;--card:#fff;--text:#111827;--muted:#6b7280;--line:#e5e7eb;--primary:#2563eb;--primary-soft:#dbeafe}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,sans-serif;margin:0}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.container{margin:0 auto;width:min(1200px,calc(100% - 32px))}.page-shell{min-height:calc(100vh - 140px);padding:32px 0 56px}.stack-lg>*+*{margin-top:32px}.stack-md>*+*{margin-top:20px}.grid{display:grid;gap:20px}.cards-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden}.card-body{padding:18px}.site-header{background:#fff;border-bottom:1px solid #f0f0f0;position:sticky;top:0;z-index:10}.header-row{align-items:center;display:flex;gap:16px;justify-content:space-between;padding:18px 0}.nav-drawer{align-items:stretch;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 16px 48px #1118271a;display:none;flex-direction:column;gap:4px;left:16px;padding:12px;position:absolute;right:16px;top:calc(100% + 6px);z-index:15}.nav-drawer.open{display:flex}@media(min-width:861px){.menu-toggle,.nav-drawer{display:none!important}}.nav-link{color:var(--muted)}.nav-link.active,.nav-link:hover{color:var(--text)}.menu-toggle{display:none}.site-footer{background:var(--card);border-top:1px solid var(--line)}.footer-inner{color:var(--muted);display:flex;font-size:.9rem;gap:12px;justify-content:space-between;padding:20px 0}.footer-inner--center{align-items:center;flex-direction:column;gap:16px;padding:32px 0 40px;text-align:center}.footer-socials{align-items:center;display:flex;gap:20px;justify-content:center}.footer-social-link{color:#6b7280;display:inline-flex;transition:color .15s ease}.footer-social-link:hover{color:#111}.footer-legal{color:#9ca3af;font-size:.8125rem;line-height:1.6;margin:0}.footer-legal a{color:#6b7280;text-decoration:underline;text-underline-offset:2px}.footer-legal a:hover{color:#111}.footer-dot{margin:0 .25rem;opacity:.6}.footer-tagline{color:var(--muted);font-size:.875rem;margin:0}.footer-powered{color:#9ca3af;font-size:.75rem;margin:0}.hero{background:linear-gradient(135deg,#111827,#2563eb);border-radius:28px;color:#fff;padding:48px}.hero h1{font-size:clamp(2rem,4vw,3.5rem);margin:8px 0 12px}.eyebrow{background:#ffffff24;border-radius:999px;display:inline-block;font-size:.9rem;padding:6px 12px}.hero-actions{display:flex;gap:12px;margin-top:20px}.btn{align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;color:var(--text);display:inline-flex;justify-content:center;padding:10px 16px}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.section-head{align-items:center;display:flex;gap:12px;justify-content:space-between}.meta-row{color:var(--muted);font-size:.9rem;gap:10px}.meta-row,.tag-row{display:flex;flex-wrap:wrap}.tag-row{gap:8px}.tag{background:var(--primary-soft);border-radius:999px;color:var(--primary);display:inline-flex;font-size:.85rem;padding:6px 10px}.tag-light{background:#eef2ff;color:#4338ca}.post-card h3{font-size:1.2rem;-webkit-line-clamp:1;line-clamp:1;margin:10px 0}.post-card h3,.post-card p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical}.post-card p{color:var(--muted);-webkit-line-clamp:3;line-clamp:3}.card-cover{aspect-ratio:16/9;background:#e5e7eb;-o-object-fit:cover;object-fit:cover;width:100%}.card-cover--placeholder{min-height:12rem}.post-card-cover-link{color:inherit;display:block}.post-card--feed{background:transparent;border:none;border-radius:0;box-shadow:none;overflow:visible}.post-card--feed .card-cover--feed{border-radius:16px}.post-card--feed .card-body--feed{padding:16px 0 0}.post-card--feed .meta-row--feed{color:#9ca3af;font-size:.8125rem;margin-bottom:2px}.post-card--feed h3{font-size:1.125rem;font-weight:700;line-height:1.35;margin:8px 0 10px}.post-card--feed h3 a{color:#111}.post-card--feed h3 a:hover{opacity:.75}.post-card--feed p{color:#6b7280;font-size:.9375rem;line-height:1.55;margin:0 0 14px}.post-card--feed .tag-row--feed{gap:8px}.post-card--feed .tag-feed,.post-card--feed .tag.tag-light.tag-feed{background:#f3f4f6;border-radius:999px;color:#6b7280;font-size:.75rem;font-weight:500;padding:5px 12px}.post-card--feed .tag-feed:hover{background:#e5e7eb;color:#374151}.home-page{padding-bottom:8px}.home-feed-head{margin-bottom:28px}.home-feed-title{color:#111;font-size:clamp(2rem,4vw,2.75rem);font-weight:700;letter-spacing:-.02em;margin:0 0 20px}.home-filter-row{align-items:center;display:flex;flex-wrap:nowrap;gap:10px;margin:0 -4px;overflow-x:auto;padding-bottom:6px;padding-left:4px;padding-right:4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.home-filter-row::-webkit-scrollbar{display:none}.home-filter-pill{background:#f3f4f6;border:none;border-radius:999px;color:#4b5563;cursor:pointer;flex-shrink:0;font:inherit;font-size:.875rem;font-weight:500;padding:9px 16px;transition:background .15s ease,color .15s ease}.home-filter-pill:hover{background:#e5e7eb;color:#111}.home-filter-pill.is-active{background:#111;color:#fff}.home-filter-pill.is-active:hover{background:#111;color:#fff;opacity:.92}.home-feed-grid{display:grid;gap:32px 24px;grid-template-columns:1fr}.home-feed-empty,.home-feed-loading{color:var(--muted);font-size:.95rem;margin:24px auto;text-align:center}@media(min-width:640px){.home-feed-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:960px){.home-feed-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.pagination{align-items:center;display:flex;gap:12px;justify-content:center;padding:16px 0}.pagination a{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 14px}.breadcrumb{color:var(--muted);font-size:.95rem}.article-detail-page{width:100%}.article-detail-back{align-items:center;background:#fff;border:1px solid var(--line);border-radius:999px;color:#374151;cursor:pointer;display:inline-flex;font:inherit;font-size:.875rem;font-weight:500;gap:8px;margin:0 0 24px;padding:8px 16px 8px 12px;transition:background .15s,border-color .15s}.article-detail-back:hover{background:#f9fafb;border-color:#d1d5db}.article-detail-hero{aspect-ratio:21/9;background:#e5e7eb;border-radius:18px;margin:0 0 28px;-o-object-fit:cover;object-fit:cover;width:100%}.article-detail-hero--empty{min-height:120px}@media(max-width:639px){.article-detail-hero{aspect-ratio:16/9}}.article-detail-head{margin:0 auto 32px;max-width:1000px;padding:0 4px;text-align:center}.article-detail-meta{color:#9ca3af;font-size:.8125rem;margin:0 0 12px}.article-detail-head h1{color:#111;font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:0 0 16px}.article-detail-lead{color:#6b7280;font-size:1.0625rem;line-height:1.6;margin:0 auto 20px;max-width:36rem}.article-detail-tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.article-detail-tags a{background:#f3f4f6;border-radius:999px;color:#6b7280;display:inline-flex;font-size:.75rem;font-weight:500;padding:5px 12px}.article-detail-tags a:hover{background:#e5e7eb;color:#374151}.article-detail-toc{margin:0 auto 28px;max-width:42rem;padding:0 4px}.article-detail-toc-inner{display:flex;flex-wrap:wrap;gap:8px 14px;justify-content:center;list-style:none;margin:0;padding:0}.article-detail-toc a{color:#6b7280;font-size:.8125rem;text-decoration:underline;text-underline-offset:3px}.article-detail-toc a:hover{color:#111}.article-detail-prose-wrap{margin:0 auto;max-width:1000px;padding:0 4px 48px}.prose.article-detail-prose{background:transparent;border:none;border-radius:0;max-width:none;padding:0}.prose.article-detail-prose li,.prose.article-detail-prose p{color:#111;font-size:1.0625rem;line-height:1.75}.prose.article-detail-prose h2{font-size:1.375rem;margin-bottom:.75rem;margin-top:2.25rem}.prose.article-detail-prose h3{margin-top:1.75rem}.prose.article-detail-prose a{color:#111;text-decoration:underline;text-underline-offset:3px}.article-detail-nav{border-top:1px solid #f0f0f0;display:flex;font-size:.9375rem;gap:16px;justify-content:space-between;margin:0 auto 48px;max-width:1000px;padding:24px 4px 0}.article-detail-nav a{color:#6b7280}.article-detail-nav a:hover{color:#111}.article-detail-related{border-top:1px solid #f0f0f0;margin-top:8px;padding-top:48px}.article-detail-related h2{color:#111;font-size:1.25rem;font-weight:700;margin:0 0 28px}.prose{background:var(--card);border:1px solid var(--line);border-radius:20px;line-height:1.8;padding:28px}.prose h1,.prose h2,.prose h3{scroll-margin-top:100px}.prose pre{background:#111827;border-radius:12px;color:#f9fafb;overflow:auto;padding:16px}.prose code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.prose table{border-collapse:collapse;width:100%}.prose td,.prose th{border:1px solid var(--line);padding:8px}.empty-state,.error-page{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:40px;text-align:center}.single-page h1{margin-bottom:0}@media(max-width:860px){.site-header .header-actions>.header-cta{display:none!important}.menu-toggle{align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;cursor:pointer;display:inline-flex;font-size:.85rem;padding:10px 12px}.hero{padding:28px}.footer-inner:not(.footer-inner--center){flex-direction:column}}