.read-progress{transform-origin:0;background:var(--accent);z-index:1001;pointer-events:none;width:100%;height:4px;position:fixed;top:0;left:0}.article-hero{background-color:var(--ink);color:var(--text-on-dark);border-bottom:8px solid var(--accent);padding:140px 24px 64px}.article-hero-inner{max-width:860px;margin:0 auto}.article-back{min-height:44px;font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--text-on-dark-2);align-items:center;gap:8px;margin-bottom:20px;font-size:16px;font-weight:700;display:inline-flex}.article-back:hover{color:var(--text-on-dark)}.article-hero h1{margin-top:14px;font-size:clamp(2.75rem,6.5vw,5rem);line-height:.92}.article-hero h1 .accent{color:var(--accent)}.article-deck{max-width:720px;color:var(--text-on-dark-2);margin-top:24px;font-size:21px;line-height:1.55}.article-meta{border-top:1px solid var(--line-dark);font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--text-on-dark-3);flex-wrap:wrap;align-items:center;gap:10px 20px;margin-top:32px;padding-top:24px;font-size:16px;font-weight:700;display:flex}.article-tags{flex-wrap:wrap;gap:8px;display:flex}.article-tag{border:1px solid var(--line-dark-2);color:var(--text-on-dark-2);border-radius:var(--radius-sm);padding:4px 12px;font-size:14px;transform:skew(-8deg)}.article-content{counter-reset:play;max-width:760px;color:var(--text-on-light-2);margin:0 auto;padding:64px 24px 88px;font-size:19px;line-height:1.75}.article-content p{margin-bottom:22px}.article-content p strong{color:var(--ink);font-weight:700}.article-content>p:first-child:first-letter{float:left;font-family:var(--font-display);color:var(--accent-ink);padding:6px 12px 0 0;font-size:92px;font-style:italic;font-weight:900;line-height:.8}.article-content h2{font-family:var(--font-display);text-transform:uppercase;color:var(--ink);margin:64px 0 20px;font-size:clamp(1.9rem,4vw,2.5rem);font-style:italic;font-weight:900;line-height:1}.article-content h2.section-head{counter-increment:play;border-top:6px solid var(--ink);padding-top:20px}.article-content h2.section-head:before{content:counter(play, decimal-leading-zero);letter-spacing:.24em;color:var(--accent-ink);margin-bottom:10px;font-size:18px;font-style:normal;font-weight:800;display:block}.article-content .callout{background-color:var(--ink);border-radius:var(--radius-md);background-image:repeating-linear-gradient(-55deg,#ffffff09 0 2px,#0000 2px 22px);margin:40px 0;padding:44px 36px 36px;position:relative}.article-content .callout:before{content:"“";font-family:var(--font-display);color:var(--accent);font-size:96px;font-weight:900;line-height:1;position:absolute;top:6px;left:28px}.article-content .callout p{font-family:var(--font-display);text-transform:uppercase;color:var(--text-on-dark);margin:0;padding-top:18px;font-size:clamp(1.5rem,3.2vw,2rem);font-style:italic;font-weight:800;line-height:1.1}.article-content .box{background:var(--white);border:1px solid var(--line-light);border-top:6px solid var(--ink);border-radius:var(--radius-md);margin:36px 0;padding:28px 30px}.article-content .box-title{font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:var(--accent-ink);margin-bottom:14px;font-size:16px;font-weight:800}.article-content .box ul{margin:0;padding:0;list-style:none}.article-content .box li{border-bottom:1px solid var(--line-light);padding:10px 0 10px 24px;font-size:17px;line-height:1.6;position:relative}.article-content .box li:last-child{border-bottom:none}.article-content .box li:before{content:"";background:var(--accent);width:10px;height:10px;position:absolute;top:20px;left:0;transform:skew(-12deg)}.article-content .box li strong{color:var(--ink)}.article-content .box.checklist{background:var(--ink);border-color:var(--ink);border-top-color:var(--accent);color:var(--text-on-dark-2)}.article-content .box.checklist .box-title{color:var(--accent)}.article-content .box.checklist li{border-bottom-color:var(--line-dark);padding-left:40px}.article-content .box.checklist li strong{color:var(--text-on-dark)}.article-content .box.checklist li:before{content:"";border-radius:var(--radius-sm);background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B1020' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center / 14px no-repeat;width:22px;height:22px;top:12px;transform:none}.article-content .traffic-light{grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:12px;margin:28px 0 32px;display:grid}.article-content .tl{background:var(--white);border:1px solid var(--line-light);border-radius:var(--radius-md);padding:20px;font-size:16px;line-height:1.55}.article-content .tl-title{font-family:var(--font-display);text-transform:uppercase;color:var(--ink);align-items:center;gap:10px;margin-bottom:10px;font-size:20px;font-weight:800;line-height:1.1;display:flex}.article-content .tl-title:before{content:"";border-radius:50%;flex-shrink:0;width:16px;height:16px}.article-content .tl.green{border-top:6px solid #2e8b57}.article-content .tl.green .tl-title:before{background:#2e8b57;box-shadow:0 0 0 4px #2e8b572e}.article-content .tl.yellow{border-top:6px solid #e0a100}.article-content .tl.yellow .tl-title:before{background:#e0a100;box-shadow:0 0 0 4px #e0a10033}.article-content .tl.red{border-top:6px solid var(--accent-ink)}.article-content .tl.red .tl-title:before{background:var(--accent-ink);box-shadow:0 0 0 4px #b8233c2e}.article-content .timeline{margin:32px 0 36px;padding-left:36px;position:relative}.article-content .timeline:before{content:"";background:var(--ink);width:3px;position:absolute;top:6px;bottom:6px;left:9px}.article-content .tl-item{margin-bottom:28px;position:relative}.article-content .tl-item:last-child{margin-bottom:0}.article-content .tl-item:before{content:"";background:var(--chalk);border:4px solid var(--ink);border-radius:50%;width:18px;height:18px;position:absolute;top:4px;left:-34px}.article-content .tl-item:last-child:before{background:var(--accent);border-color:var(--accent-ink)}.article-content .tl-date{border-radius:var(--radius-sm);background:var(--ink);color:var(--chalk);font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;padding:3px 12px;font-size:16px;font-weight:800;display:inline-block;transform:skew(-8deg)}.article-content .tl-item:last-child .tl-date{background:var(--accent);color:var(--ink)}.article-content .tl-text{font-size:17px;line-height:1.65}.article-content .tradeoff-grid{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:16px;margin:24px 0 32px;display:grid}.article-content .tradeoff-card{border-radius:var(--radius-md);padding:24px;font-size:16px;line-height:1.55}.article-content .tradeoff-card h4{font-family:var(--font-display);text-transform:uppercase;margin-bottom:14px;font-size:22px;font-weight:800;line-height:1.1}.article-content .tradeoff-card ul{margin:0;padding-left:18px;list-style:outside}.article-content .tradeoff-card li{margin-bottom:8px}.article-content .pro{background:var(--ink);color:var(--text-on-dark-2)}.article-content .pro h4{color:var(--text-on-dark)}.article-content .pro li::marker{color:var(--accent)}.article-content .con{background:var(--white);border:2px solid var(--ink);color:var(--text-on-light-2)}.article-content .con h4{color:var(--accent-ink)}.article-content .con li::marker{color:var(--accent-ink)}.article-content .warning-strip{background:var(--accent-wash);border:2px solid var(--accent-ink);border-radius:var(--radius-md);color:var(--ink);margin:40px 0;padding:24px 28px;font-size:17px;line-height:1.6}.article-content .warning-label{border-radius:var(--radius-sm);width:fit-content;color:var(--ink);font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;background:#e0a100;align-items:center;gap:8px;margin-bottom:10px;padding:4px 12px;font-size:15px;font-weight:800;display:flex;transform:skew(-8deg)}.article-content .warning-strip strong{color:var(--ink)}.article-content .end-rule{align-items:center;gap:16px;margin:56px 0 24px;display:flex}.article-content .end-rule:before,.article-content .end-rule:after{content:"";background:var(--line-light);flex:1;height:2px}.article-content .end-rule span{background:var(--accent);width:14px;height:14px;transform:skew(-12deg)}.article-content .disclaimer{color:var(--text-on-light-3);font-size:15px;font-style:italic}.article-content .thread-note{background:var(--chalk-dim);border-radius:var(--radius-md);text-align:center;font-family:var(--font-display);text-transform:uppercase;color:var(--ink);margin-top:32px;padding:28px;font-size:22px;font-weight:800;line-height:1.2}@media (max-width:768px){.article-hero{padding:116px 20px 48px}.article-content{padding:48px 20px 72px;font-size:18px}.article-content .callout{padding:40px 24px 28px}.article-content .box{padding:24px 20px}}@media (prefers-reduced-motion:reduce){.read-progress{display:none}}.article-content .table-wrap{border:1px solid var(--line-light);border-top:6px solid var(--ink);border-radius:var(--radius-md);background:var(--white);margin:28px 0 32px;overflow-x:auto}.article-content .rules-table{border-collapse:collapse;width:100%;min-width:560px;font-size:15px;line-height:1.45}.article-content .rules-table caption{caption-side:top;text-align:left;font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;color:var(--accent-ink);padding:16px 18px 6px;font-size:15px;font-weight:800}.article-content .rules-table th,.article-content .rules-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line-light);padding:10px 14px}.article-content .rules-table thead th{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);background:var(--chalk-dim,#f1eee6);font-size:14px;font-weight:800}.article-content .rules-table tbody th{color:var(--ink);font-weight:700}.article-content .rules-table tr:last-child th,.article-content .rules-table tr:last-child td{border-bottom:0}.article-content .table-note{color:var(--text-on-light-3);margin:-20px 0 28px;font-size:14px}
