*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--accent:#f25656;--accent-soft:rgba(242,86,86,.12);--border:rgba(255,255,255,.1);--surface:rgba(255,255,255,.045);--surface-strong:#111;--text:#fff;--text-2:rgba(255,255,255,.78);--text-3:rgba(255,255,255,.56);--green:#75d493;--amber:#f5c66d;--container:1200px}
html{scroll-behavior:smooth}
body{min-width:0;overflow-x:hidden;background:#080808;color:var(--text);font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 24px}

.article-hero{padding:140px 0 68px;border-bottom:1px solid rgba(242,86,86,.3);background-color:#0d0606;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px),radial-gradient(ellipse 78% 100% at 0 55%,rgba(242,86,86,.29),rgba(242,86,86,.05) 48%,transparent 72%);background-size:48px 48px,48px 48px,100% 100%}
.article-hero .container,.article-body .container{max-width:880px}
.article-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:23px;color:var(--text-3);font-size:13px}
.article-breadcrumb a:hover{color:var(--accent)}
.article-category{display:inline-block;margin-bottom:18px;padding:5px 13px;border-radius:100px;background:var(--accent-soft);color:var(--accent);font:800 11px 'Nunito',sans-serif;letter-spacing:.09em;text-transform:uppercase}
.article-hero h1{max-width:840px;margin-bottom:16px;font:900 clamp(31px,5vw,50px)/1.12 'Nunito',sans-serif;letter-spacing:-.02em;text-wrap:balance}
.article-deck{max-width:760px;margin:0 0 23px;color:var(--text-2);font-size:18px;line-height:1.55}
.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;color:var(--text-3);font-size:13px}
.article-meta i{width:4px;height:4px;border-radius:50%;background:var(--text-3)}

.article-body{padding:54px 0 100px}
.back-to-blog{display:inline-flex;margin-bottom:37px;color:var(--text-3);font-size:14px}
.back-to-blog:hover{color:#fff}
.article-content{min-width:0;color:rgba(255,255,255,.88);font-size:17px;line-height:1.76}
.article-content h2{scroll-margin-top:104px;margin:56px 0 17px;color:#fff;font:900 29px/1.2 'Nunito',sans-serif;letter-spacing:-.012em;text-wrap:balance}
.article-content h3{scroll-margin-top:104px;margin:38px 0 13px;color:#fff;font:850 21px/1.3 'Nunito',sans-serif;text-wrap:balance}
.article-content h4{margin:28px 0 11px;color:#fff;font:800 18px/1.35 'Nunito',sans-serif}
.article-content p{margin-bottom:19px}
.article-content ul,.article-content ol{margin:0 0 26px 23px}
.article-content ol{padding-left:5px}
.article-content li{margin-bottom:9px;padding-left:3px}
.article-content a{color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.article-content strong{color:#fff;font-weight:750}
.article-content em{color:var(--text-2)}

.quick-answer{margin:0 0 24px;padding:26px 27px;border:1px solid rgba(242,86,86,.36);border-radius:17px;background:linear-gradient(145deg,rgba(242,86,86,.145),rgba(255,255,255,.025));box-shadow:0 18px 55px rgba(0,0,0,.18)}
.quick-label,.callout-label{display:block;margin-bottom:9px;color:var(--accent);font:900 11px 'Nunito',sans-serif;letter-spacing:.11em;text-transform:uppercase}
.quick-answer p{margin:0;color:#fff;font:750 18px/1.58 'Nunito',sans-serif}
.anchor-row{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 40px}
.anchor-row a{padding:8px 13px;border:1px solid var(--border);border-radius:100px;background:var(--surface);color:var(--text-2);font:750 12px 'Nunito',sans-serif;text-decoration:none}
.anchor-row a:hover{border-color:rgba(242,86,86,.45);color:#fff;transform:translateY(-1px)}

.table-wrap{width:100%;margin:25px 0 34px;overflow-x:auto;border:1px solid var(--border);border-radius:15px;background:#0d0d0d;box-shadow:0 12px 34px rgba(0,0,0,.12);-webkit-overflow-scrolling:touch}
.table-wrap:focus-visible{outline:3px solid rgba(242,86,86,.4);outline-offset:3px}
.responsive-table{width:100%;min-width:720px;border-collapse:collapse;font-size:14px;line-height:1.5}
.responsive-table th{padding:14px 16px;border-right:1px solid var(--border);border-bottom:1px solid rgba(242,86,86,.28);background:rgba(242,86,86,.11);color:#fff;font:850 13px/1.35 'Nunito',sans-serif;text-align:left;vertical-align:bottom}
.responsive-table td{padding:15px 16px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);color:var(--text-2);vertical-align:top}
.responsive-table th:last-child,.responsive-table td:last-child{border-right:0}
.responsive-table tbody tr:last-child td{border-bottom:0}
.responsive-table tbody tr:hover td{background:rgba(255,255,255,.025)}
.responsive-table td:first-child{color:#fff;font-weight:650}

.formula-card,.evidence-callout,.product-callout,.warning-callout,.legal-note,.help-callout{margin:25px 0 34px;padding:22px 23px;border-radius:15px;background:var(--surface)}
.formula-card{border:1px solid rgba(242,86,86,.26);background:linear-gradient(145deg,rgba(242,86,86,.105),rgba(255,255,255,.03));font-family:'Nunito',sans-serif}
.formula-card p{margin:0;color:#fff;line-height:1.7}
.formula-card strong{font-size:17px}
.evidence-callout{border-left:3px solid var(--accent);border-radius:0 14px 14px 0;background:rgba(242,86,86,.075)}
.evidence-callout p:last-child,.product-callout p:last-child,.warning-callout p:last-child,.legal-note p:last-child,.help-callout p:last-child{margin-bottom:0}
.product-callout{border:1px solid rgba(117,212,147,.28);background:linear-gradient(145deg,rgba(117,212,147,.1),rgba(255,255,255,.028))}
.product-callout .callout-label{color:var(--green)}
.warning-callout{border:1px solid rgba(245,198,109,.35);background:linear-gradient(145deg,rgba(245,198,109,.11),rgba(255,255,255,.025))}
.warning-callout .callout-label{color:var(--amber)}
.legal-note{border:1px solid rgba(245,198,109,.28);background:rgba(245,198,109,.075)}
.legal-note .callout-label{color:var(--amber)}
.help-callout{border:1px solid rgba(242,86,86,.3);background:rgba(242,86,86,.08)}
.code-sample{margin:22px 0 32px;padding:20px 22px;overflow:auto;border:1px solid var(--border);border-radius:14px;background:#050505;color:#e9e9e9;font:14px/1.7 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}

.scenario-grid,.decision-grid,.worked-grid,.revenue-grid{display:grid;gap:13px;margin:25px 0 40px}
.scenario-grid,.decision-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.worked-grid,.revenue-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}
.scenario-card,.decision-card,.worked-card,.revenue-card,.timeline-card{min-width:0;padding:21px;border:1px solid var(--border);border-radius:15px;background:var(--surface)}
.scenario-card h3,.decision-card h3,.worked-card h3,.revenue-card h3{margin:0 0 12px;font-size:19px}
.scenario-card p,.decision-card p,.worked-card p,.revenue-card p,.timeline-card p{font-size:14px;line-height:1.6}
.scenario-card p:last-child,.decision-card p:last-child,.worked-card p:last-child,.revenue-card p:last-child,.timeline-card p:last-child{margin-bottom:0}
.scenario-card strong:first-child,.decision-card strong:first-child{color:var(--accent)}
.worked-card{background:linear-gradient(155deg,rgba(255,255,255,.055),rgba(255,255,255,.025))}
.worked-card .calculation{margin:10px 0;padding:11px;border-radius:9px;background:#080808;color:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.revenue-card{border-top:2px solid rgba(242,86,86,.5)}
.timeline-card{position:relative;margin:12px 0 12px 38px;border-left:2px solid rgba(242,86,86,.45)}
.timeline-card::before{content:'';position:absolute;top:24px;left:-45px;width:13px;height:13px;border:3px solid #080808;border-radius:50%;background:var(--accent);box-shadow:0 0 0 1px rgba(242,86,86,.5)}
.timeline-card .callout-label{margin-bottom:7px}
.episode-strip{display:grid;grid-template-columns:1fr auto 1.35fr auto 1fr;align-items:center;gap:8px;margin:17px 0 21px;padding:14px;border:1px solid rgba(245,198,109,.25);border-radius:12px;background:#080808;text-align:center}
.episode-strip b{padding:9px 8px;border-radius:8px;background:rgba(255,255,255,.06);font:800 12px/1.3 'Nunito',sans-serif}
.episode-strip i{color:var(--amber);font-style:normal;font-weight:900}

.source-card{margin:58px 0 0;padding:25px;border:1px solid rgba(242,86,86,.27);border-radius:16px;background:rgba(242,86,86,.055)}
.source-card h2{margin:0 0 14px;font-size:25px}
.source-card p,.source-card li{color:var(--text-2);font-size:14px;line-height:1.6}
.source-card ul{margin-bottom:18px}
.source-date{display:block;margin-top:17px;padding-top:14px;border-top:1px solid var(--border);color:var(--text-3);font-size:12px}

.article-faqs,.related-articles{margin-top:58px;padding-top:47px;border-top:1px solid var(--border)}
.article-faqs>h2,.related-articles>h2{margin-bottom:30px;font:900 28px/1.25 'Nunito',sans-serif}
.faq-item{margin-bottom:26px;padding-bottom:26px;border-bottom:1px solid rgba(255,255,255,.065)}
.faq-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}
.faq-q{margin-bottom:8px;font:800 18px/1.4 'Nunito',sans-serif}
.faq-a{margin:0;color:var(--text-2);font-size:16px;line-height:1.65}
.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.related-card{display:flex;flex-direction:column;gap:9px;min-width:0;padding:19px;border:1px solid var(--border);border-radius:13px;background:var(--surface);transition:transform .2s,border-color .2s}
.related-card:hover{border-color:rgba(242,86,86,.4);transform:translateY(-2px)}
.related-title{flex:1;overflow-wrap:anywhere;font:800 15px/1.4 'Nunito',sans-serif}
.related-arrow{color:var(--text-3);font:700 12px 'Nunito',sans-serif}
.article-cta{margin-top:58px;padding:35px;border:1px solid rgba(242,86,86,.27);border-radius:18px;background:rgba(242,86,86,.075);text-align:center}
.cta-eyebrow{display:inline-block;margin-bottom:9px;color:var(--accent);font:900 11px 'Nunito',sans-serif;letter-spacing:.11em;text-transform:uppercase}
.article-cta h3{margin-bottom:10px;font:900 25px/1.3 'Nunito',sans-serif}
.article-cta p{max-width:650px;margin:0 auto 23px;color:var(--text-2);font-size:15px}
.btn-primary{display:inline-flex;align-items:center;justify-content:center;min-height:49px;padding:12px 22px;border:1px solid var(--accent);border-radius:100px;background:var(--accent);color:#090909;font:850 14px/1.25 'Nunito',sans-serif}
.btn-primary:hover{transform:translateY(-1px);box-shadow:0 9px 30px rgba(242,86,86,.22)}

@media(max-width:760px){
  .article-hero{padding:118px 0 49px}
  .article-deck{font-size:16px}
  .article-meta i{display:none}
  .article-meta span{width:100%}
  .article-content{font-size:16px}
  .article-content h2{font-size:26px}
  .scenario-grid,.decision-grid,.worked-grid,.revenue-grid,.related-grid{grid-template-columns:1fr}
  .timeline-card{margin-left:24px}
  .timeline-card::before{left:-31px}
  .responsive-table{min-width:0}
  .responsive-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .responsive-table,.responsive-table tbody,.responsive-table tr,.responsive-table td{display:block;width:100%}
  .responsive-table tr{padding:12px 15px;border-bottom:1px solid var(--border)}
  .responsive-table tbody tr:last-child{border-bottom:0}
  .responsive-table td{display:grid;grid-template-columns:minmax(115px,37%) minmax(0,1fr);gap:13px;padding:7px 0;border:0;background:transparent!important}
  .responsive-table td::before{content:attr(data-label);color:#fff;font:800 12px/1.4 'Nunito',sans-serif}
}
@media(max-width:520px){
  .container{padding:0 18px}
  .article-hero h1{font-size:31px}
  .quick-answer{padding:22px 20px}
  .quick-answer p{font-size:17px}
  .article-meta{gap:5px}
  .formula-card,.evidence-callout,.product-callout,.warning-callout,.legal-note,.help-callout,.source-card{padding:20px 18px}
  .episode-strip{grid-template-columns:1fr}
  .episode-strip i{transform:rotate(90deg)}
  .responsive-table td{grid-template-columns:1fr;gap:4px}
  .article-cta{padding:29px 21px}
}
@media print{
  body{background:#fff;color:#111}
  #site-nav,#site-footer,.back-to-blog,.anchor-row,.related-articles,.article-cta{display:none!important}
  .article-hero{padding:32px 0;background:#fff;border-color:#ddd;color:#111}
  .article-deck,.article-meta,.article-breadcrumb{color:#444}
  .article-body{padding:25px 0}
  .article-content,.article-content h2,.article-content h3,.article-content h4,.article-content strong,.faq-q{color:#111}
  .article-content p,.article-content li,.faq-a{color:#222}
  .quick-answer,.formula-card,.evidence-callout,.product-callout,.warning-callout,.legal-note,.help-callout,.source-card,.scenario-card,.decision-card,.worked-card,.revenue-card,.timeline-card,.table-wrap{break-inside:avoid;background:#fff;border-color:#bbb;box-shadow:none}
  .responsive-table{min-width:0;font-size:10px}
}