.article-hero {
        position:relative;
        overflow:hidden;
        color:#fff;
        padding:104px 0 58px;
        background:
            radial-gradient(circle at 85% 10%, rgba(255,107,0,.22), transparent 26%),
            linear-gradient(135deg,#0b1220 0%,#121c2f 62%,#1f2937 100%);
    }
    .article-hero::after {
        content:"";
        position:absolute;
        inset:auto 0 0;
        height:1px;
        background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);
    }
    .article-wrap { width:min(1180px,100%); margin:0 auto; }
    .article-hero-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(320px,.72fr); align-items:center; gap:clamp(34px,6vw,82px); }
    .article-hero-grid.no-media { grid-template-columns:minmax(0,820px); }
    .article-back {
        display:inline-flex;
        align-items:center;
        gap:9px;
        margin-bottom:28px;
        color:#cbd5e1;
        font-size:13px;
        font-weight:750;
        text-decoration:none;
        transition:color .2s ease, transform .2s ease;
    }
    .article-back:hover { color:#fff; transform:translateX(-3px); }
    .article-meta { display:flex; flex-wrap:wrap; align-items:center; gap:9px 16px; margin-bottom:18px; color:#dbe4ef; font-size:11px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
    .article-meta span, .article-meta time, .article-meta a { display:inline-flex; align-items:center; gap:8px; }
    .article-meta span + span::before, .article-meta a::before, .article-meta time::before { content:""; width:4px; height:4px; border-radius:50%; background:color-mix(in srgb,var(--itbs-primary) 72%,var(--itbs-paper,#fff)); }
    .article-meta a { color:inherit; text-decoration:none; } .article-meta a:hover { color:#fff; text-decoration:underline; text-underline-offset:3px; }
    .article-kicker { color:color-mix(in srgb,var(--itbs-primary) 28%,var(--itbs-paper,#fff)) !important; }
    .article-hero h1 { max-width:850px; margin:0; color:#f8fafc !important; font-size:clamp(36px,5vw,68px); line-height:1.02; letter-spacing:-.045em; font-weight:900; overflow-wrap:anywhere; hyphens:auto; text-wrap:balance; }
    .article-deck { max-width:700px; margin:22px 0 0; color:#cbd5e1 !important; font-size:clamp(16px,1.6vw,20px); line-height:1.55; }
    .article-media { position:relative; overflow:hidden; min-height:260px; aspect-ratio:16/11; border-radius:24px; background:#182235; box-shadow:0 28px 70px -34px rgba(0,0,0,.85); }
    .article-media img, .article-media iframe, .article-media video { width:100%; height:100%; object-fit:cover; }
    .article-media img { transition:transform .8s cubic-bezier(.2,.75,.25,1); }
    .article-media:hover img { transform:scale(1.025); }

    .article-main { background:#f8f6f1; padding:clamp(40px,6vw,78px) 0 72px; }
    .article-reading-shell { width:min(900px,100%); margin:0 auto; }
    .article-body {
        width:min(820px,100%);
        margin:0 auto;
        color:#263448;
        font-family:Georgia,"Times New Roman",serif;
        font-size:clamp(18px,1.45vw,20px);
        line-height:1.82;
        overflow-wrap:anywhere;
    }
    .article-body > strong { display:contents; font-family:inherit; font-weight:400; }
    .article-body > strong > p { font-weight:400; }
    .article-body p { margin:0 0 1.45em; color:#263448; }
    .article-body > p:first-child:not(:has(img)) { color:#172033; font-size:1.12em; line-height:1.7; }
    .article-body h2, .article-body h3, .article-body h4 {
        max-width:760px;
        color:#111827;
        font-family:Inter,Arial,sans-serif;
        font-weight:850;
        letter-spacing:-.025em;
        text-wrap:balance;
    }
    .article-body h2 { margin:2.1em 0 .7em; font-size:clamp(28px,3.6vw,40px); line-height:1.12; }
    .article-body h3 { margin:1.8em 0 .65em; font-size:clamp(23px,2.8vw,31px); line-height:1.2; }
    .article-body h4 { margin:1.65em 0 .65em; font-size:clamp(20px,2vw,25px); line-height:1.28; }
    .article-body strong, .article-body b { color:#172033; font-family:Inter,Arial,sans-serif; font-weight:750; }
    .article-body a {
        color:color-mix(in srgb,var(--itbs-primary) 72%,#000);
        text-decoration:underline;
        text-decoration-color:rgba(194,65,12,.34);
        text-underline-offset:4px;
        text-decoration-thickness:1px;
        transition:color .2s ease, text-decoration-color .2s ease;
    }
    .article-body a:hover { color:color-mix(in srgb,var(--itbs-primary) 60%,#000); text-decoration-color:currentColor; }
    .article-body ul, .article-body ol { margin:1.1em 0 1.6em; padding-left:1.35em; }
    .article-body ul { list-style:disc; }
    .article-body ol { list-style:decimal; }
    .article-body li { padding-left:.35em; margin:.55em 0; }
    .article-body li::marker { color:var(--itbs-primary-dark); font-family:Inter,Arial,sans-serif; font-weight:800; }
    .article-body blockquote {
        margin:2em 0;
        padding:.25em 0 .25em 1.35em;
        border-left:4px solid var(--itbs-primary);
        color:#4b5563;
        font-size:1.08em;
        font-style:italic;
    }
    .article-body figure, .article-body p:has(> img:only-child) { margin:2.3em 0; }
    .article-body img {
        display:block;
        width:auto;
        max-width:100%;
        height:auto;
        margin-inline:auto;
        border-radius:18px;
        box-shadow:0 24px 50px -34px rgba(15,23,42,.55);
    }
    .article-body figcaption { margin-top:10px; color:#64748b; font-family:Inter,Arial,sans-serif; font-size:13px; line-height:1.5; text-align:center; }
    .article-body iframe, .article-body video { display:block; width:100%; max-width:100%; margin:2em auto; border:0; border-radius:18px; }
    .article-body table { display:block; max-width:100%; margin:2em 0; overflow-x:auto; border-collapse:collapse; font-family:Inter,Arial,sans-serif; font-size:15px; }
    .article-body th, .article-body td { padding:12px 14px; border:1px solid #d8dee7; text-align:left; }
    .article-body th { background:#eef1f5; color:#172033; }
    .article-body hr { margin:3em 0; border:0; height:1px; background:linear-gradient(90deg,transparent,#cbd5e1,transparent); }

    .article-share {
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:18px;
        margin:44px 0 0;
        padding:20px 22px;
        border:1px solid #d8dee7;
        border-radius:18px;
        background:#fff;
        color:#172033;
        font-family:Inter,Arial,sans-serif;
    }
    .article-share__label { font-size:14px; font-weight:850; }
    .article-share__actions { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
    .article-share__actions a, .article-share__actions button {
        display:inline-flex;
        min-height:42px;
        align-items:center;
        justify-content:center;
        gap:7px;
        border:1px solid #d8dee7;
        border-radius:12px;
        padding:9px 13px;
        background:#f8fafc;
        color:#172033;
        font:800 13px/1.2 Inter,Arial,sans-serif;
        text-decoration:none;
        cursor:pointer;
        transition:background .18s ease,border-color .18s ease,transform .18s ease;
    }
    .article-share__actions a:hover, .article-share__actions button:hover,
    .article-share__actions a:focus-visible, .article-share__actions button:focus-visible { border-color:var(--itbs-primary); background:color-mix(in srgb,var(--itbs-primary) 7%,var(--itbs-paper,#fff)); color:color-mix(in srgb,var(--itbs-primary) 60%,#000); transform:translateY(-1px); }
    .article-share__status { min-width:1px; color:#166534; font-size:12px; font-weight:800; }

    .article-assist {
        margin:54px 0 0;
        padding:28px 0 8px;
        border-top:1px solid #d9dee5;
        color:#334155;
        font-family:Inter,Arial,sans-serif;
    }
    .article-assist-label { color:color-mix(in srgb,var(--itbs-primary) 72%,#000); font-size:11px; font-weight:850; letter-spacing:.16em; text-transform:uppercase; }
    .article-assist h2 { margin:8px 0; font-size:clamp(24px,3vw,32px); }
    .article-assist p { max-width:620px; margin:0 0 18px; font-size:16px; line-height:1.6; }
    .article-assist a, .article-final-cta a {
        display:inline-flex;
        align-items:center;
        justify-content:center;
        min-height:48px;
        padding:12px 18px;
        border-radius:13px;
        font-family:Inter,Arial,sans-serif;
        font-size:15px;
        font-weight:800;
        text-decoration:none;
    }
    .article-assist a { background:#172033; color:#fff; }
    .article-final-cta {
        display:grid;
        grid-template-columns:minmax(0,1fr) auto;
        align-items:center;
        gap:28px;
        width:min(900px,100%);
        margin:62px auto 0;
        padding:30px 34px;
        border-radius:22px;
        color:#fff;
        background:#101827;
        box-shadow:0 28px 60px -42px rgba(15,23,42,.9);
    }
    .article-final-cta-label { color:#fdba74; font-size:11px; font-weight:850; letter-spacing:.16em; text-transform:uppercase; }
    .article-final-cta h2 { margin:7px 0 6px; color:#fff; font-size:26px; line-height:1.15; }
    .article-final-cta p { margin:0; color:#cbd5e1; font-size:15px; }
    .article-final-actions { display:flex; gap:10px; }
    .article-final-actions .primary { background:var(--itbs-primary); color:#fff; }
    .article-final-actions .secondary { border:1px solid #475569; color:#fff; background:transparent; }
    .article-embedded-media { width:min(900px,100%); margin:42px auto 0; overflow:hidden; border-radius:20px; }
    .article-embedded-media iframe, .article-embedded-media video { width:100%; max-width:100%; }

    @keyframes articleReveal {
        from { opacity:0; transform:translateY(12px); }
        to { opacity:1; transform:translateY(0); }
    }
    .article-hero-grid { animation:articleReveal .55s ease both; }
    @media (max-width:900px) {
        .article-hero { padding:92px 0 42px; }
        .article-hero-grid { grid-template-columns:1fr; gap:30px; }
        .article-media { min-height:0; max-height:420px; }
        .article-final-cta { grid-template-columns:1fr; }
    }
    @media (max-width:640px) {
        .article-hero { padding-top:84px; }
        .article-back { margin-bottom:20px; }
        .article-meta { gap:8px 12px; letter-spacing:.08em; }
        .article-hero h1 { font-size:clamp(30px,9.7vw,42px); line-height:1.04; letter-spacing:-.035em; }
        .article-media { border-radius:18px; }
        .article-main { padding-top:34px; }
        .article-body { font-size:18px; line-height:1.76; }
        .article-body img { border-radius:13px; }
        .article-final-cta { margin-top:46px; padding:25px 20px; border-radius:18px; }
        .article-final-actions { flex-direction:column; }
        .article-final-actions a { width:100%; }
        .article-share { align-items:flex-start; flex-direction:column; padding:18px; }
        .article-share__actions { width:100%; }
        .article-share__actions a, .article-share__actions button { flex:1 1 calc(50% - 8px); }
    }
    @media (prefers-reduced-motion:reduce) {
        .article-hero-grid { animation:none; }
        .article-media img, .article-back { transition:none; }
    }