.post-head{margin-bottom:26px}.post-section h2{font-size:1.3rem;margin:30px 0 10px}.post-section p{line-height:1.7}.post-code{margin:12px 0;padding:14px 16px;overflow-x:auto;font:13px/1.55 var(--mono);background:#05080f;color:#cbd5e1;border-radius:10px;border:1px solid #1c2840}.post-lesson,.post-unit{margin-top:28px}.post-lesson{border-color:color-mix(in srgb,var(--accent) 45%,var(--border))}.kind-badge{display:inline-block;padding:2px 8px;margin-right:4px;border-radius:999px;font:700 .7rem/1.5 var(--mono);letter-spacing:.04em;text-transform:uppercase;border:1px solid currentColor;color:var(--k)}.kind-badge{color:color-mix(in srgb,var(--k) 82%,var(--text))}.post-sheet{margin:0 0 28px;padding:18px 20px;border-left:4px solid var(--k,var(--accent))}.post-sheet dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;margin:8px 0 0}.post-sheet dl .wide{grid-column:1 / -1}.post-sheet dt{font:700 .72rem/1.3 var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:2px}.post-sheet dd{margin:0}.post-sources{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:6px}.post-sources a{font-weight:600}.blog-filters{display:grid;gap:14px;padding:16px 18px;margin:18px 0 20px}.bf-group{border:0;padding:0;margin:0;min-width:0}.bf-group legend{font-weight:600;font-size:.9rem;padding:0;margin-bottom:6px}.blog-filters select{width:100%;padding:9px 11px;font:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--border-strong);border-radius:10px}.bf-status{margin:0;font-size:.88rem;color:var(--muted);display:flex;align-items:center;gap:10px;min-height:32px}.blog.blog-page{max-width:calc(1180px + 2 * var(--gutter))}.blog-head{max-width:760px}.blog-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:36px;margin-top:26px;align-items:start}.blog-side{position:sticky;top:88px}.blog-filters-box{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2)}.blog-filters-box > summary{cursor:pointer;padding:12px 16px;font:700 .78rem/1.2 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);list-style:none}.blog-filters-box > summary::-webkit-details-marker{display:none}.blog-filters-box > summary::before{content:"▸ "}.blog-filters-box[open] > summary::before{content:"▾ "}.blog-filters-box .blog-filters{margin:0;padding:0 16px 16px;border:0;background:none;box-shadow:none}.bf-kinds{display:grid;gap:2px}.bf-kinds label{position:relative;cursor:pointer}.bf-kinds input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}.bf-kinds span{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;font-size:.9rem;font-weight:600}.bf-kinds span small{margin-left:auto;color:var(--muted);font:600 .78rem var(--mono)}.bf-kinds input:checked + span{background:var(--accent-soft);color:var(--text)}.bf-kinds input:focus-visible + span{box-shadow:0 0 0 2px var(--accent)}.bf-kinds label:not([class]) .arch-led{--k:var(--accent)}.arch-led{flex:none;display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--k,var(--accent));box-shadow:0 0 6px var(--k,var(--accent))}.blog-lead{position:relative;padding:22px 24px 24px 26px;border:1px solid var(--border-strong);border-left:4px solid var(--k,var(--accent));border-radius:var(--radius);background:linear-gradient(180deg,color-mix(in srgb,var(--k,var(--accent)) 7%,var(--surface-2)),var(--surface-2))}.blog-lead h2{font-size:clamp(1.35rem,3vw,1.9rem);line-height:1.2;margin:8px 0 10px}.blog-lead h2 a{color:var(--text);text-decoration:none}.blog-lead h2 a:hover{color:var(--accent)}.blog-lead-summary{font-size:1.05rem;margin:0 0 14px;max-width:68ch}.blog-lead .chips{margin-bottom:16px}.blog-lead .arch-label{margin:0 0 4px}.arch-title{font-size:1.2rem;margin:38px 0 4px}.arch-label{display:flex;align-items:center;gap:10px;margin:26px 0 6px;font:700 .76rem/1.2 var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.arch-label::after{content:"";flex:1;height:1px;background:repeating-linear-gradient(90deg,var(--border-strong) 0 6px,transparent 6px 10px)}.arch-month[hidden],.arch-item[hidden],.blog-lead[hidden]{display:none}.arch-list{list-style:none;margin:0;padding:0}.arch-item{display:grid;grid-template-columns:64px minmax(0,1fr);gap:18px;padding:16px 10px 16px 8px;border-bottom:1px dashed var(--border);border-radius:10px;transition:background .2s}.arch-item:hover{background:var(--surface-2)}.arch-item:hover .arch-date strong{color:var(--k,var(--accent))}.arch-date{display:grid;justify-items:center;align-content:start;gap:2px;padding-top:2px;border-right:2px solid color-mix(in srgb,var(--k,var(--accent)) 60%,transparent);padding-right:10px}.arch-date strong{font:800 1.6rem/1 var(--mono);transition:color .2s}.arch-date span{font:600 .72rem/1 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.arch-body h4{margin:4px 0 6px;font-size:1.12rem;line-height:1.3}.arch-body h4 a{color:var(--text);text-decoration:none}.arch-body h4 a::after{content:"";position:absolute;inset:0}.arch-item{position:relative}.arch-body h4 a:hover,.arch-item:hover h4 a{color:var(--accent)}.arch-body p{margin:0 0 6px;color:var(--muted)}.arch-tags{display:flex;flex-wrap:wrap;gap:4px 12px;font:600 .74rem/1.4 var(--mono);color:var(--muted)}.arch-tags span::before{content:"#";opacity:.6}.arch-item:focus-within{outline:2px solid var(--accent);outline-offset:2px}@media (max-width: 900px){.blog-layout{grid-template-columns:1fr;gap:18px}.blog-side{position:static;order:-1}}@media (max-width: 520px){.arch-item{grid-template-columns:46px minmax(0,1fr);gap:12px;padding:14px 4px}.arch-date strong{font-size:1.25rem}.blog-lead{padding:18px 16px 20px 18px}}@media (max-width: 600px){.post-sheet dl{grid-template-columns:1fr}}