.blog-grain:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:1;opacity:.5;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.1 0 0 0 0 0.1 0 0 0 0 0.1 0 0 0 0.4 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}.blog-progress{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent-bright));box-shadow:0 0 14px var(--accent);z-index:60;width:0;transition:width .1s linear}.bc-tldr{margin:0 0 52px;padding:26px 28px;border:1px solid var(--line-2);border-radius:14px;background:radial-gradient(90% 120% at 0% 0%,color-mix(in oklch,var(--accent) 9%,transparent),transparent 60%),var(--bg-1)}.bc-tldr .tag{font-family:var(--mono);font-size:10px;letter-spacing:.24em;color:var(--accent);text-transform:uppercase;margin-bottom:12px;display:flex;align-items:center;gap:10px}.bc-tldr .tag:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--line-2),transparent)}.bc-tldr p{margin:0;font-size:16px;line-height:1.66;color:var(--ink-dim)}.bc-tldr p strong{color:var(--ink)}.bc-section{margin:64px 0 22px;position:relative;isolation:isolate}.bc-section .n{font-family:var(--mono);font-size:13px;color:var(--accent);letter-spacing:.1em;display:block;margin-bottom:10px;font-weight:500;position:relative;z-index:1}.bc-section .bc-section-title{position:relative;z-index:1}.bc-section .bc-section-title{font-family:var(--sans);font-size:30px;font-weight:600;letter-spacing:-.025em;line-height:1.15;color:var(--ink);margin:0}.bc-section .bc-section-title em{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--accent)}.bc-section .ghost{position:absolute;right:-8px;top:-46px;font-family:var(--serif);font-style:italic;font-size:140px;color:var(--accent);opacity:.09;line-height:1;pointer-events:none;z-index:0;user-select:none}.bc-blocks{display:grid;gap:12px;margin:32px 0}.bc-block{display:grid;grid-template-columns:54px 1fr;gap:18px;align-items:start;padding:20px 22px;border:1px solid var(--line);border-radius:10px;background:var(--bg-1);transition:border-color .2s,transform .2s}.bc-block:hover{border-color:var(--accent);transform:translate(3px)}.bc-block .num{font-family:var(--serif);font-style:italic;font-size:40px;color:var(--accent);line-height:1}.bc-block h4{margin:0 0 4px;font-size:17px;font-weight:600;letter-spacing:-.01em;color:var(--ink)}.bc-block p{margin:0;font-size:15px;color:var(--ink-dim);line-height:1.55}.bc-block p em{font-family:var(--serif);font-style:italic;color:var(--accent)}.bc-timeline{margin:32px 0;border:1px solid var(--line-2);border-radius:14px;background:var(--bg-1);padding:24px 28px}.bc-timeline .head{display:flex;align-items:center;gap:14px;font-family:var(--mono);font-size:10px;letter-spacing:.18em;color:var(--ink-dim);text-transform:uppercase;margin-bottom:22px;flex-wrap:wrap}.bc-timeline .live{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;border:1px solid var(--accent);color:var(--accent);font-weight:500}.bc-timeline .live:before{content:"";width:6px;height:6px;border-radius:999px;background:var(--accent);box-shadow:0 0 8px var(--accent);animation:pulse 2s ease-in-out infinite}.bc-timeline .events{display:grid;grid-template-columns:64px 1fr;gap:0 22px;position:relative}.bc-timeline .events:before{content:"";position:absolute;left:84px;top:6px;bottom:6px;width:1px;background:var(--line-2)}.bc-timeline .ev-time{font-family:var(--mono);font-size:12px;color:var(--accent);padding:14px 0;position:relative;text-align:right}.bc-timeline .ev-time:after{content:"";position:absolute;right:-27px;top:18px;width:9px;height:9px;border-radius:999px;background:var(--accent);box-shadow:0 0 0 3px var(--bg-1)}.bc-timeline .ev-body{padding:14px 0 14px 12px;font-size:15px;line-height:1.6;color:var(--ink)}.bc-timeline .ev-body em{font-family:var(--serif);font-style:italic;color:var(--accent)}.bc-timeline .ev-body .warn{color:var(--warn);font-style:normal}.bc-timeline .ev-body pre{font-family:var(--mono);font-size:12px;background:var(--bg);border:1px solid var(--line);padding:10px 14px;border-radius:6px;margin:8px 0 0;overflow-x:auto;color:var(--ink);white-space:pre-wrap}.bc-timeline .epilogue{margin-top:24px;padding-top:22px;border-top:1px solid var(--line);font-size:15px;line-height:1.65;color:var(--ink-dim)}.bc-timeline .epilogue strong{color:var(--accent);font-weight:600}.bc-areas{margin:28px 0}.bc-areas .head{font-family:var(--mono);font-size:10px;letter-spacing:.18em;color:var(--ink-dim);text-transform:uppercase;margin-bottom:14px}.bc-areas .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.bc-area{padding:16px 18px;border:1px solid var(--line);border-radius:10px;background:var(--bg-1)}.bc-area .dot{display:inline-block;width:8px;height:8px;border-radius:999px;background:var(--accent);box-shadow:0 0 8px var(--accent);margin-right:8px;vertical-align:middle}.bc-area .t{font-size:15px;font-weight:600;color:var(--ink);margin:0 0 4px;display:inline;vertical-align:middle}.bc-area .s{margin:6px 0 0;font-size:13px;color:var(--ink-dim);line-height:1.5}.bc-deadends{display:grid;gap:12px;margin:28px 0}.bc-deadend{padding:18px 20px;border:1px solid var(--line);border-left:3px solid var(--rust);border-radius:8px;background:var(--bg-1)}.bc-deadend h4{margin:0 0 5px;font-size:16px;font-weight:600;display:flex;align-items:center;gap:10px;color:var(--ink)}.bc-deadend h4 .x{color:var(--rust);font-family:var(--mono);font-size:14px}.bc-deadend p{margin:0;font-size:14px;line-height:1.55;color:var(--ink-dim);padding-left:24px}.bc-pull{margin:48px 0;padding:30px 0 30px 30px;border-left:3px solid var(--accent);position:relative}.bc-pull .mark{position:absolute;left:14px;top:-10px;font-family:var(--serif);font-size:64px;color:var(--accent);opacity:.3;line-height:1}.bc-pull .q{font-family:var(--serif);font-style:italic;font-size:clamp(26px,4vw,34px);line-height:1.28;letter-spacing:-.01em;color:var(--ink);margin:0}.bc-pull .q em{color:var(--accent);font-style:italic}.bc-hero-quote{margin:60px 0;padding:52px 38px;border-radius:14px;text-align:center;background:radial-gradient(85% 120% at 50% 0%,color-mix(in oklch,var(--accent) 11%,transparent),transparent 65%),var(--bg-1);border:1px solid var(--line-2)}.bc-hero-quote .tag{font-family:var(--mono);font-size:11px;letter-spacing:.26em;color:var(--accent);text-transform:uppercase;margin-bottom:22px}.bc-hero-quote .stmt{font-family:var(--serif);font-style:italic;font-size:clamp(40px,6vw,64px);line-height:1.16;color:var(--ink);letter-spacing:-.02em;margin:0 0 22px}.bc-hero-quote .stmt p{font:inherit;color:inherit;line-height:inherit;letter-spacing:inherit;margin:0;max-width:none}.bc-hero-quote .stmt em{color:var(--accent);font-style:italic}.bc-hero-quote p.sub{margin:0 auto;font-size:17px;line-height:1.5;color:var(--ink-dim);max-width:560px}.bc-bigstats{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:36px 0;border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2)}.bc-bigstats .bs{padding:28px 24px;border-right:1px solid var(--line);text-align:left}.bc-bigstats .bs:last-child{border-right:none}.bc-bigstats .bs .v{font-family:var(--sans);font-weight:600;font-size:clamp(40px,6vw,64px);line-height:1;letter-spacing:-.04em;color:var(--accent);margin-bottom:10px}.bc-bigstats .bs .v .u{font-size:24px;color:var(--ink-dim);font-weight:400;letter-spacing:-.01em}.bc-bigstats .bs .l{font-family:var(--mono);font-size:10px;letter-spacing:.16em;color:var(--ink-faint);text-transform:uppercase;line-height:1.4}.bc-compare{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:36px 0}.bc-comp{padding:26px 28px;border-radius:14px;border:1px solid var(--line);background:var(--bg-1);position:relative}.bc-comp.accent{border-color:var(--accent);background:radial-gradient(85% 120% at 50% 0%,color-mix(in oklch,var(--accent) 9%,transparent),transparent 65%),var(--bg-1);box-shadow:0 0 28px -10px color-mix(in oklch,var(--accent) 50%,transparent)}.bc-comp .label{font-family:var(--mono);font-size:10px;letter-spacing:.2em;color:var(--ink-faint);text-transform:uppercase;margin-bottom:14px}.bc-comp.accent .label{color:var(--accent)}.bc-comp .value{font-family:var(--sans);font-weight:600;font-size:42px;line-height:1;letter-spacing:-.03em;color:var(--ink);margin-bottom:8px}.bc-comp.accent .value{color:var(--accent)}.bc-comp .meta{font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--ink-faint);text-transform:uppercase;margin-bottom:20px}.bc-comp .items{border-top:1px solid var(--line);display:flex;flex-direction:column}.bc-comp .item{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px;color:var(--ink)}.bc-comp .item:last-child{border-bottom:none}.bc-comp .item .v{font-family:var(--mono);font-size:12px;color:var(--ink-dim)}.bc-compare-progress{margin:36px 0;padding:28px 30px;border-radius:14px;border:1px solid var(--line-2);background:var(--bg-1);display:grid;gap:20px}.bc-compare-progress .row1{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:32px}.bc-compare-progress .stat{font-family:var(--sans);font-weight:600;font-size:clamp(56px,9vw,88px);color:var(--accent);line-height:1;letter-spacing:-.04em}.bc-compare-progress .stat .u{font-size:.6em;color:var(--accent)}.bc-compare-progress .verdict{text-align:right}.bc-compare-progress .verdict .primary{font-size:17px;font-weight:600;color:var(--ink);margin-bottom:4px}.bc-compare-progress .verdict .secondary{font-size:14px;color:var(--ink-dim);line-height:1.5}.bc-compare-progress .bar{height:10px;border-radius:999px;overflow:hidden;display:flex;background:var(--bg);border:1px solid var(--line)}.bc-compare-progress .bar .b-left{background:var(--accent);height:100%}.bc-compare-progress .bar .b-right{height:100%;background:repeating-linear-gradient(45deg,var(--rust) 0 6px,color-mix(in oklch,var(--rust) 30%,transparent) 6px 12px)}.bc-compare-progress .legend{display:flex;justify-content:space-between;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.bc-compare-progress .legend .l{color:var(--accent);display:flex;align-items:center;gap:6px}.bc-compare-progress .legend .l:before{content:"";width:8px;height:8px;background:var(--accent)}.bc-compare-progress .legend .r{color:var(--ink-faint);display:flex;align-items:center;gap:6px}.bc-compare-progress .legend .r:after{content:"";width:8px;height:8px;background:var(--rust)}.bc-vs-split{display:grid;grid-template-columns:1fr 64px 1fr;gap:0;align-items:stretch;margin:32px 0}.bc-vs-side{padding:26px 24px;border:1px solid var(--line);border-radius:12px;background:var(--bg-1)}.bc-vs-side .role{font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:10px}.bc-vs-side h4{font-family:var(--serif);font-style:italic;font-size:28px;font-weight:400;letter-spacing:-.01em;margin:0 0 12px;color:var(--ink);line-height:1.1}.bc-vs-side p{margin:0;font-size:14px;color:var(--ink-dim);line-height:1.55}.bc-vs-side .verdict{margin-top:16px;padding-top:14px;border-top:1px solid var(--line);font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--rust);display:flex;align-items:center;gap:8px}.bc-vs-side .verdict.accent{color:var(--accent)}.bc-vs-side .verdict .x{font-size:13px}.bc-vs-mid{display:flex;align-items:center;justify-content:center;position:relative}.bc-vs-mid:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:repeating-linear-gradient(180deg,var(--line-2),var(--line-2) 4px,transparent 4px,transparent 10px)}.bc-vs-mid .lbl{position:absolute;font-family:var(--mono);font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--rust);background:var(--bg);padding:8px 4px;border:1px solid var(--rust);border-radius:4px;writing-mode:vertical-rl;transform:rotate(180deg)}.bc-solved{margin:14px 0 0;padding:24px 26px;border:1px solid var(--accent);border-radius:12px;background:radial-gradient(80% 120% at 0% 0%,color-mix(in oklch,var(--accent) 12%,transparent),transparent 60%),var(--bg-1);display:flex;align-items:center;gap:18px;flex-wrap:wrap}.bc-solved .badge{font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);padding:5px 12px;border:1px solid var(--accent);border-radius:999px;white-space:nowrap}.bc-solved .txt{font-family:var(--serif);font-style:italic;font-size:24px;color:var(--ink);letter-spacing:-.01em;line-height:1.2;flex:1;min-width:200px}.bc-solved .txt em{color:var(--accent);font-style:italic}.bc-checklist{margin:24px 0;display:flex;flex-direction:column}.bc-checklist .ti{padding:16px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:24px 1fr;gap:14px;font-size:16px;color:var(--ink);line-height:1.55}.bc-checklist .ti:last-child{border-bottom:1px solid var(--line)}.bc-checklist .ti .ck{color:var(--accent);font-weight:700}.bc-checklist .ti strong{color:var(--ink);font-weight:600}.bc-checklist.problem .ti .ck{color:var(--rust)}.article{padding:56px 0 40px}.article-container{max-width:740px;margin:0 auto;padding:0 28px}.article-back{display:inline-block;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);text-decoration:none;margin-bottom:32px;transition:color .15s,transform .15s}.article-back:hover{color:var(--accent);transform:translate(-3px)}.article-head{margin-bottom:40px;padding-bottom:28px;border-bottom:1px solid var(--line)}.article-meta{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim);display:flex;gap:10px;margin-bottom:18px}.article-tag{color:var(--accent)}.article-title{font-family:var(--sans);font-size:clamp(36px,6vw,60px);font-weight:600;letter-spacing:-.035em;line-height:1.05;color:var(--ink);margin:0 0 16px;max-width:22ch}.article-title em{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--accent)}.article-description{font-family:var(--serif);font-style:italic;font-size:22px;color:#c8cec9;margin:0;max-width:58ch;line-height:1.45}.article-byline{display:flex;align-items:center;gap:12px;margin:32px 0 0;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.article-byline img{width:42px;height:42px;border-radius:50%;object-fit:cover;border:1px solid var(--line-2)}.article-byline .who{font-size:14px;font-weight:500;color:var(--ink)}.article-byline .who small{display:block;color:var(--ink-faint);font-size:12px;font-weight:400;font-family:var(--mono);letter-spacing:.06em;margin-top:2px}.callout{margin-top:28px;padding:20px 22px;border:1px solid var(--line-2);border-left:3px solid var(--accent);border-radius:10px;background:linear-gradient(180deg,var(--bg-1),var(--bg))}.callout .h{font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:8px}.callout p{margin:0;color:#c8cec9;font-size:16px;line-height:1.65}.article-foot{margin-top:64px;padding-top:32px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.foot-signature{display:flex;flex-direction:column;gap:4px}.foot-sign{font-family:var(--serif);font-style:italic;font-size:24px;color:var(--accent);letter-spacing:-.005em}.foot-role{font-family:var(--mono);font-size:10px;letter-spacing:.12em;color:var(--ink-faint);text-transform:uppercase}.foot-cta{display:inline-flex;align-items:center;gap:10px;padding:12px 22px;background:var(--accent);color:#0a140c;font-weight:600;font-size:14px;border-radius:8px;text-decoration:none;transition:transform .15s,box-shadow .15s}.foot-cta:hover{transform:translateY(-1px);box-shadow:0 10px 30px -10px var(--accent);color:#0a140c}@media(max-width:640px){.article{padding:32px 0}.article-title{font-size:26px}.article-description{font-size:17px}}@media(max-width:720px){.bc-areas .grid,.bc-compare,.bc-bigstats{grid-template-columns:1fr}.bc-bigstats .bs{border-right:none;border-bottom:1px solid var(--line)}.bc-bigstats .bs:last-child{border-bottom:none}.bc-section .ghost{display:none}.bc-timeline .events{grid-template-columns:50px 1fr}.bc-timeline .events:before{left:64px}.bc-timeline .ev-time:after{right:-22px}.bc-compare-progress .row1{grid-template-columns:1fr}.bc-compare-progress .verdict{text-align:left}.bc-vs-split{grid-template-columns:1fr;gap:12px}.bc-vs-mid{height:48px}.bc-vs-mid .lbl{writing-mode:horizontal-tb;transform:none}.bc-vs-mid:before{inset:50% 0 auto;width:auto;height:1px;background:repeating-linear-gradient(90deg,var(--line-2),var(--line-2) 4px,transparent 4px,transparent 10px)}}