
.blog-content .aiw { --aiw-ink:#111827; --aiw-body:#4b5563; --aiw-mute:#6b7280; --aiw-line:#f3f4f6; --aiw-line2:#e5e7eb;
    --aiw-accent:#F86011; --aiw-accent-deep:#E65100; --aiw-accent-text:#C2410C; --aiw-eyebrow:#B45309; --aiw-chip:rgba(248,96,17,.12);
    --aiw-chip-text:#9A3412; --aiw-cream:#FEF3E2; --aiw-dark:#111827; --aiw-ease:cubic-bezier(.22,.61,.36,1); }
.blog-content .aiw { margin: 2.75rem 0; }
.blog-content .aiw-eyebrow { display:block; font-size:.75rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; color:var(--aiw-eyebrow); margin:0 0 .6rem; }
.blog-content .aiw figcaption, .blog-content .aiw .aiw-cap { font-size:.875rem; line-height:1.55; color:var(--aiw-mute); margin-top:1rem; }
.blog-content .aiw figcaption a, .blog-content .aiw .aiw-cap a { color:var(--aiw-accent-text); font-weight:600; }
.blog-content .aiw-reset { list-style:none; margin:0; padding:0; }
.blog-content .aiw-reset > li { margin:0; }
.blog-content .aiw-reset > li::before { content:none; }

/* In-text links: the darker brand orange passes AA on white (the hot #F86011 does not at body size) */
.blog-content > p a { color:#C2410C; }

/* Reading progress */
.aiw-progress { position:fixed; top:0; left:0; right:0; height:3px; z-index:70; pointer-events:none; }
.aiw-progress span { display:block; height:100%; background:linear-gradient(90deg,#F86011,#E65100); transform-origin:0 50%; transform:scaleX(0); }

/* Short answer card */
.blog-content .aiw-tldr { background:var(--aiw-cream); border-radius:24px; padding:1.75rem 1.5rem; }
@media (min-width:640px){ .blog-content .aiw-tldr { padding:2rem 2.25rem; } }
.blog-content .aiw-tldr h2 { font-size:1.5rem; margin:0 0 1rem; padding:0; border:0; }
.blog-content .aiw-tldr ul { margin:0; }
.blog-content .aiw-tldr li { font-size:1.125rem; line-height:1.7; color:#374151; padding-left:2rem; margin-bottom:.7rem; }
.blog-content .aiw-tldr li:last-child { margin-bottom:0; }
.blog-content .aiw-tldr li::before { top:.3rem; width:20px; height:20px; border-radius:50%; background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23C2410C' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 10.5l3 3 6-7'/%3E%3C/svg%3E") center/14px no-repeat; }

/* Stat panel */
.blog-content .aiw-stats { background:var(--aiw-dark); border-radius:24px; padding:1.75rem 1.5rem; color:#fff; }
@media (min-width:640px){ .blog-content .aiw-stats { padding:2.25rem; } }
.blog-content .aiw-stats .aiw-eyebrow { color:#FDBA74; }
.blog-content .aiw-stats-grid { display:grid; grid-template-columns:1fr; gap:1.5rem; }
@media (min-width:640px){ .blog-content .aiw-stats-grid { grid-template-columns:1fr 1fr; gap:1.75rem 2rem; } }
.blog-content .aiw-stat { border-top:1px solid rgba(255,255,255,.12); padding-top:1.1rem; }
.blog-content .aiw-stat-num { font-family:Poppins,Inter,sans-serif; font-weight:800; font-size:2.75rem; line-height:1; letter-spacing:-.02em; color:rgba(255,255,255,.94); margin:0 0 .55rem; font-variant-numeric:tabular-nums; }
.blog-content .aiw-stat p { font-size:1rem; line-height:1.55; color:#d1d5db; margin:0 0 .45rem; }
.blog-content .aiw-stat .aiw-src { font-size:.8125rem; color:#9ca3af; margin:0; }
.blog-content .aiw-stats a { color:#FDBA74; font-weight:600; }

/* Horizontal bars */
.blog-content .aiw-bars { border:1px solid var(--aiw-line2); border-radius:24px; padding:1.5rem 1.25rem; background:#fff; }
@media (min-width:640px){ .blog-content .aiw-bars { padding:2rem 2.25rem; } }
.blog-content .aiw-bars h3 { margin:0 0 1.25rem; font-size:1.25rem; }
.blog-content .aiw-bar { margin:0 0 1.1rem; }
.blog-content .aiw-bar-top { display:flex; justify-content:space-between; gap:1rem; align-items:baseline; margin-bottom:.4rem; }
.blog-content .aiw-bar-label { font-size:1rem; line-height:1.45; color:#374151; }
.blog-content .aiw-bar-val { font-weight:800; font-size:1.125rem; color:var(--aiw-ink); font-variant-numeric:tabular-nums; white-space:nowrap; }
.blog-content .aiw-bar-track { height:12px; border-radius:999px; background:var(--aiw-line); overflow:hidden; }
.blog-content .aiw-bar-fill { height:100%; width:100%; border-radius:999px; background:linear-gradient(90deg,#F86011,#E65100); transform-origin:0 50%; transform:scaleX(var(--v)); }

/* Timeline */
.blog-content .aiw-timeline ol { position:relative; margin:0; padding:0 0 0 1.75rem; }
.blog-content .aiw-timeline ol::before { content:""; position:absolute; left:6px; top:.5rem; bottom:.5rem; width:2px; background:var(--aiw-line2); }
.blog-content .aiw-rail { position:absolute; left:6px; top:.5rem; bottom:.5rem; width:2px; background:var(--aiw-accent); transform-origin:50% 0; }
.blog-content .aiw-timeline li { position:relative; padding:0 0 1.5rem 0; margin:0; font-size:1rem; line-height:1.65; }
.blog-content .aiw-timeline li:last-child { padding-bottom:0; }
.blog-content .aiw-timeline li::before { content:""; position:absolute; left:calc(-1.75rem + 1px); top:.35rem; width:12px; height:12px; border-radius:50%; background:#fff; border:3px solid var(--aiw-accent); }
.blog-content .aiw-year { display:inline-block; font-size:.8125rem; font-weight:800; padding:.15rem .6rem; border-radius:999px; background:var(--aiw-chip); color:var(--aiw-chip-text); margin-bottom:.35rem; font-variant-numeric:tabular-nums; }
.blog-content .aiw-timeline strong { display:block; font-size:1.125rem; margin-bottom:.15rem; }
.blog-content .aiw-timeline span.aiw-t { color:var(--aiw-body); }

/* Workflow */
.blog-content .aiw-flow ol { display:grid; grid-template-columns:1fr; gap:.6rem; margin:0; padding:0; counter-reset:none; }
.blog-content .aiw-flow li { display:grid; grid-template-columns:2.25rem 1fr; column-gap:.9rem; align-items:start; background:#fff; border:1px solid var(--aiw-line2); border-radius:16px; padding:.95rem 1.1rem; margin:0; font-size:1rem; line-height:1.55; color:var(--aiw-body); position:relative; }
.blog-content .aiw-flow li > .aiw-step { grid-row:1 / span 3; }
.blog-content .aiw-flow .aiw-ft { display:block; }
.blog-content .aiw-flow li::before { content:none; }
.blog-content .aiw-flow li.aiw-human { border-color:rgba(248,96,17,.45); background:#FFF7ED; }
.blog-content .aiw-flow b { display:inline; color:var(--aiw-ink); font-size:1rem; margin:0 .5rem 0 0; }
.blog-content .aiw-flow .aiw-step { display:inline-flex; width:2.25rem; height:2.25rem; border-radius:12px; align-items:center; justify-content:center; background:var(--aiw-chip); color:var(--aiw-chip-text); font-weight:800; font-size:.875rem; }
.blog-content .aiw-flow .aiw-who { display:inline-block; font-size:.75rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:var(--aiw-mute); }
.blog-content .aiw-flow .aiw-human .aiw-who { color:var(--aiw-accent-text); }

/* Stakes ladder */
.blog-content .aiw-ladder ol { margin:0; padding:0; display:grid; gap:.75rem; }
.blog-content .aiw-rung { display:grid; grid-template-columns:1fr; gap:.5rem 1.25rem; align-items:start; border:1px solid var(--aiw-line2); border-radius:16px; padding:1.1rem 1.15rem; background:#fff; margin:0 !important; }
.blog-content .aiw-rung::before { content:none !important; }
@media (min-width:640px){ .blog-content .aiw-rung { grid-template-columns:96px 1fr; padding:1.2rem 1.4rem; } }
.blog-content .aiw-meter { display:flex; gap:4px; padding-top:.35rem; }
.blog-content .aiw-meter i { display:block; width:14px; height:14px; border-radius:4px; background:var(--aiw-line); }
.blog-content .aiw-meter i.on { background:var(--aiw-accent); }
.blog-content .aiw-rung h4 { font-size:1.125rem; font-weight:800; color:var(--aiw-ink); margin:0 0 .25rem; line-height:1.4; }
.blog-content .aiw-rung p { font-size:1rem; line-height:1.6; margin:0; color:var(--aiw-body); }
.blog-content .aiw-verdict { display:inline-block; line-height:1.4; margin-top:.55rem; font-size:.8125rem; font-weight:800; padding:.25rem .7rem; border-radius:999px; background:var(--aiw-chip); color:var(--aiw-chip-text); }
.blog-content .aiw-rung.aiw-top { background:var(--aiw-dark); border-color:var(--aiw-dark); }
.blog-content .aiw-rung.aiw-top h4 { color:#fff; }
.blog-content .aiw-rung.aiw-top p { color:#d1d5db; }
.blog-content .aiw-rung.aiw-top .aiw-meter i { background:rgba(255,255,255,.14); }
.blog-content .aiw-rung.aiw-top .aiw-meter i.on { background:var(--aiw-accent); }
.blog-content .aiw-rung.aiw-top .aiw-verdict { background:rgba(248,96,17,.2); color:#FDBA74; }

@media (max-width:639px){ .blog-content .aiw-verdict { border-radius:10px; } }

/* Playbook */
.blog-content .aiw-moves { margin:0; padding:0; display:grid; gap:0; }
.blog-content .aiw-move { display:grid; grid-template-columns:1fr; gap:.75rem; border-top:1px solid var(--aiw-line2); padding:1.75rem 0 .5rem; margin:0 !important; background:transparent; }
.blog-content .aiw-move::before { content:none !important; }
@media (min-width:640px){ .blog-content .aiw-move { grid-template-columns:3rem 1fr; gap:1.25rem; padding:2rem 0 .5rem; } .blog-content .aiw-move .aiw-n { width:3rem; height:3rem; } }
.blog-content .aiw-move .aiw-n { width:2.5rem; height:2.5rem; border-radius:12px; display:flex; align-items:center; justify-content:center; background:var(--aiw-chip); color:var(--aiw-chip-text); font-family:Poppins,Inter,sans-serif; font-weight:800; font-size:1.125rem; }
.blog-content .aiw-move h3 { font-size:1.125rem; line-height:1.35; margin:.2rem 0 .35rem; }
.blog-content .aiw-move p { font-size:1rem; line-height:1.7; margin:0 0 .5rem; }
.blog-content .aiw-move p:last-child { margin-bottom:0; }

/* Pull quote */
.blog-content .aiw-pull { margin:3rem 0; padding:0 0 0 1.25rem; border-left:4px solid var(--aiw-accent); }
.blog-content .aiw-pull p { font-family:Poppins,Inter,sans-serif; font-size:1.5rem; line-height:1.45; font-weight:700; color:var(--aiw-ink); margin:0 0 .9rem; letter-spacing:-.01em; }
@media (min-width:640px){ .blog-content .aiw-pull p { font-size:1.625rem; } }
.blog-content .aiw-share { display:flex; flex-wrap:wrap; gap:.5rem; }
.blog-content a.aiw-share-btn { display:inline-flex; align-items:center; gap:.4rem; font-size:.8125rem; font-weight:700; padding:.4rem .8rem; border-radius:999px; border:1px solid var(--aiw-line2); color:#374151; background:#fff; transition:background-color .15s var(--aiw-ease), border-color .15s var(--aiw-ease), color .15s var(--aiw-ease); }
.blog-content a.aiw-share-btn svg { width:14px; height:14px; fill:currentColor; }
@media (hover:hover) and (pointer:fine){ .blog-content a.aiw-share-btn:hover { background:rgba(248,96,17,.09); border-color:rgba(248,96,17,.42); color:var(--aiw-accent-text); } }

/* Checklist */
.blog-content .aiw-check { background:var(--aiw-cream); border-radius:24px; padding:1.5rem 1.25rem; }
@media (min-width:640px){ .blog-content .aiw-check { padding:2rem 2.25rem; } }
.blog-content .aiw-check h3 { margin:0 0 .35rem; font-size:1.25rem; }
.blog-content .aiw-check-head { display:flex; flex-direction:column; align-items:flex-start; gap:1rem; margin-bottom:1.25rem; }
@media (min-width:640px){ .blog-content .aiw-check-head { flex-direction:row; align-items:center; gap:1.25rem; } }
.blog-content .aiw-ring { flex:0 0 auto; width:88px; height:88px; position:relative; }
.blog-content .aiw-ring svg { width:88px; height:88px; transform:rotate(-90deg); }
.blog-content .aiw-ring circle { fill:none; stroke-width:9; }
.blog-content .aiw-ring .bg { stroke:rgba(17,24,39,.08); }
.blog-content .aiw-ring .fg { stroke-dasharray:238.76; stroke-dashoffset:238.76; stroke:var(--aiw-accent); stroke-linecap:round; transition:stroke-dashoffset .6s var(--aiw-ease); }
.blog-content .aiw-ring-label { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; font-family:Poppins,Inter,sans-serif; font-weight:800; font-size:1.25rem; color:var(--aiw-ink); font-variant-numeric:tabular-nums; }
.blog-content .aiw-check-head p { margin:0; font-size:1rem; line-height:1.55; color:#374151; }
.blog-content .aiw-check ul { margin:0; display:grid; gap:.5rem; }
.blog-content .aiw-check li { padding:0; margin:0; }
.blog-content .aiw-check li::before { content:none; }
.blog-content .aiw-check label { display:flex; gap:.75rem; align-items:flex-start; background:#fff; border:1px solid rgba(17,24,39,.08); border-radius:12px; padding:.8rem .95rem; cursor:pointer; font-size:1rem; line-height:1.5; color:#374151; transition:border-color .15s var(--aiw-ease), background-color .15s var(--aiw-ease); }
@media (hover:hover) and (pointer:fine){ .blog-content .aiw-check label:hover { border-color:rgba(248,96,17,.42); } }
.blog-content .aiw-check input { flex:0 0 auto; width:20px; height:20px; margin-top:.1rem; accent-color:#C2410C; cursor:pointer; }
.blog-content .aiw-check input:focus-visible { outline:2px solid #C2410C; outline-offset:2px; }
.blog-content .aiw-check label:has(input:checked) { border-color:rgba(248,96,17,.5); background:#FFF7ED; }
.blog-content .aiw-check-result { margin:1.1rem 0 0; font-weight:700; color:var(--aiw-ink); font-size:1rem; line-height:1.6; }

/* FAQ */
.blog-content .aiw-faq details { border-bottom:1px solid var(--aiw-line2); }
.blog-content .aiw-faq details:first-of-type { border-top:1px solid var(--aiw-line2); }
.blog-content .aiw-faq summary { padding:1.1rem 0; list-style:none; cursor:pointer; display:flex; justify-content:space-between; gap:1rem; font-weight:800; font-size:1.125rem; color:var(--aiw-ink); line-height:1.45; }
.blog-content .aiw-faq summary::-webkit-details-marker { display:none; }
.blog-content .aiw-faq summary::after { content:""; flex:0 0 22px; height:22px; border-radius:8px; background:var(--aiw-chip) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%239A3412' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M10 5v10M5 10h10'/%3E%3C/svg%3E") center/14px no-repeat; transition:transform .2s var(--aiw-ease); }
.blog-content .aiw-faq details[open] summary::after { transform:rotate(45deg); }
.blog-content .aiw-faq summary:focus-visible { outline:2px solid #C2410C; outline-offset:4px; border-radius:6px; }
@media (hover:hover) and (pointer:fine){ .blog-content .aiw-faq summary:hover { color:var(--aiw-accent-text); } }
.blog-content .aiw-faq details p { margin:0 0 1.2rem; font-size:1.125rem; line-height:1.8; }

/* Sources */
.blog-content .aiw-sources ol { margin:0; padding-left:0; }
.blog-content .aiw-sources li { font-size:.875rem; line-height:1.6; margin-bottom:.55rem; padding-left:2rem; color:var(--aiw-mute); }
.blog-content .aiw-sources li::before { font-weight:700; color:var(--aiw-mute); }
.blog-content .aiw-sources a { font-weight:500; color:#374151; text-decoration:underline; text-decoration-color:rgba(248,96,17,.45); text-underline-offset:3px; border:0; overflow-wrap:anywhere; }
.blog-content .aiw-sources a:hover, .blog-content .aiw-sources a:focus-visible { color:var(--aiw-accent-text); }
.blog-content sup.aiw-ref { font-size:11px; line-height:0; margin-left:1px; }
.blog-content sup.aiw-ref a { color:var(--aiw-accent-text); font-weight:700; border:0; padding:4px 3px; margin:-4px -3px; }
.blog-content .aiw-stats sup.aiw-ref a, .blog-content .aiw-top sup.aiw-ref a { color:#FDBA74; }

/* Translator CTA */
.blog-content .aiw-cta { background:var(--aiw-dark); color:#fff; border-radius:24px; padding:1.75rem 1.5rem; }
@media (min-width:640px){ .blog-content .aiw-cta { padding:2.25rem; } }
.blog-content .aiw-cta h2 { color:#fff; border:0; padding:0; margin:0 0 .75rem; font-size:1.5rem; }
.blog-content .aiw-cta p { color:#d1d5db; font-size:1.125rem; line-height:1.75; margin:0 0 1.35rem; }
.blog-content .aiw-cta .aiw-eyebrow { color:#FDBA74; }
.blog-content .aiw-cta-row { display:flex; flex-wrap:wrap; gap:.75rem; align-items:center; }
.blog-content a.aiw-btn { display:inline-flex; align-items:center; gap:.5rem; padding:.85rem 1.35rem; border-radius:12px; font-weight:700; font-size:1.125rem; color:#fff; background:linear-gradient(135deg,#C7420D 0%,#B83A0A 100%); border:0; transition:transform .16s var(--aiw-ease), filter .15s var(--aiw-ease), box-shadow .16s var(--aiw-ease); }
@media (hover:hover) and (pointer:fine){ .blog-content a.aiw-btn:hover { filter:brightness(1.12); transform:translateY(-1px); box-shadow:0 10px 24px -8px rgba(199,66,13,.55); } }
.blog-content a.aiw-btn:active { transform:scale(.97); }
.blog-content a.aiw-btn:focus-visible, .blog-content a.aiw-link:focus-visible { outline:2px solid #FDBA74; outline-offset:3px; }
.blog-content a.aiw-link { color:#FDBA74; font-weight:700; }

/* Motion: armed only after a real visitor scrolls (see script). Transitions switch on one frame
   after arming (.aiw-live), so arming never animates a figure out. */
@media (prefers-reduced-motion: no-preference) {
    .aiw-armed.aiw-reveal { opacity:0; transform:translateY(18px); }
    .aiw-live.aiw-reveal { transition:opacity .6s var(--aiw-ease), transform .6s var(--aiw-ease); }
    .aiw-armed .aiw-bar-fill { transform:scaleX(0); }
    .aiw-live .aiw-bar-fill { transition:transform .7s var(--aiw-ease); }
    .aiw-live .aiw-bar:nth-of-type(2) .aiw-bar-fill { transition-delay:.06s; }
    .aiw-live .aiw-bar:nth-of-type(3) .aiw-bar-fill { transition-delay:.12s; }
    .aiw-live .aiw-bar:nth-of-type(4) .aiw-bar-fill { transition-delay:.18s; }
    .aiw-armed .aiw-rail { transform:scaleY(0); }
    .aiw-live .aiw-rail { transition:transform .7s var(--aiw-ease) .1s; }
    .aiw-armed .aiw-stagger > *, .aiw-armed.aiw-stagger > * { opacity:0; transform:translateY(14px); }
    .aiw-live .aiw-stagger > *, .aiw-live.aiw-stagger > * { transition:opacity .5s var(--aiw-ease), transform .5s var(--aiw-ease); }
    .aiw-armed .aiw-meter i.on { transform:scaleY(.2); opacity:.25; }
    .aiw-meter i { transform-origin:50% 100%; }
    .aiw-live .aiw-meter i { transition:transform .45s var(--aiw-ease), opacity .45s var(--aiw-ease); }
}
