:root{--green: var(--success);--green-b: var(--success-b);--green-bg: var(--success-bg);--indigo-b: #C7D2FE;--pink: #9D174D;--pink-bg: #FFF0F6;--pink-b: #FBCFE8}.page-wrap{max-width:1100px;margin:0 auto;padding:64px 48px 96px;display:grid;grid-template-columns:1fr 272px;gap:64px;align-items:start}article{min-width:0}.post-meta{display:flex;align-items:center;gap:10px;margin-bottom:24px}.post-tag{font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;padding:3px 10px;border-radius:4px}.post-date{font-size:14px;color:var(--faint)}.post-sep{width:3px;height:3px;border-radius:50%;background:var(--border-h)}h1.post-title{font-size:clamp(26px,3.5vw,40px);font-weight:700;letter-spacing:-.02em;line-height:1.15;margin-bottom:18px}h1.post-title em{font-style:italic;color:var(--muted)}.post-lede{font-size:17px;color:var(--muted);line-height:1.75;margin-bottom:28px;padding-bottom:28px;border-bottom:1px solid var(--border)}.post-author{display:flex;align-items:center;gap:10px;margin-bottom:44px}.author-av{width:36px;height:36px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.author-name{font-size:14px;font-weight:600}.author-bio{font-size:14px;color:var(--faint)}.prose{font-size:16px;line-height:1.85;color:var(--ink)}.prose p{margin-bottom:22px}.prose h2{font-size:22px;font-weight:700;margin-top:52px;margin-bottom:14px;padding-top:52px;border-top:1px solid var(--border)}.prose h3{font-size:17px;font-weight:600;margin-top:32px;margin-bottom:10px}.prose strong{font-weight:600}.prose em{font-style:italic;color:var(--muted)}.prose code{font-family:ui-monospace,monospace;font-size:14px;background:#edebe5;border:1px solid var(--border);border-radius:4px;padding:1px 6px;color:var(--accent)}.code-block{background:var(--accent);border-radius:8px;overflow:hidden;margin:24px 0}.code-block-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid rgba(255,255,255,.08)}.code-block-lang{font-size:10px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:#ffffff59}.code-block-file{font-size:11px;color:#ffffff4d;font-family:ui-monospace,monospace}.code-block pre{padding:20px;overflow-x:auto;margin:0;font-size:13px;line-height:1.75;font-family:ui-monospace,Cascadia Code,Fira Code,monospace;color:#ffffffd1}.code-block pre .comment{color:#ffffff54}.code-block pre .string{color:#a5f3c4}.code-block pre .keyword{color:#93c5fd}.code-block pre .fn{color:#fca5a5}.code-block pre .highlight{background:#fbbf241f;border-left:2px solid #FBbf24;margin-left:-20px;padding-left:18px;display:block}.code-block .rc-thread{border-top:1px solid rgba(255,255,255,.1)}.incident-brief{border:1px solid var(--border);border-top:3px solid #C25E00;border-radius:0 0 8px 8px;overflow:hidden;margin-bottom:44px;background:var(--surface)}.incident-brief-label{padding:9px 18px;background:var(--panel);border-bottom:1px solid var(--border);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#c25e00}.incident-brief-body{padding:18px 20px 4px}.incident-brief-body p{font-size:13.5px;line-height:1.9;color:var(--muted);margin-bottom:14px;font-family:ui-monospace,Cascadia Code,Fira Code,monospace}.incident-brief-body p b{color:var(--ink);font-weight:700}.pull-quote{margin:32px 0;padding:22px 24px;background:var(--panel);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:0 8px 8px 0;font-family:Lora,serif;font-size:17px;font-weight:600;line-height:1.65;color:var(--ink)}.prose blockquote{border-left:3px solid var(--border-h);margin:0 0 20px;padding:6px 0 6px 20px;color:var(--muted);font-size:15px;line-height:1.8}.prose blockquote code{font-family:ui-monospace,monospace;font-size:13px;background:#edebe5;border:1px solid var(--border);border-radius:3px;padding:1px 5px;color:var(--accent)}.comment-demo{border:1px solid var(--border);border-radius:8px;overflow:hidden;margin-bottom:20px}.comment-demo-label{padding:8px 16px;background:var(--panel);border-bottom:1px solid var(--border);font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}.comment-demo.good .comment-demo-label{color:var(--green)}.comment-demo blockquote{margin:0;padding:14px 16px;font-size:14px;color:var(--muted);line-height:1.7;background:var(--surface);border-left:none}.comment-demo blockquote code{font-family:ui-monospace,monospace;font-size:13px;background:#edebe5;border:1px solid var(--border);border-radius:3px;padding:1px 5px;font-style:normal;color:var(--accent)}.comment-demo .rc-thread{border-top:none}.severity-list{list-style:none;border:1px solid var(--border);border-radius:8px;overflow:hidden;margin-bottom:24px;background:var(--surface)}.severity-item{display:flex;align-items:flex-start;gap:14px;padding:14px 16px;border-bottom:1px solid var(--border);font-size:14px;line-height:1.65}.severity-item:last-child{border-bottom:none}.severity-badge{flex-shrink:0;font-family:ui-monospace,monospace;font-size:11px;font-weight:700;padding:3px 8px;border-radius:4px;margin-top:1px;white-space:nowrap}.severity-badge.blocking{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger-b)}.severity-badge.should{background:var(--warn-bg);color:var(--warn);border:1px solid var(--warn-b)}.severity-badge.nit{background:var(--panel);color:var(--muted);border:1px solid var(--border)}.severity-badge.question{background:var(--indigo-l);color:var(--indigo);border:1px solid var(--indigo-b)}.severity-item strong{font-weight:600;color:var(--ink)}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-bottom:28px;border:1px solid var(--border);border-radius:8px;overflow:hidden}.stat-card{padding:20px 18px;border-right:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column;gap:6px}.stat-card:last-child{border-right:none}.stat-num{font-family:Lora,serif;font-size:28px;font-weight:700;color:var(--ink);line-height:1}.stat-num span{font-size:16px;color:var(--muted);font-weight:400;font-family:inherit}.stat-label{font-size:13px;color:var(--muted);line-height:1.5}.callout{border-radius:8px;padding:14px 16px;margin-bottom:24px;display:flex;gap:11px;align-items:flex-start;font-size:14px;line-height:1.7}.callout.warn{background:var(--warn-bg);border:1px solid var(--warn-b);color:var(--warn)}.callout.danger{background:var(--danger-bg);border:1px solid var(--danger-b);color:var(--danger)}.callout.info{background:var(--indigo-l);border:1px solid var(--indigo-b);color:#3730a3}.callout-icon{flex-shrink:0;margin-top:1px;font-size:14px}.shape-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-bottom:28px;border:1px solid var(--border);border-radius:8px;overflow:hidden}.shape-card{background:var(--panel);padding:24px 22px;border-right:1px solid var(--border);display:flex;flex-direction:column}.shape-card:last-child{border-right:none}.shape-num{font-family:Lora,serif;font-size:32px;font-weight:700;color:var(--border-h);line-height:1;margin-bottom:14px}.shape-tag{display:inline-block;font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 7px;border-radius:3px;margin-bottom:10px;align-self:flex-start}.shape-tag.s1{background:var(--green-bg);color:var(--green);border:1px solid var(--green-b)}.shape-tag.s2{background:var(--warn-bg);color:var(--warn);border:1px solid var(--warn-b)}.shape-tag.s3{background:var(--indigo-l);color:var(--indigo);border:1px solid var(--indigo-b)}.shape-title{font-family:Lora,serif;font-size:14px;font-weight:600;color:var(--ink);margin-bottom:6px;line-height:1.3}.shape-desc{font-size:14px;color:var(--muted);line-height:1.7}.shape-desc code{font-family:ui-monospace,monospace;font-size:13px;background:#edebe5;border-radius:3px;padding:1px 4px}.checklist{list-style:none;border:1px solid var(--border);border-radius:8px;overflow:hidden;margin-bottom:24px;background:var(--surface)}.checklist li{display:flex;align-items:flex-start;gap:12px;padding:13px 16px;border-bottom:1px solid var(--border);font-size:14px;line-height:1.65}.checklist li:last-child{border-bottom:none}.check-box{width:18px;height:18px;border-radius:4px;flex-shrink:0;margin-top:2px;background:var(--green-bg);border:1px solid var(--green-b);display:flex;align-items:center;justify-content:center}.checklist li strong{font-weight:600;color:var(--ink);display:block;margin-bottom:2px}.checklist li span{color:var(--muted)}.rc-thread{border-top:1px solid var(--border);background:var(--surface);padding:16px 18px}.rc-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}.rc-av{width:28px;height:28px;border-radius:50%;background:var(--border);color:var(--muted);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;flex-shrink:0}.rc-name{font-size:14px;font-weight:600;color:var(--ink)}.rc-time{font-size:14px;color:var(--faint);font-weight:400}.rc-body{font-size:14px;line-height:1.75;color:var(--ink);margin-bottom:14px}.rc-body code{font-family:ui-monospace,monospace;font-size:13px;background:#4f46e514;color:var(--indigo);border:1px solid var(--indigo-b);border-radius:3px;padding:1px 5px}.suggestion{border:1px solid var(--border);border-radius:6px;overflow:hidden}.sug-head{display:flex;align-items:center;justify-content:space-between;padding:7px 12px;background:var(--panel);border-bottom:1px solid var(--border);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.sug-apply{font-size:11px;font-weight:600;padding:3px 10px;background:var(--green);color:#fff;border-radius:5px;border:none;cursor:pointer;text-transform:none;letter-spacing:0}.sug-line{display:flex;font-family:ui-monospace,monospace;font-size:13px}.sug-mark{width:24px;display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0;border-right:1px solid var(--border);padding:6px 0}.sug-del .sug-mark{background:#fff5f5;color:var(--danger)}.sug-del .sug-code{background:#fff5f5;color:var(--danger);padding:6px 14px;flex:1;white-space:pre-wrap;word-break:break-all}.sug-add .sug-mark{background:var(--green-bg);color:var(--green)}.sug-add .sug-code{background:#f6fff7;color:var(--ink);padding:6px 14px;flex:1;white-space:pre-wrap;word-break:break-all}.post-cta{margin-top:56px;padding:30px 32px;background:var(--accent);border-radius:10px}.post-cta h3{font-family:Lora,serif;font-size:20px;font-weight:700;color:#fff;margin-bottom:8px}.post-cta p{font-size:14px;color:#fff9;line-height:1.7;margin-bottom:20px}.cta-btns{display:flex;align-items:center;gap:10px}.post-cta .btn-primary{font-size:14px;font-weight:600;padding:10px 20px;background:#fff;color:var(--accent);border-radius:7px;display:inline-flex;align-items:center;gap:6px;transition:opacity .15s}.post-cta .btn-primary:hover{opacity:.9}.post-cta .btn-ghost{font-size:14px;font-weight:500;padding:10px 16px;background:transparent;color:#ffffffa6;border:1px solid rgba(255,255,255,.2);border-radius:7px;transition:color .15s,border-color .15s}.post-cta .btn-ghost:hover{color:#fff;border-color:#fff6}.sidebar{position:sticky;top:78px;display:flex;flex-direction:column;gap:20px}.toc-label{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--faint);margin-bottom:8px;padding-left:8px}.toc-list{list-style:none}.toc-list li{margin-bottom:1px}.toc-list a{display:block;font-size:14px;color:var(--muted);padding:5px 8px;border-radius:5px;line-height:1.4;transition:background .12s,color .12s}.toc-list a:hover{background:var(--panel);color:var(--ink)}.toc-list a.active{background:var(--indigo-l);color:var(--indigo);font-weight:500}.sb-panel{background:var(--surface);border:1px solid var(--border);border-radius:8px;overflow:hidden}.sb-head{padding:11px 16px;background:var(--panel);border-bottom:1px solid var(--border);font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}.sb-body{padding:12px 14px;font-size:14px}.related-item{padding:10px 0;border-bottom:1px solid var(--border)}.related-item:first-child{padding-top:0}.related-item:last-child{border-bottom:none;padding-bottom:0}.related-tag{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);margin-bottom:3px}.related-title{font-family:Lora,serif;font-size:14px;font-weight:600;color:var(--ink);line-height:1.35;cursor:pointer;transition:color .12s}.related-title:hover{color:var(--indigo)}.sb-cta{background:var(--accent);border-radius:8px;padding:18px 16px}.sb-cta-eyebrow{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff6;margin-bottom:8px}.sb-cta-title{font-family:Lora,serif;font-size:15px;font-weight:700;color:#fff;line-height:1.35;margin-bottom:8px}.sb-cta-desc{font-size:14px;color:#ffffff8c;line-height:1.65;margin-bottom:14px}.sb-cta-btn{display:block;text-align:center;font-size:14px;font-weight:600;padding:9px 14px;background:#fff;color:var(--accent);border-radius:6px;transition:opacity .15s}.sb-cta-btn:hover{opacity:.9}.sb-cta-meta{margin-top:10px;font-size:11px;color:#ffffff59;text-align:center;line-height:1.5}.mobile-toc{display:none;background:var(--surface);border:1px solid var(--border);border-radius:8px;overflow:hidden;margin-bottom:36px}.mobile-toc-label{padding:11px 16px;background:var(--panel);border-bottom:1px solid var(--border);font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}.mobile-toc .toc-list{padding:8px}#reading-bar{position:fixed;top:54px;left:0;right:0;height:2px;background:var(--indigo);transform:scaleX(0);transform-origin:left;transition:transform .08s linear;z-index:200}@media(max-width:860px){.page-wrap{grid-template-columns:1fr;gap:40px;padding:32px 24px 64px}.shape-grid{grid-template-columns:1fr}.shape-card{border-right:none;border-bottom:1px solid var(--border)}.shape-card:last-child{border-bottom:none}.stat-grid{grid-template-columns:1fr}.stat-card{border-right:none;border-bottom:1px solid var(--border)}.stat-card:last-child{border-bottom:none}.sidebar{position:static}.mobile-toc{display:block}.sidebar-toc{display:none}}