:root {
    --hub-bg: #030712;
    --hub-panel: #0c1424;
    --hub-panel-strong: #111b2e;
    --hub-panel-soft: rgba(255,255,255,.045);
    --hub-border: rgba(255,255,255,.105);
    --hub-border-strong: rgba(229,197,134,.34);
    --hub-gold: #e5c586;
    --hub-gold-soft: rgba(229,197,134,.11);
    --hub-blue: #7ab7f0;
    --hub-blue-soft: rgba(122,183,240,.11);
    --hub-green: #5dd6aa;
    --hub-red: #ff7a7a;
    --hub-amber: #f5c66b;
    --hub-text: #f5f7fb;
    --hub-muted: #a0a9bb;
    --hub-subtle: #737e92;
    --hub-head: 'AK Thai','Google Sans','Outfit', 'Sarabun', sans-serif;
    --hub-body: 'AK Thai','Google Sans','Plus Jakarta Sans', 'Sarabun', sans-serif;
}
* { box-sizing: border-box; }
html { color-scheme: dark; scroll-behavior: smooth; }
body {
    margin: 0;
    min-height: 100vh;
    overflow-x: hidden;
    background:
        radial-gradient(circle at 15% -10%, rgba(122,183,240,.16), transparent 30%),
        radial-gradient(circle at 92% 5%, rgba(229,197,134,.10), transparent 25%),
        var(--hub-bg);
    color: var(--hub-text);
    font-family: var(--hub-body);
}
a { color: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
.hub-topbar {
    position: sticky;
    top: 0;
    z-index: 30;
    min-height: 64px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 8px max(4vw, 18px);
    border-bottom: 1px solid var(--hub-border);
    background: rgba(3,7,18,.88);
    backdrop-filter: blur(16px);
}
.hub-brand {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: var(--hub-gold);
    font: 700 1rem/1 var(--hub-head);
    letter-spacing: .16em;
    text-decoration: none;
}
.hub-brand img { width: 26px; height: 26px; border-radius: 50%; object-fit: cover; }
.hub-back {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    padding: 8px 12px;
    border: 1px solid var(--hub-border);
    border-radius: 10px;
    color: var(--hub-muted);
    font-size: .86rem;
    text-decoration: none;
}
.hub-back:hover, .hub-back:focus-visible {
    color: var(--hub-text);
    border-color: var(--hub-border-strong);
    outline: 3px solid rgba(229,197,134,.18);
    outline-offset: 2px;
}
.hub-shell { width: min(1180px, calc(100% - 40px)); margin: 0 auto; padding: 44px 0 76px; }
.hub-hero {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 22px;
    align-items: center;
    padding: clamp(22px, 4vw, 34px);
    border: 1px solid var(--hub-border);
    border-radius: 24px;
    background: linear-gradient(145deg, rgba(20,30,50,.96), rgba(7,11,22,.98));
    box-shadow: 0 22px 60px rgba(0,0,0,.25);
}
.hub-logo {
    width: 78px;
    height: 78px;
    display: grid;
    place-items: center;
    border: 1px solid var(--hub-border);
    border-radius: 22px;
    background: rgba(255,255,255,.06);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
}
.hub-logo img { width: 48px; height: 48px; object-fit: contain; }
.hub-eyebrow { margin: 0 0 7px; color: var(--hub-blue); font: 700 .74rem/1 var(--hub-head); letter-spacing: .1em; text-transform: uppercase; }
.hub-title { margin: 0; color: #fff; font: 800 clamp(2rem, 5vw, 3.55rem)/1.03 var(--hub-head); letter-spacing: -.04em; }
.hub-ticker { margin-left: .16em; color: var(--hub-gold); }
.hub-category { margin: 9px 0 0; color: var(--hub-muted); font-size: .92rem; }
.hub-state { justify-self: end; padding: 7px 11px; border: 1px solid var(--hub-border-strong); border-radius: 999px; background: var(--hub-gold-soft); color: var(--hub-gold); font: 700 .75rem/1.25 var(--hub-head); text-align: center; }
.hub-hero-meta { display: flex; flex-direction: column; align-items: flex-end; justify-self: end; gap: 8px; }
.hub-price-chip { padding: 7px 11px; border: 1px solid var(--hub-border); border-radius: 999px; background: rgba(255,255,255,.04); color: var(--hub-text); font-size: .78rem; text-align: right; white-space: nowrap; }
.hub-price-chip:empty { display: none; }
.hub-price-chip b { color: var(--hub-blue); font: 800 .95rem/1 var(--hub-head); }
.hub-company-intro { max-width: 830px; margin: 24px 0 0; color: #cbd1dc; font-size: clamp(1rem, 2vw, 1.08rem); line-height: 1.8; }
.hub-freshness-note { max-width: 830px; margin: 14px 0 0; padding: 12px 14px; border: 1px dashed var(--hub-border); border-radius: 12px; color: var(--hub-subtle); font-size: .78rem; line-height: 1.65; }
.hub-freshness-note b { color: var(--hub-amber); }
.hub-beginner-guide { max-width: 100%; margin: 16px 0 0; border: 1px solid rgba(122,183,240,.28); border-radius: 14px; background: rgba(122,183,240,.055); }
.hub-beginner-guide summary { min-height: 48px; display: flex; align-items: center; padding: 11px 15px; color: var(--hub-blue); font: 700 .86rem/1.35 var(--hub-head); cursor: pointer; }
.hub-beginner-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; padding: 0 15px 15px; }
.hub-beginner-grid p { margin: 0; padding: 12px; border: 1px solid var(--hub-border); border-radius: 11px; background: rgba(3,7,18,.35); }
.hub-beginner-grid b, .hub-beginner-grid span { display: block; }
.hub-beginner-grid b { color: var(--hub-text); font-family: var(--hub-head); }
.hub-beginner-grid span { margin-top: 4px; color: var(--hub-muted); font-size: .82rem; line-height: 1.55; }
.hub-scoreboard {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin: 0 0 24px;
}
.hub-score {
    min-height: 126px;
    padding: 18px;
    border: 1px solid var(--hub-border);
    border-radius: 17px;
    background: linear-gradient(145deg, rgba(17,27,46,.88), rgba(8,13,25,.94));
}
.hub-score-label { display: block; color: var(--hub-muted); font: 600 .78rem/1.3 var(--hub-head); }
.hub-score-value { display: block; margin-top: 12px; color: var(--hub-text); font: 800 1.35rem/1.1 var(--hub-head); }
.hub-score-meta { display: block; margin-top: 8px; color: var(--hub-subtle); font-size: .75rem; line-height: 1.45; }
.hub-score.is-pending .hub-score-value { color: var(--hub-gold); }
.hub-tabs-wrap {
    position: sticky;
    top: 64px;
    z-index: 20;
    margin: 28px 0 20px;
    padding: 9px;
    border: 1px solid var(--hub-border);
    border-radius: 15px;
    background: rgba(7,12,23,.9);
    backdrop-filter: blur(16px);
}
.hub-tabs { display: flex; flex-wrap: wrap; gap: 7px; }
.hub-tab {
    min-height: 44px;
    flex: 0 0 auto;
    padding: 9px 13px;
    border: 1px solid transparent;
    border-radius: 10px;
    background: transparent;
    color: var(--hub-muted);
    font: 600 .82rem/1.2 var(--hub-head);
    cursor: pointer;
    transition: color .18s ease, background .18s ease, border-color .18s ease;
}
.hub-tab:hover { color: var(--hub-text); background: rgba(255,255,255,.08); border-color: rgba(229,197,134,.35); }
.hub-tab[aria-selected="true"] {
    color: rgb(15, 23, 42);
    background: linear-gradient(175deg, var(--aku-paper, rgb(255, 255, 255)) 0%, rgb(209, 250, 229) 100%);
    border-color: rgba(16, 185, 129, 0.56);
    border-bottom: 2.5px solid rgb(5, 150, 105);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 4px 12px -4px rgba(16, 185, 129, 0.28);
}
.hub-tab[aria-selected="true"]:hover {
    color: rgb(15, 23, 42);
    background: linear-gradient(175deg, var(--aku-paper, rgb(255, 255, 255)) 0%, rgb(167, 243, 208) 100%);
    border-color: rgb(5, 150, 105);
}
.hub-tab:focus-visible { outline: 3px solid rgba(122,183,240,.34); outline-offset: 2px; }
.hub-panel { padding: clamp(20px, 4vw, 32px); border: 1px solid var(--hub-border); border-radius: 22px; background: rgba(10,16,29,.82); }
.hub-panel[hidden] { display: none; }
.hub-panel-head { display: flex; justify-content: space-between; gap: 18px; align-items: flex-start; margin-bottom: 22px; }
.hub-panel-kicker { margin: 0 0 6px; color: var(--hub-blue); font: 700 .7rem/1 var(--hub-head); letter-spacing: .1em; text-transform: uppercase; }
.hub-panel h2 { margin: 0; font: 750 clamp(1.35rem, 3vw, 1.8rem)/1.25 var(--hub-head); }
.hub-panel-lead { max-width: 720px; margin: 8px 0 0; color: var(--hub-muted); line-height: 1.7; }
.hub-evidence-badge { flex: 0 0 auto; padding: 7px 10px; border: 1px solid var(--hub-border); border-radius: 999px; color: var(--hub-subtle); font-size: .72rem; }
.hub-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 18px; }
.hub-grid.two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.hub-card { padding: 18px; border: 1px solid var(--hub-border); border-radius: 16px; background: var(--hub-panel-soft); }
.hub-card.is-feature { background: linear-gradient(145deg, rgba(122,183,240,.10), rgba(255,255,255,.035)); }
.hub-card.positive { border-color: rgba(93,214,170,.35); background: linear-gradient(160deg, rgba(93,214,170,.07), var(--hub-panel-soft)); }
.hub-card.warn { border-color: rgba(245,198,107,.35); background: linear-gradient(160deg, rgba(245,198,107,.07), var(--hub-panel-soft)); }
.hub-card.negative { border-color: rgba(255,122,122,.35); background: linear-gradient(160deg, rgba(255,122,122,.07), var(--hub-panel-soft)); }
.hub-card h3 { margin: 0 0 9px; font: 700 1rem/1.35 var(--hub-head); }
.hub-card p { margin: 0; color: var(--hub-muted); font-size: .9rem; line-height: 1.7; }
.hub-card ul { margin: 10px 0 0; padding-left: 20px; color: var(--hub-muted); font-size: .88rem; line-height: 1.7; }
.hub-data-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.hub-data-slot { min-height: 112px; padding: 16px; border: 1px dashed rgba(255,255,255,.16); border-radius: 14px; background: rgba(255,255,255,.025); }
.hub-data-slot span { display: block; color: var(--hub-blue); font: 700 .75rem/1.3 var(--hub-head); }
.hub-data-slot strong { display: block; margin-top: 13px; color: var(--hub-muted); font: 600 .88rem/1.35 var(--hub-head); }
.hub-data-slot small { display: block; margin-top: 6px; color: var(--hub-subtle); line-height: 1.4; }
.hub-note { margin-top: 18px; padding: 14px 16px; border-left: 3px solid var(--hub-gold); border-radius: 0 12px 12px 0; background: var(--hub-gold-soft); color: #cbd1dc; font-size: .86rem; line-height: 1.65; }
.hub-en { color: var(--hub-subtle); font-size: .82em; font-style: italic; }
.hub-method { margin-top: 20px; border: 1px solid var(--hub-border); border-radius: 14px; background: rgba(255,255,255,.025); }
.hub-method summary { min-height: 44px; display: flex; align-items: center; padding: 10px 14px; color: var(--hub-text); font: 650 .86rem/1.3 var(--hub-head); cursor: pointer; }
.hub-method div { padding: 0 16px 16px; color: var(--hub-muted); font-size: .84rem; line-height: 1.7; }
.hub-deep-link {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 18px;
    padding: 10px 18px;
    border: 1.5px solid rgba(37, 99, 235, 0.36);
    border-bottom: 3px solid rgb(29, 78, 216);
    border-radius: 12px;
    background: linear-gradient(175deg, var(--aku-paper, rgb(255, 255, 255)) 0%, rgb(219, 234, 254) 100%);
    color: rgb(15, 23, 42);
    font-family: var(--hub-body);
    font-weight: 700;
    text-decoration: none;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 8px 18px -8px rgba(37, 99, 235, 0.25);
    transition: background .18s ease, border-color .18s ease, transform .18s ease;
}
.hub-deep-link:hover, .hub-deep-link:focus-visible {
    background: linear-gradient(175deg, var(--aku-paper, rgb(255, 255, 255)) 0%, rgb(209, 250, 229) 100%);
    color: rgb(15, 23, 42);
    border-color: rgb(5, 150, 105);
    outline: 2px solid rgba(16, 185, 129, 0.35);
    outline-offset: 2px;
}
.hub-empty { padding: 20px; border: 1px dashed rgba(255,255,255,.16); border-radius: 14px; color: var(--hub-muted); line-height: 1.7; }
.hub-footnote { margin: 24px 0 0; color: var(--hub-subtle); font-size: .78rem; line-height: 1.65; }
.hub-asof { margin: 10px 0 0; color: var(--hub-subtle); font-size: .78rem; }
.hub-loading { min-height: 180px; display: grid; place-items: center; color: var(--hub-muted); }
.hub-score-value small { color: var(--hub-subtle); font-size: .65em; font-weight: 600; }
.hub-score-value.positive { color: var(--hub-green); }
.hub-score-value.warn { color: var(--hub-amber); }
.hub-score-value.negative { color: var(--hub-red); }
.hub-score-overall { border-color: var(--hub-border-strong); background: linear-gradient(145deg, rgba(229,197,134,.16), rgba(17,27,46,.88)); }
.hub-score-overall .hub-score-value { color: var(--hub-gold); font-size: 2rem; }
.hub-confidence { display: inline-block; margin-top: 10px; color: var(--hub-blue); font-size: .7rem; }
.hub-legend { grid-column: 1 / -1; margin: 0; padding: 10px 14px; border: 1px dashed var(--hub-border); border-radius: 12px; color: var(--hub-subtle); font-size: .74rem; line-height: 1.6; }
.hub-exec { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 20px; border: 1px solid var(--hub-border-strong); border-radius: 18px; background: linear-gradient(135deg, var(--hub-gold-soft), var(--hub-blue-soft)); }
.hub-exec span, .hub-price-clock span, .hub-provider span, .hub-reverse span { display: block; color: var(--hub-blue); font: 700 .72rem/1.3 var(--hub-head); letter-spacing: .08em; text-transform: uppercase; }
.hub-exec strong { display: block; max-width: 840px; margin-top: 8px; font: 650 1rem/1.6 var(--hub-head); }
.hub-exec > b { flex: 0 0 auto; color: var(--hub-gold); font: 800 2rem/1 var(--hub-head); }
.hub-thesis { margin: 18px 0 22px; padding: 18px 20px; border-left: 3px solid var(--hub-blue); background: var(--hub-blue-soft); color: #d5dae4; line-height: 1.8; }
.hub-section-title { display: flex; align-items: end; justify-content: space-between; gap: 16px; margin: 30px 0 13px; }
.hub-section-title h3 { margin: 0; font: 700 1.08rem/1.3 var(--hub-head); }
.hub-section-title span { color: var(--hub-subtle); font-size: .75rem; text-align: right; }
.hub-citations { display: inline-flex; gap: 3px; margin-left: 7px; vertical-align: super; }
.hub-citations a { display: inline-grid; min-width: 18px; height: 18px; padding: 0 4px; place-items: center; border: 1px solid rgba(122,183,240,.35); border-radius: 999px; color: var(--hub-blue); font: 700 .62rem/1 var(--hub-head); text-decoration: none; }
.hub-citations a:hover, .hub-citations a:focus-visible { background: var(--hub-blue-soft); outline: 2px solid rgba(122,183,240,.25); }
.hub-tag { display: inline-flex; align-items: center; min-height: 25px; margin: 2px 4px 2px 0; padding: 4px 8px; border: 1px solid var(--hub-border); border-radius: 999px; color: var(--hub-muted); font-size: .7rem; }
.hub-tag.fact, .hub-tag.positive { color: var(--hub-green); border-color: rgba(93,214,170,.32); background: rgba(93,214,170,.07); }
.hub-tag.inference { color: var(--hub-gold); border-color: var(--hub-border-strong); background: var(--hub-gold-soft); }
.hub-tag.negative { color: var(--hub-red); border-color: rgba(255,122,122,.32); background: rgba(255,122,122,.07); }
.hub-tag.warn { color: var(--hub-amber); border-color: rgba(245,198,107,.35); background: rgba(245,198,107,.09); }
.hub-tag.neutral { color: var(--hub-blue); border-color: rgba(122,183,240,.32); background: var(--hub-blue-soft); }
.hub-table-wrap { max-width: 100%; overflow-x: auto; border: 1px solid var(--hub-border); border-radius: 14px; margin-top: 18px; }
.hub-table-wrap:focus-visible { outline: 2px solid var(--hub-blue); outline-offset: 3px; }
.hub-table-wrap.compact { margin: 12px 0; border: 0; }
.hub-table-wrap table { width: 100%; min-width: 640px; border-collapse: collapse; font-size: .82rem; }
.hub-table-wrap.compact table { min-width: 0; }
.hub-table-wrap th, .hub-table-wrap td { padding: 12px 14px; border-bottom: 1px solid var(--hub-border); text-align: left; vertical-align: top; }
.hub-table-wrap thead th { position: sticky; top: 0; background: #121b2c; color: var(--hub-blue); font: 650 .74rem/1.3 var(--hub-head); white-space: nowrap; }
.hub-table-wrap tbody th { color: var(--hub-text); font-weight: 600; }
.hub-table-wrap tbody th small { display: block; max-width: 220px; margin-top: 4px; color: var(--hub-subtle); font-weight: 400; line-height: 1.35; }
.hub-table-wrap td.positive { color: var(--hub-green); font-weight: 700; }
.hub-table-wrap td.warn { color: var(--hub-amber); font-weight: 700; }
.hub-table-wrap td.negative { color: var(--hub-red); font-weight: 700; }
.hub-table-wrap tr.is-self { background: rgba(229,197,134,.08); }
.hub-table-wrap tr.is-self th { font-weight: 800; color: var(--hub-gold); }
.hub-table-wrap td.is-self { outline: 2px solid var(--hub-gold); outline-offset: -2px; font-weight: 800; }
.hub-table-wrap tbody tr:last-child > * { border-bottom: 0; }
.hub-chain { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; margin: 0; padding: 0; counter-reset: chain; list-style: none; }
.hub-chain li { position: relative; min-height: 92px; padding: 36px 13px 13px; border: 1px solid var(--hub-border); border-radius: 13px; background: var(--hub-panel-soft); color: var(--hub-muted); font-size: .8rem; line-height: 1.5; }
.hub-chain li::before { counter-increment: chain; content: counter(chain); position: absolute; top: 10px; left: 12px; color: var(--hub-gold); font: 800 .72rem/1 var(--hub-head); }
.hub-chain-icon { position: absolute; top: 6px; right: 10px; font-size: 1.25rem; line-height: 1; }
.hub-disclosure { margin-top: 20px; padding: 18px; border: 1px solid var(--hub-border-strong); border-radius: 15px; background: var(--hub-gold-soft); color: var(--hub-muted); font-size: .88rem; line-height: 1.7; }
.hub-disclosure > strong { display: block; margin-bottom: 7px; color: var(--hub-gold); font-family: var(--hub-head); }
.hub-disclosure p { margin: 7px 0 0; }
.hub-gap-list { margin: 8px 0 0; padding-left: 20px; }
.hub-gap-list li { margin-top: 8px; line-height: 1.65; }
.hub-moat-grid, .hub-risk-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 18px; }
.hub-moat, .hub-risk { padding: 17px; border: 1px solid var(--hub-border); border-radius: 15px; background: var(--hub-panel-soft); }
.hub-moat.positive, .hub-risk.positive, .hub-narrative-theme.positive, .hub-future-growth.positive { border-color: rgba(93,214,170,.35); background: linear-gradient(160deg, rgba(93,214,170,.07), var(--hub-panel-soft)); }
.hub-moat.warn, .hub-risk.warn, .hub-narrative-theme.warn, .hub-future-growth.warn { border-color: rgba(245,198,107,.35); background: linear-gradient(160deg, rgba(245,198,107,.07), var(--hub-panel-soft)); }
.hub-moat.negative, .hub-risk.negative, .hub-narrative-theme.negative, .hub-future-growth.negative { border-color: rgba(255,122,122,.35); background: linear-gradient(160deg, rgba(255,122,122,.07), var(--hub-panel-soft)); }
.hub-moat.neutral, .hub-risk.neutral, .hub-narrative-theme.neutral, .hub-future-growth.neutral { border-color: rgba(122,183,240,.3); background: linear-gradient(160deg, rgba(122,183,240,.06), var(--hub-panel-soft)); }
.hub-moat > div, .hub-risk > div { display: flex; align-items: start; justify-content: space-between; gap: 12px; }
.hub-moat h3, .hub-risk h3 { margin: 0; font: 700 .95rem/1.4 var(--hub-head); }
.hub-moat p, .hub-risk p { margin: 10px 0 0; color: var(--hub-muted); font-size: .84rem; line-height: 1.65; }
.hub-moat .counter { padding-top: 9px; border-top: 1px solid var(--hub-border); color: #d3a1a1; }
.hub-chain-link { min-height: 48px; display: inline-flex; align-items: center; margin-top: 22px; padding: 10px 15px; border: 1px solid var(--hub-gold); border-radius: 11px; color: var(--hub-gold); font-weight: 700; text-decoration: none; }
.hub-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 11px; margin-top: 18px; }
.hub-metric { min-height: 106px; padding: 15px; border: 1px solid var(--hub-border); border-radius: 14px; background: var(--hub-panel-soft); }
.hub-metric span { display: block; color: var(--hub-muted); font-size: .74rem; }
.hub-metric strong { display: block; margin-top: 11px; color: var(--hub-text); font: 750 1.03rem/1.3 var(--hub-head); }
.hub-metric strong.feature { color: var(--hub-gold); }
.hub-metric strong.positive { color: var(--hub-green); }
.hub-metric strong.warn { color: var(--hub-amber); }
.hub-metric strong.negative { color: var(--hub-red); }
.hub-metric small { display: block; margin-top: 6px; color: var(--hub-subtle); line-height: 1.4; }
.hub-chart-wrap { padding: 16px 14px 10px; border: 1px solid var(--hub-border); border-radius: 15px; background: var(--hub-panel-soft); }
.hub-chart-title { margin: 0 0 8px; color: var(--hub-text); font: 700 .84rem/1.3 var(--hub-head); }
.hub-chart { display: block; width: 100%; height: auto; }
.hub-chart-axis { fill: var(--hub-subtle); font-size: 10.5px; font-family: var(--hub-body); }
.hub-chart-val { fill: var(--hub-muted); font-size: 10.5px; font-weight: 700; font-family: var(--hub-body); }
.hub-chart-zero { stroke: var(--hub-border-strong); stroke-dasharray: 3 3; }
.hub-chart-legend { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 4px; color: var(--hub-muted); font-size: .76rem; }
.hub-chart-legend span { display: inline-flex; align-items: center; gap: 6px; }
.hub-chart-legend i { display: inline-block; width: 10px; height: 10px; border-radius: 3px; }
.hub-charts-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 18px; }
.hub-bullbear { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 18px; }
.hub-bull, .hub-bear { padding: 18px; border-radius: 16px; border: 1px solid; }
.hub-bull { border-color: rgba(93,214,170,.4); background: linear-gradient(160deg, rgba(93,214,170,.09), rgba(17,27,46,.9)); }
.hub-bear { border-color: rgba(255,122,122,.4); background: linear-gradient(160deg, rgba(255,122,122,.09), rgba(17,27,46,.9)); }
.hub-bull h3, .hub-bear h3 { margin: 0 0 12px; font: 800 .82rem/1.2 var(--hub-head); letter-spacing: .06em; text-transform: uppercase; }
.hub-bull h3 { color: var(--hub-green); }
.hub-bear h3 { color: var(--hub-red); }
.hub-bull ul, .hub-bear ul { margin: 0; padding-left: 20px; color: #dfe3ea; font-size: .86rem; line-height: 1.75; }
.hub-bull li, .hub-bear li { margin-bottom: 8px; }
.hub-snapshot-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; margin-top: 18px; }
.hub-snapshot-col { padding: 14px 16px; border: 1px solid var(--hub-border); border-radius: 14px; background: var(--hub-panel-soft); }
.hub-snapshot-col h4 { margin: 0 0 10px; color: var(--hub-blue); font: 700 .76rem/1.2 var(--hub-head); text-transform: uppercase; letter-spacing: .04em; }
.hub-snapshot-row { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; padding: 5px 0; border-bottom: 1px dashed var(--hub-border); font-size: .78rem; }
.hub-snapshot-row:last-child { border-bottom: 0; }
.hub-snapshot-row span:first-child { color: var(--hub-muted); }
.hub-snapshot-row b { color: var(--hub-text); font-weight: 700; white-space: nowrap; }
.hub-snapshot-row b.positive { color: var(--hub-green); }
.hub-snapshot-row b.warn { color: var(--hub-amber); }
.hub-snapshot-row b.negative { color: var(--hub-red); }
.hub-pricebar { margin-top: 18px; padding: 0 16px; }
.hub-pricebar-track { position: relative; height: 92px; margin: 0 10px; }
.hub-pricebar-track::before { content: ''; position: absolute; top: 46px; left: 0; right: 0; height: 6px; border-radius: 999px; background: linear-gradient(90deg, var(--hub-red), var(--hub-amber) 45%, var(--hub-green) 100%); opacity: .85; }
.hub-pricebar-tick { position: absolute; top: 0; transform: translateX(-50%); display: flex; flex-direction: column; align-items: center; gap: 2px; }
.hub-pricebar-tick::after { content: ''; position: absolute; top: 24px; left: 50%; width: 2px; height: 22px; background: var(--hub-border-strong); }
.hub-pricebar-tick span { font: 800 .82rem/1.2 var(--hub-head); color: var(--hub-text); white-space: nowrap; }
.hub-pricebar-tick.negative span { color: var(--hub-red); }
.hub-pricebar-tick.neutral span { color: var(--hub-blue); }
.hub-pricebar-tick.positive span { color: var(--hub-green); }
.hub-pricebar-tick small { color: var(--hub-subtle); font-size: .68rem; white-space: nowrap; }
.hub-pricebar-current { position: absolute; bottom: 0; transform: translateX(-50%); }
.hub-pricebar-current::before { content: ''; position: absolute; bottom: 22px; left: 50%; width: 2px; height: 24px; background: var(--hub-gold); }
.hub-pricebar-current span { display: block; margin-top: 24px; padding: 3px 8px; border: 1px solid var(--hub-gold); border-radius: 999px; background: rgba(3,7,18,.92); color: var(--hub-gold); font: 800 .74rem/1.2 var(--hub-head); white-space: nowrap; }
.hub-statement { margin-top: 10px; border: 1px solid var(--hub-border); border-radius: 14px; background: rgba(255,255,255,.02); overflow: hidden; }
.hub-statement summary { min-height: 52px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 15px; color: var(--hub-text); font: 650 .9rem/1.3 var(--hub-head); cursor: pointer; }
.hub-statement summary span { color: var(--hub-subtle); font: 400 .72rem/1.3 var(--hub-body); }
.hub-statement .hub-table-wrap { border: 0; border-top: 1px solid var(--hub-border); border-radius: 0; }
.hub-timeline { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 11px; margin-top: 18px; }
.hub-timeline article { padding: 16px; border: 1px solid var(--hub-border); border-radius: 14px; background: var(--hub-panel-soft); }
.hub-timeline time { color: var(--hub-blue); font-size: .73rem; }
.hub-timeline strong { display: block; margin-top: 8px; font: 650 .92rem/1.4 var(--hub-head); }
.hub-timeline p { margin: 7px 0 0; color: var(--hub-muted); font-size: .8rem; }
.hub-earnings-hero { padding: 20px 22px; border: 1px solid var(--hub-border-strong); border-radius: 18px; background: linear-gradient(145deg, var(--hub-gold-soft), rgba(17,27,46,.92)); box-shadow: 0 14px 40px rgba(0,0,0,.22); }
.hub-guidance-box { margin-top: 18px; padding: 18px 20px; border: 1px dashed var(--hub-border-strong); border-radius: 16px; background: rgba(122,183,240,.05); }
.hub-guidance-bar-track { position: relative; height: 7px; margin: 10px 0 2px; border-radius: 999px; background: rgba(255,255,255,.08); }
.hub-guidance-bar-fill { position: absolute; top: 0; bottom: 0; border-radius: 999px; background: var(--hub-blue); }
.hub-price-clock { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 14px; }
.hub-price-clock > div, .hub-provider, .hub-reverse { padding: 18px; border: 1px solid var(--hub-border-strong); border-radius: 16px; background: linear-gradient(145deg, var(--hub-gold-soft), var(--hub-panel-soft)); }
.hub-price-clock strong, .hub-provider strong, .hub-reverse strong { display: block; margin-top: 9px; color: var(--hub-gold); font: 750 1.18rem/1.4 var(--hub-head); }
.hub-price-clock small, .hub-provider small { display: block; margin-top: 5px; color: var(--hub-subtle); line-height: 1.5; }
.hub-reverse { margin-top: 20px; background: linear-gradient(145deg, var(--hub-blue-soft), var(--hub-panel-soft)); }
.hub-reverse p { margin: 7px 0 0; color: var(--hub-muted); font-size: .83rem; line-height: 1.6; }
.hub-scenarios { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 18px; }
.hub-scenario { padding: 18px; border: 1px solid var(--hub-border); border-radius: 15px; background: var(--hub-panel-soft); }
.hub-scenario > span { color: var(--hub-blue); font: 650 .75rem/1.2 var(--hub-head); text-transform: uppercase; }
.hub-scenario strong { display: block; margin-top: 10px; color: var(--hub-gold); font: 800 1.55rem/1 var(--hub-head); }
.hub-scenario.negative { border-color: rgba(255,122,122,.35); }
.hub-scenario.negative strong { color: var(--hub-red); }
.hub-scenario.positive { border-color: rgba(93,214,170,.35); }
.hub-scenario.positive strong { color: var(--hub-green); }
.hub-scenario.neutral strong { color: var(--hub-blue); }
.hub-scenario p, .hub-scenario small { display: block; margin: 10px 0 0; color: var(--hub-muted); font-size: .79rem; line-height: 1.55; }
.hub-provider { margin-bottom: 14px; }
.hub-falsifiers { margin-top: 22px; padding: 19px; border: 1px solid rgba(255,122,122,.32); border-radius: 16px; background: rgba(255,122,122,.065); }
.hub-falsifiers > strong { color: var(--hub-red); font-family: var(--hub-head); }
.hub-falsifiers ol { margin: 12px 0 0; padding-left: 22px; color: var(--hub-muted); line-height: 1.75; }
.hub-related-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; margin-top: 18px; }
.hub-related { display: flex; flex-direction: column; gap: 5px; padding: 15px; border: 1px solid var(--hub-border); border-radius: 13px; text-decoration: none; }
.hub-related strong { color: var(--hub-gold); font-family: var(--hub-head); }
.hub-related span { color: var(--hub-subtle); font-size: .78rem; }
.hub-source-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 18px 0 0; padding: 0; list-style: none; }
.hub-source-list a { min-height: 88px; display: flex; flex-direction: column; gap: 7px; padding: 14px; border: 1px solid var(--hub-border); border-radius: 13px; text-decoration: none; }
.hub-source-list a:hover, .hub-source-list a:focus-visible { border-color: var(--hub-border-strong); outline: 2px solid rgba(229,197,134,.15); }
.hub-source-list strong { font: 650 .84rem/1.45 var(--hub-head); }
.hub-source-list span { color: var(--hub-subtle); font-size: .72rem; line-height: 1.45; }
.hub-source-group { margin-top: 20px; }
.hub-source-group > h3 { margin: 0 0 8px; color: var(--hub-gold); font: 700 .92rem/1.35 var(--hub-head); }
.hub-source-group .hub-source-list { margin-top: 0; }
.hub-unknown { width: min(720px, calc(100% - 40px)); margin: 70px auto; }
.hub-jump { min-height: 32px; padding: 6px 12px; border: 1px solid var(--hub-border-strong); border-radius: 999px; background: var(--hub-gold-soft); color: var(--hub-gold); font: 650 .74rem/1.2 var(--hub-body); cursor: pointer; }
.hub-jump:hover, .hub-jump:focus-visible { background: #182942; color: #f8fafc; border-color: rgba(229,197,134,.82); outline: none; }
.hub-brandmarks { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 4px; }
.hub-brandmark-chip { display: inline-flex; align-items: center; gap: 7px; padding: 6px 10px 6px 6px; border: 1px solid var(--hub-border); border-radius: 999px; background: rgba(255,255,255,.03); color: var(--hub-muted); font-size: .78rem; }
.hub-brandmark { height: 18px; width: auto; max-width: 60px; padding: 3px 6px; border-radius: 6px; background: #f2f3f6; object-fit: contain; }
.hub-companychain-core img.hub-brandmark { height: 30px; max-width: 110px; margin-bottom: 4px; }
.hub-companychain { display: grid; grid-template-columns: 1fr auto 1fr; gap: 14px; align-items: stretch; margin-top: 4px; }
.hub-companychain-col { display: flex; flex-direction: column; gap: 8px; }
.hub-companychain-col > span { color: var(--hub-blue); font: 700 .68rem/1.3 var(--hub-head); letter-spacing: .06em; text-transform: uppercase; }
.hub-companychain-node { padding: 10px 12px; border: 1px solid var(--hub-border); border-radius: 11px; background: var(--hub-panel-soft); color: var(--hub-muted); font-size: .78rem; line-height: 1.4; }
.hub-companychain-col.upstream .hub-companychain-node { border-left: 3px solid var(--hub-blue); }
.hub-companychain-col.downstream .hub-companychain-node { border-left: 3px solid var(--hub-green); }
.hub-companychain-core { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; min-width: 140px; padding: 18px; border: 1px solid var(--hub-border-strong); border-radius: 16px; background: linear-gradient(145deg, var(--hub-gold-soft), var(--hub-panel-strong)); text-align: center; }
.hub-companychain-core > span { color: var(--hub-gold); font: 800 1rem/1 var(--hub-head); letter-spacing: .05em; }
.hub-companychain-core p { margin: 0; color: var(--hub-muted); font-size: .76rem; line-height: 1.5; }
.hub-money-map { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 18px; }
.hub-money-route { position: relative; min-height: 164px; padding: 18px; border: 1px solid var(--hub-border); border-radius: 16px; background: linear-gradient(145deg, rgba(122,183,240,.08), rgba(255,255,255,.025)); }
.hub-money-route::after { content: '→ Netflix'; display: block; margin-top: 14px; color: var(--hub-gold); font: 750 .78rem/1.2 var(--hub-head); }
.hub-money-route-icon { display: block; font-size: 2rem; line-height: 1; }
.hub-money-route strong { display: block; margin-top: 12px; color: var(--hub-text); font: 700 .92rem/1.35 var(--hub-head); }
.hub-money-route p { margin: 7px 0 0; color: var(--hub-muted); font-size: .82rem; line-height: 1.55; }
.hub-plain { margin-top: 10px !important; padding-top: 10px; border-top: 1px dashed var(--hub-border); color: #d7dce5 !important; }
.hub-media-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 18px; }
.hub-media-card { min-width: 0; margin: 0; overflow: hidden; border: 1px solid var(--hub-border); border-radius: 16px; background: linear-gradient(145deg, rgba(17,27,46,.92), rgba(7,11,22,.98)); }
.hub-media-card > a { display: block; overflow: hidden; border-bottom: 1px solid var(--hub-border); background: #05070d; }
.hub-media-card img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; transition: transform .2s ease; }
.hub-media-card > a:hover img, .hub-media-card > a:focus-visible img { transform: scale(1.025); }
.hub-media-card > a:focus-visible { outline: 3px solid rgba(122,183,240,.5); outline-offset: -3px; }
.hub-media-card figcaption { padding: 14px; }
.hub-media-card figcaption strong { display: block; color: var(--hub-text); font: 700 .9rem/1.45 var(--hub-head); }
.hub-media-card figcaption p { margin: 7px 0 0; color: var(--hub-muted); font-size: .8rem; line-height: 1.58; }
.hub-media-card figcaption small { display: block; margin-top: 10px; color: var(--hub-subtle); font-size: .7rem; line-height: 1.5; }
.hub-media-card figcaption small a { color: var(--hub-blue); }
.hub-media-rights { margin: 9px 0 0; color: var(--hub-subtle); font-size: .7rem; line-height: 1.55; }
.hub-metrics-compact { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 0; }
.hub-narrative-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 18px; }
.hub-narrative-theme { padding: 17px; border: 1px solid var(--hub-border); border-radius: 15px; background: var(--hub-panel-soft); }
.hub-narrative-theme > div { display: flex; align-items: start; justify-content: space-between; gap: 12px; }
.hub-narrative-theme h3 { margin: 0; font: 700 .95rem/1.4 var(--hub-head); }
.hub-narrative-theme p { margin: 10px 0 0; color: var(--hub-muted); font-size: .84rem; line-height: 1.65; }
.hub-evidence-chip { display: block; margin-top: 10px; }
.hub-future-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 18px; }
.hub-future-growth { padding: 17px; border: 1px solid var(--hub-border); border-radius: 15px; background: var(--hub-panel-soft); }
.hub-future-growth > div { display: flex; align-items: start; justify-content: space-between; gap: 10px; }
.hub-future-growth h3 { margin: 0; font: 700 .9rem/1.4 var(--hub-head); }
.hub-future-growth p { margin: 10px 0 0; padding-left: 10px; border-left: 3px solid var(--hub-border); color: var(--hub-muted); font-size: .8rem; line-height: 1.6; }
.hub-future-growth p.confirm { border-left-color: var(--hub-green); }
.hub-future-growth p.deny { border-left-color: var(--hub-red); }
.hub-future-growth p b { color: var(--hub-text); }
.hub-future-growth .hub-citations { display: block; margin: 10px 0 0 0; }
@media (max-width: 900px) {
    .hub-hero { grid-template-columns: auto minmax(0, 1fr); }
    .hub-hero-meta { grid-column: 1 / -1; align-items: flex-start; justify-self: start; }
    .hub-grid, .hub-data-grid, .hub-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .hub-chain { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .hub-narrative-grid, .hub-future-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .hub-media-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .hub-charts-grid { grid-template-columns: 1fr; }
    .hub-snapshot-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .hub-companychain { grid-template-columns: 1fr; }
    .hub-companychain-core { order: -1; }
}
@media (max-width: 620px) {
    .hub-shell { width: calc(100vw - 28px); max-width: calc(100vw - 28px); margin-inline: 14px; padding-top: 24px; }
    .hub-topbar { gap: 8px; padding-inline: 14px; }
    .hub-brand { min-width: 0; font-size: .78rem; letter-spacing: .04em; white-space: nowrap; }
    .hub-back { flex: 0 1 auto; max-width: 110px; padding-inline: 8px; font-size: .72rem; line-height: 1.25; text-align: center; }
    .hub-hero { grid-template-columns: 1fr; gap: 14px; padding: 20px; }
    .hub-logo { width: 64px; height: 64px; border-radius: 18px; }
    .hub-logo img { width: 38px; height: 38px; }
    .hub-hero-meta { width: 100%; min-width: 0; grid-column: auto; align-items: flex-start; }
    .hub-price-chip { max-width: 100%; white-space: normal; text-align: left; line-height: 1.45; }
    .hub-scoreboard, .hub-grid, .hub-grid.two, .hub-data-grid { grid-template-columns: 1fr; }
    .hub-metrics, .hub-moat-grid, .hub-risk-grid, .hub-timeline, .hub-price-clock, .hub-scenarios, .hub-related-grid, .hub-source-list, .hub-narrative-grid, .hub-future-grid, .hub-bullbear, .hub-snapshot-grid, .hub-beginner-grid, .hub-money-map, .hub-media-grid { grid-template-columns: 1fr; }
    .hub-chain { grid-template-columns: 1fr; }
    .hub-chain li { min-height: 72px; }
    .hub-exec { align-items: flex-start; flex-direction: column; }
    .hub-section-title { align-items: flex-start; flex-direction: column; gap: 5px; }
    .hub-section-title span { text-align: left; }
    .hub-score { min-height: 105px; }
    .hub-tabs-wrap { top: 64px; margin-inline: -14px; border-radius: 0; border-left: 0; border-right: 0; }
    .hub-tabs { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: thin; }
    .hub-panel, .hub-panel-head, .hub-panel-head > div, .hub-card { min-width: 0; }
    .hub-panel { max-width: 100%; padding: 20px; }
    .hub-panel-head { flex-direction: column; }
    .hub-panel h2, .hub-panel-lead { overflow-wrap: anywhere; }
}
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; }
}

/* ══ 12-Point AUDIKUNG Daily Website Standard (2026-10-22) ══
   1. Canonical Font Lock: Zero Sarabun at <= 17.5px (Plus Jakarta Sans + Sarabun for all <= 17.5px UI/cards/tables; Outfit + Sarabun strictly for > 17.5px headings/metrics)
   2. Full Dark & Light Mode Support with >= 4.5:1 Contrast at Rest and on :hover
   3. Deep Royal Navy active tabs/CTAs + Navy logo tile so white SVG logos (PLTR) stay 100% visible in Light Mode */
:is(
    .hub-brand,
    .hub-eyebrow,
    .hub-state,
    .hub-price-chip b,
    .hub-beginner-guide summary,
    .hub-beginner-grid b,
    .hub-score-label,
    .hub-score-value small,
    .hub-tab,
    .hub-panel-kicker,
    .hub-panel h2,
    .hub-card h3,
    .hub-data-slot span,
    .hub-data-slot strong,
    .hub-method summary,
    .hub-exec span,
    .hub-price-clock span,
    .hub-provider span,
    .hub-reverse span,
    .hub-exec strong,
    .hub-section-title h3,
    .hub-citations a,
    .hub-table-wrap thead th,
    .hub-chain li::before,
    .hub-disclosure > strong,
    .hub-moat h3,
    .hub-risk h3,
    .hub-metric strong,
    .hub-chart-title,
    .hub-bull h3,
    .hub-bear h3,
    .hub-snapshot-col h4,
    .hub-pricebar-tick span,
    .hub-pricebar-current span,
    .hub-statement summary,
    .hub-timeline strong,
    .hub-scenario > span,
    .hub-falsifiers > strong,
    .hub-related strong,
    .hub-source-list strong,
    .hub-source-group > h3,
    .hub-jump,
    .hub-companychain-col > span,
    .hub-companychain-core > span,
    .hub-money-route::after,
    .hub-money-route strong,
    .hub-media-card figcaption strong,
    .hub-narrative-theme h3,
    .hub-future-growth h3
) {
    font-family: var(--hub-body) !important;
}

html[data-theme="light"] {
    color-scheme: light;
    --hub-bg: #f6f1e6;
    --hub-panel: #fffdf8;
    --hub-panel-strong: #f3ede0;
    --hub-panel-soft: #ffffff;
    --hub-border: rgba(20, 32, 50, 0.14);
    --hub-border-strong: rgba(146, 98, 14, 0.42);
    --hub-gold: #7c4f06;
    --hub-gold-soft: rgba(180, 128, 28, 0.10);
    --hub-blue: #154c8f;
    --hub-blue-soft: rgba(21, 76, 143, 0.08);
    --hub-green: #0a6847;
    --hub-red: #b91c1c;
    --hub-amber: #8f4f05;
    --hub-text: #0f172a;
    --hub-muted: #334155;
    --hub-subtle: #475569;
}
html[data-theme="light"] body {
    background:
        radial-gradient(circle at 15% -10%, rgba(21, 76, 143, 0.08), transparent 34%),
        radial-gradient(circle at 92% 5%, rgba(180, 128, 28, 0.10), transparent 28%),
        var(--hub-bg) !important;
    color: var(--hub-text) !important;
}
html[data-theme="light"] .hub-topbar {
    background: rgba(246, 241, 230, 0.92) !important;
    border-bottom-color: rgba(20, 32, 50, 0.14) !important;
}
html[data-theme="light"] .hub-brand {
    color: #0f172a !important;
}
html[data-theme="light"] .hub-back {
    background: #ffffff !important;
    color: #1e293b !important;
    border-color: rgba(20, 32, 50, 0.22) !important;
}
html[data-theme="light"] .hub-back:hover,
html[data-theme="light"] .hub-back:focus-visible {
    background: #142032 !important;
    color: #ffffff !important;
    border-color: #142032 !important;
}
html[data-theme="light"] .hub-hero {
    background: linear-gradient(145deg, #ffffff 0%, #f7f1e3 100%) !important;
    border-color: rgba(20, 32, 50, 0.16) !important;
    box-shadow: 0 18px 42px rgba(20, 32, 50, 0.08) !important;
}
/* Deep Royal Navy tile for company logos so white SVGs (PLTR) remain 100% crisp in Light Mode */
html[data-theme="light"] .hub-logo {
    background: #142032 !important;
    border-color: rgba(20, 32, 50, 0.28) !important;
    box-shadow: 0 8px 20px rgba(20, 32, 50, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
}
html[data-theme="light"] .hub-title {
    color: #0f172a !important;
}
html[data-theme="light"] .hub-ticker {
    color: #7c4f06 !important;
}
html[data-theme="light"] .hub-state {
    background: #fef7e6 !important;
    color: #6b4304 !important;
    border-color: rgba(146, 98, 14, 0.42) !important;
}
html[data-theme="light"] .hub-price-chip {
    background: #ffffff !important;
    color: #0f172a !important;
    border-color: rgba(20, 32, 50, 0.18) !important;
}
html[data-theme="light"] .hub-company-intro,
html[data-theme="light"] .hub-note,
html[data-theme="light"] .hub-thesis,
html[data-theme="light"] .hub-plain {
    color: #1e293b !important;
}
html[data-theme="light"] .hub-beginner-guide {
    background: #f0f6ff !important;
    border-color: rgba(21, 76, 143, 0.25) !important;
}
html[data-theme="light"] .hub-beginner-grid p {
    background: #ffffff !important;
    border-color: rgba(20, 32, 50, 0.14) !important;
}
html[data-theme="light"] .hub-score {
    background: linear-gradient(145deg, #ffffff 0%, #f8f3e7 100%) !important;
    border-color: rgba(20, 32, 50, 0.15) !important;
    box-shadow: 0 8px 24px rgba(20, 32, 50, 0.05) !important;
}
html[data-theme="light"] .hub-score-overall {
    background: linear-gradient(145deg, #fdf5e2 0%, #f5ead0 100%) !important;
    border-color: rgba(146, 98, 14, 0.45) !important;
}
html[data-theme="light"] .hub-tabs-wrap {
    background: rgba(255, 253, 248, 0.94) !important;
    border-color: rgba(20, 32, 50, 0.16) !important;
    box-shadow: 0 10px 28px rgba(20, 32, 50, 0.08) !important;
}
html[data-theme="light"] .hub-tab {
    color: #1e293b !important;
    background: transparent !important;
}
html[data-theme="light"] .hub-tab:hover {
    color: #0f172a !important;
    background: rgba(20, 32, 50, 0.08) !important;
    border-color: rgba(20, 32, 50, 0.22) !important;
}
html[data-theme="light"] .hub-tab[aria-selected="true"],
html[data-theme="light"] .hub-tab[aria-selected="true"]:hover {
    background: #142032 !important;
    background-image: none !important;
    color: #ffffff !important;
    border-color: #142032 !important;
    box-shadow: 0 6px 16px rgba(20, 32, 50, 0.22) !important;
}
html[data-theme="light"] .hub-panel {
    background: #fffdf8 !important;
    border-color: rgba(20, 32, 50, 0.15) !important;
    box-shadow: 0 14px 36px rgba(20, 32, 50, 0.06) !important;
}
html[data-theme="light"] :is(.hub-card, .hub-moat, .hub-risk, .hub-metric, .hub-chart-wrap, .hub-snapshot-col, .hub-timeline article, .hub-scenario, .hub-narrative-theme, .hub-future-growth, .hub-chain li, .hub-companychain-node, .hub-money-route, .hub-method, .hub-statement) {
    background: #ffffff !important;
    border-color: rgba(20, 32, 50, 0.14) !important;
}
html[data-theme="light"] :is(.hub-card, .hub-moat, .hub-risk, .hub-narrative-theme, .hub-future-growth).positive {
    background: linear-gradient(160deg, rgba(10, 104, 71, 0.08), #ffffff) !important;
    border-color: rgba(10, 104, 71, 0.34) !important;
}
html[data-theme="light"] :is(.hub-card, .hub-moat, .hub-risk, .hub-narrative-theme, .hub-future-growth).warn {
    background: linear-gradient(160deg, rgba(143, 79, 5, 0.08), #ffffff) !important;
    border-color: rgba(143, 79, 5, 0.34) !important;
}
html[data-theme="light"] :is(.hub-card, .hub-moat, .hub-risk, .hub-narrative-theme, .hub-future-growth).negative {
    background: linear-gradient(160deg, rgba(185, 28, 28, 0.07), #ffffff) !important;
    border-color: rgba(185, 28, 28, 0.32) !important;
}
html[data-theme="light"] .hub-moat .counter {
    color: #991b1b !important;
}
html[data-theme="light"] .hub-bull {
    background: linear-gradient(160deg, rgba(10, 104, 71, 0.09), #ffffff) !important;
    border-color: rgba(10, 104, 71, 0.36) !important;
}
html[data-theme="light"] .hub-bear {
    background: linear-gradient(160deg, rgba(185, 28, 28, 0.08), #ffffff) !important;
    border-color: rgba(185, 28, 28, 0.36) !important;
}
html[data-theme="light"] :is(.hub-bull ul, .hub-bear ul) {
    color: #1e293b !important;
}
html[data-theme="light"] .hub-table-wrap thead th {
    background: #eef2f7 !important;
    color: #154c8f !important;
}
html[data-theme="light"] .hub-table-wrap tr.is-self {
    background: rgba(180, 128, 28, 0.12) !important;
}
html[data-theme="light"] .hub-pricebar-current span {
    background: #142032 !important;
    color: #f8fafc !important;
    border-color: #142032 !important;
}
html[data-theme="light"] :is(.hub-earnings-hero, .hub-companychain-core, .hub-price-clock > div, .hub-provider) {
    background: linear-gradient(145deg, #fdf6e7 0%, #ffffff 100%) !important;
    border-color: rgba(146, 98, 14, 0.38) !important;
}
html[data-theme="light"] .hub-reverse {
    background: linear-gradient(145deg, #eff6ff 0%, #ffffff 100%) !important;
    border-color: rgba(21, 76, 143, 0.32) !important;
}
html[data-theme="light"] .hub-media-card {
    background: #ffffff !important;
    border-color: rgba(20, 32, 50, 0.16) !important;
}
html[data-theme="light"] .hub-citations a {
    background: #eff6ff !important;
    color: #103c73 !important;
    border-color: rgba(16, 60, 115, 0.38) !important;
}
html[data-theme="light"] .hub-citations a:hover,
html[data-theme="light"] .hub-citations a:focus-visible {
    background: #142032 !important;
    color: #ffffff !important;
    border-color: #142032 !important;
}
html[data-theme="light"] .hub-source-list a,
html[data-theme="light"] .hub-related {
    background: #ffffff !important;
    color: #0f172a !important;
    border-color: rgba(20, 32, 50, 0.18) !important;
}
html[data-theme="light"] .hub-source-list a strong {
    color: #0f172a !important;
}
html[data-theme="light"] .hub-source-list a span {
    color: #475569 !important;
}
html[data-theme="light"] .hub-source-list a:hover,
html[data-theme="light"] .hub-source-list a:focus-visible,
html[data-theme="light"] .hub-related:hover,
html[data-theme="light"] .hub-related:focus-visible {
    background: #f8f4ea !important;
    color: #0f172a !important;
    border-color: rgba(124, 79, 6, 0.55) !important;
}
html[data-theme="light"] .hub-chain-link {
    background: #ffffff !important;
    color: #6b4304 !important;
    border-color: rgba(124, 79, 6, 0.52) !important;
}
html[data-theme="light"] .hub-chain-link:hover,
html[data-theme="light"] .hub-chain-link:focus-visible {
    background: #142032 !important;
    color: #ffffff !important;
    border-color: #142032 !important;
}
html[data-theme="light"] .hub-jump {
    background: #fef7e6 !important;
    color: #6b4304 !important;
    border-color: rgba(124, 79, 6, 0.45) !important;
}
html[data-theme="light"] .hub-jump:hover,
html[data-theme="light"] .hub-jump:focus-visible {
    background: #142032 !important;
    color: #ffffff !important;
    border-color: #142032 !important;
}
html[data-theme="light"] .hub-deep-link {
    background: #142032 !important;
    background-image: none !important;
    color: #ffffff !important;
    border-color: #142032 !important;
}
html[data-theme="light"] .hub-deep-link:hover,
html[data-theme="light"] .hub-deep-link:focus-visible {
    background: #1e304a !important;
    background-image: none !important;
    color: #ffffff !important;
}
/* === Web Standard v2 tabs (2026-10-24, impeccable §1.3 + ak-ui .aku-ftab; replaces the 10-22 jewel-tone nth-child pills) === */
:is(.ah-tabs button, .ah-pill){--g:var(--aku-primary);position:relative;background:none!important;border:0!important;box-shadow:none!important;border-radius:10px!important;
  color:var(--aku-copy)!important;font-family:var(--aku-font-body)!important;font-weight:600!important;
  filter:none!important;transform:none!important;transition:color 180ms ease,background 180ms ease!important}
:is(.ah-tabs button, .ah-pill)::after{content:"";position:absolute;left:12px;right:12px;bottom:2px;height:3px;border-radius:3px;background:var(--g);box-shadow:0 0 10px 1px var(--g);
  scale:0 1;transition:scale 240ms cubic-bezier(.16,1,.3,1);pointer-events:none}
:is(.ah-tabs button, .ah-pill):is(:hover,:focus-visible){color:var(--aku-text)!important;background:color-mix(in srgb,var(--g) 9%,transparent)!important}
:is(.ah-tabs button, .ah-pill):is(.active,.is-active,.is-on,.on,[aria-selected="true"],[aria-pressed="true"]){color:var(--aku-text)!important;
  background:radial-gradient(60% 90% at 50% 100%,color-mix(in srgb,var(--g) 24%,transparent),transparent 80%)!important}
:is(.ah-tabs button, .ah-pill):is(.active,.is-active,.is-on,.on,[aria-selected="true"],[aria-pressed="true"])::after{scale:1 1}
:is(.ah-tabs button, .ah-pill) :is(b,strong,small){color:inherit!important}
:is(.ah-tabs button, .ah-pill):focus-visible{outline:2px solid var(--g);outline-offset:2px}
/* colour at rest like the old rainbow pills (Audi 2026-10-24: "แท็บขีดเส้นใต้ แต่ว่าช่วงแบ่งประเภท และสีเหมือนปุ่มสีรุ้ง"); tokens in ak-ui.css */
:is(.ah-tabs button, .ah-pill){color:color-mix(in srgb,var(--g) 72%,var(--aku-text))!important}
html[data-theme="light"] :is(.ah-tabs button, .ah-pill){color:color-mix(in srgb,var(--g) 55%,var(--aku-text))!important}
:is(.ah-tabs button, .ah-pill)::after{scale:.32 1;opacity:.55}
:is(.ah-tabs button, .ah-pill):is(:hover,:focus-visible)::after{scale:.7 1;opacity:.85}
:is(.ah-tabs button, .ah-pill):is(.active,.is-active,.is-on,.on,[aria-selected="true"],[aria-pressed="true"])::after{opacity:1}
:is(.ah-tabs button, .ah-pill):nth-child(6n+1){--g:var(--aku-r1)}:is(.ah-tabs button, .ah-pill):nth-child(6n+2){--g:var(--aku-r2)}:is(.ah-tabs button, .ah-pill):nth-child(6n+3){--g:var(--aku-r3)}
:is(.ah-tabs button, .ah-pill):nth-child(6n+4){--g:var(--aku-r4)}:is(.ah-tabs button, .ah-pill):nth-child(6n+5){--g:var(--aku-r5)}:is(.ah-tabs button, .ah-pill):nth-child(6n+6){--g:var(--aku-r6)}
/* groups: add a divider between real groups by hand (see knowledge-map.css .kl-domains) */
html[data-theme="light"] :is(.ah-tabs button, .ah-pill):is(.active,.is-active,.is-on,.on,[aria-selected="true"],[aria-pressed="true"]){color:color-mix(in srgb,var(--g) 85%,var(--aku-text))!important;font-weight:750!important}
@media (prefers-reduced-motion:reduce){:is(.ah-tabs button, .ah-pill),:is(.ah-tabs button, .ah-pill)::after{transition:none!important}}
/* === Web Standard v2 tabs END === */

/* === CATALOGUE B (BLUE / WHITE / MINT) + STANDALONE DEEP-DIVE SURFACE LOCK (Audi 2026-10-28) === */
body.hub-cat-b {
    --hub-ink-b: rgb(15, 23, 42);
    --hub-ink-2-b: rgb(51, 65, 85);
    --hub-ink-3-b: rgb(71, 85, 105);
    --hub-blue-b: rgb(239, 246, 255);
    --hub-mint-b: rgb(236, 253, 245);
    --hub-border-b: rgba(37, 99, 235, 0.24);
    --hub-border-mint-b: rgba(16, 185, 129, 0.38);
    --hub-accent-blue: rgb(29, 78, 216);
    --hub-accent-mint: rgb(4, 120, 87);
    background:
        radial-gradient(1100px 520px at 16% 0%, rgba(56, 189, 248, 0.18), transparent 62%),
        radial-gradient(960px 480px at 86% 10%, rgba(16, 185, 129, 0.16), transparent 62%),
        linear-gradient(180deg, rgb(7, 17, 34) 0%, rgb(11, 25, 48) 100%);
    font-family: var(--aku-font-body, 'AK Thai', 'Google Sans', sans-serif);
}
html[data-theme="light"] body.hub-cat-b {
    background:
        radial-gradient(1100px 520px at 16% 0%, rgba(56, 189, 248, 0.16), transparent 62%),
        radial-gradient(960px 480px at 86% 10%, rgba(16, 185, 129, 0.14), transparent 62%),
        linear-gradient(180deg, rgb(240, 249, 255) 0%, rgb(236, 253, 245) 48%, rgb(248, 250, 252) 100%) !important;
}
.hub-top-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}
body.hub-cat-b #slime-mate {
    display: none !important;
}
body.hub-cat-b[data-ak-shell="2"] .hub-topbar {
    position: relative !important;
    top: auto !important;
    z-index: 5 !important;
    width: min(1180px, calc(100% - 40px));
    margin: 16px auto -24px;
    padding: 0 !important;
    min-height: 0 !important;
    background: transparent !important;
    border-bottom: 0 !important;
    backdrop-filter: none !important;
}
body.hub-cat-b[data-ak-shell="2"] .hub-topbar .hub-brand {
    display: none !important;
}
body.hub-cat-b .hub-hero {
    border: 1.5px solid var(--hub-border-mint-b) !important;
    background:
        linear-gradient(90deg, var(--aku-w-knowledge, rgb(37, 99, 235)), var(--aku-w-focus, rgb(14, 165, 233)), var(--aku-w-finance, rgb(16, 185, 129))) 0 0 / 100% 4px no-repeat,
        linear-gradient(135deg, rgb(255, 255, 255) 0%, var(--hub-blue-b) 52%, var(--hub-mint-b) 100%) !important;
    color: var(--hub-ink-b) !important;
    box-shadow: inset 0 2px 0 rgb(255, 255, 255), 0 22px 48px -24px rgba(4, 10, 24, 0.42) !important;
}
body.hub-cat-b .hub-logo {
    background: rgb(20, 32, 50) !important;
    border: 2px solid rgba(37, 99, 235, 0.34) !important;
    box-shadow: 0 8px 18px -8px rgba(15, 23, 42, 0.35) !important;
}
body.hub-cat-b .hub-eyebrow {
    color: var(--hub-accent-mint) !important;
}
body.hub-cat-b .hub-title {
    color: var(--hub-ink-b) !important;
}
body.hub-cat-b .hub-ticker {
    color: var(--hub-accent-blue) !important;
}
body.hub-cat-b .hub-category {
    color: var(--hub-ink-2-b) !important;
}
body.hub-cat-b .hub-state {
    background: linear-gradient(175deg, rgb(255, 255, 255), var(--hub-mint-b)) !important;
    border: 1.5px solid var(--hub-border-mint-b) !important;
    color: var(--hub-accent-mint) !important;
}
body.hub-cat-b .hub-price-chip {
    background: rgb(255, 255, 255) !important;
    border: 1.5px solid var(--hub-border-b) !important;
    color: var(--hub-ink-2-b) !important;
}
body.hub-cat-b .hub-price-chip b {
    color: var(--hub-accent-blue) !important;
}
body.hub-cat-b .hub-company-intro {
    max-width: 100%;
    margin: 18px 0 0;
    padding: 18px 22px;
    border-radius: 18px;
    border: 1.5px solid var(--hub-border-b);
    border-left: 4px solid var(--hub-accent-mint);
    background: linear-gradient(145deg, rgb(255, 255, 255) 55%, var(--hub-blue-b) 100%);
    color: var(--hub-ink-b) !important;
    box-shadow: 0 10px 24px -16px rgba(4, 10, 24, 0.25);
}
body.hub-cat-b .hub-asof {
    margin: 12px 0 0;
    padding: 6px 12px;
    display: inline-block;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid var(--hub-border-b);
    color: var(--hub-ink-2-b) !important;
    font-weight: 600;
}
body.hub-cat-b .hub-freshness-note {
    max-width: 100%;
    background: linear-gradient(145deg, rgb(255, 255, 255), var(--hub-mint-b)) !important;
    border: 1.5px dashed var(--hub-border-mint-b) !important;
    color: var(--hub-ink-2-b) !important;
}
body.hub-cat-b .hub-freshness-note b {
    color: var(--hub-accent-mint) !important;
}
body.hub-cat-b .hub-beginner-guide {
    background: linear-gradient(145deg, rgb(255, 255, 255), var(--hub-blue-b)) !important;
    border: 1.5px solid var(--hub-border-b) !important;
}
body.hub-cat-b .hub-beginner-guide summary {
    color: var(--hub-accent-blue) !important;
}
body.hub-cat-b .hub-beginner-grid p {
    background: rgb(255, 255, 255) !important;
    border: 1px solid var(--hub-border-b) !important;
}
body.hub-cat-b .hub-beginner-grid b {
    color: var(--hub-ink-b) !important;
}
body.hub-cat-b .hub-beginner-grid span {
    color: var(--hub-ink-2-b) !important;
}
body.hub-cat-b .hub-tabs-wrap {
    background: rgba(255, 255, 255, 0.94) !important;
    border: 1.5px solid var(--hub-border-b) !important;
    box-shadow: 0 12px 28px -18px rgba(4, 10, 24, 0.28);
}
body.hub-cat-b .hub-tab {
    color: var(--hub-ink-2-b);
}
body.hub-cat-b .hub-tab:hover {
    color: var(--hub-ink-b);
    background: var(--hub-blue-b);
    border-color: var(--hub-border-b);
}
body.hub-cat-b .hub-panel {
    border: 1.5px solid var(--hub-border-mint-b) !important;
    background:
        linear-gradient(155deg, rgb(255, 255, 255) 0%, var(--hub-blue-b) 55%, var(--hub-mint-b) 100%) !important;
    color: var(--hub-ink-b) !important;
    box-shadow: inset 0 2px 0 rgb(255, 255, 255), 0 22px 48px -24px rgba(4, 10, 24, 0.38) !important;
}
body.hub-cat-b .hub-panel-kicker {
    color: var(--hub-accent-mint) !important;
}
body.hub-cat-b .hub-panel h2 {
    color: var(--hub-ink-b) !important;
}
body.hub-cat-b .hub-panel-lead {
    color: var(--hub-ink-2-b) !important;
}
body.hub-cat-b .hub-evidence-badge {
    background: rgb(255, 255, 255) !important;
    border: 1.5px solid var(--hub-border-b) !important;
    color: var(--hub-accent-blue) !important;
    font-weight: 700;
}
body.hub-cat-b .hub-score {
    background: rgb(255, 255, 255) !important;
    border: 1.5px solid var(--hub-border-b) !important;
    border-left: 4px solid var(--hub-accent-blue) !important;
    color: var(--hub-ink-b) !important;
    box-shadow: 0 6px 16px -10px rgba(15, 23, 42, 0.1) !important;
}
body.hub-cat-b .hub-score-overall {
    background: linear-gradient(145deg, rgb(255, 255, 255) 45%, var(--hub-mint-b) 100%) !important;
    border-color: var(--hub-border-mint-b) !important;
    border-left: 4px solid rgb(5, 150, 105) !important;
}
body.hub-cat-b .hub-score-label {
    color: var(--hub-ink-2-b) !important;
}
body.hub-cat-b .hub-score-value {
    color: var(--hub-ink-b) !important;
}
body.hub-cat-b .hub-score-overall .hub-score-value,
body.hub-cat-b .hub-score-value.positive {
    color: rgb(4, 120, 87) !important;
}
body.hub-cat-b .hub-score-value.warn {
    color: rgb(29, 78, 216) !important;
}
body.hub-cat-b .hub-score-value.negative {
    color: rgb(185, 28, 28) !important;
}
body.hub-cat-b .hub-score-meta {
    color: var(--hub-ink-3-b) !important;
}

/* Standalone Deep-Dive Monograph inside #dashboard-root (e.g. RKLB, MU, SMCI, UBER, STRL) */
.hub-standalone-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin: 0 0 20px;
}
.hub-standalone-article {
    display: block;
    color: var(--hub-ink-b, rgb(15, 23, 42));
}
.hub-standalone-article figure {
    margin: 20px 0;
}
.hub-standalone-article .deep-img {
    width: 100%;
    max-height: 440px;
    object-fit: cover;
    border-radius: 16px;
    border: 1.5px solid var(--hub-border-b, rgba(37, 99, 235, 0.24));
    box-shadow: 0 12px 28px -16px rgba(15, 23, 42, 0.22);
    display: block;
}
.hub-standalone-article figcaption {
    margin-top: 8px;
    font-size: 0.82rem;
    color: var(--hub-ink-2-b, rgb(51, 65, 85));
    text-align: center;
}
.hub-standalone-article .verdict {
    background: linear-gradient(135deg, rgb(255, 255, 255) 35%, rgb(236, 253, 245) 100%);
    border: 1.5px solid rgba(16, 185, 129, 0.42);
    border-left: 5px solid rgb(5, 150, 105);
    border-radius: 18px;
    padding: 20px 22px;
    margin: 22px 0;
    box-shadow: 0 8px 20px -12px rgba(16, 185, 129, 0.18);
}
.hub-standalone-article .verdict-head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    font: 800 1.12rem/1.3 var(--hub-head);
    color: rgb(4, 120, 87);
    margin-bottom: 12px;
}
.hub-standalone-article .verdict-pill {
    padding: 4px 10px;
    border-radius: 999px;
    background: rgba(16, 185, 129, 0.16);
    border: 1px solid rgba(16, 185, 129, 0.38);
    color: rgb(4, 120, 87);
    font-size: 0.78rem;
    font-weight: 800;
}
.hub-standalone-article .verdict ul {
    margin: 0;
    padding-left: 20px;
    display: grid;
    gap: 8px;
}
.hub-standalone-article .verdict li {
    color: var(--hub-ink-b, rgb(15, 23, 42));
    font-size: 0.95rem;
    line-height: 1.68;
}
.hub-standalone-article .section-head {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 34px 0 8px;
}
.hub-standalone-article .section-head .ico {
    font-size: 1.35rem;
}
.hub-standalone-article .section-head h2 {
    margin: 0;
    font: 800 1.35rem/1.28 var(--hub-head);
    color: var(--hub-ink-b, rgb(15, 23, 42));
}
.hub-standalone-article .divider {
    border: 0;
    border-top: 1.5px solid rgba(37, 99, 235, 0.18);
    margin: 0 0 16px;
}
.hub-standalone-article .lead,
.hub-standalone-article p {
    color: var(--hub-ink-2-b, rgb(51, 65, 85)) !important;
    font-size: 0.96rem;
    line-height: 1.75;
}
.hub-standalone-article p b,
.hub-standalone-article .lead b {
    color: var(--hub-ink-b, rgb(15, 23, 42)) !important;
}
.hub-standalone-article .tbl-wrap {
    overflow-x: auto;
    border-radius: 14px;
    border: 1.5px solid rgba(37, 99, 235, 0.22);
    background: rgb(255, 255, 255);
    margin: 14px 0;
    box-shadow: 0 6px 16px -12px rgba(15, 23, 42, 0.1);
}
.hub-standalone-article table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
    min-width: 480px;
}
.hub-standalone-article th {
    padding: 11px 14px;
    text-align: left;
    font: 700 0.78rem/1.3 var(--hub-head);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    background: linear-gradient(180deg, rgb(239, 246, 255), rgb(236, 253, 245));
    color: rgb(29, 78, 216);
    border-bottom: 1.5px solid rgba(37, 99, 235, 0.22);
}
.hub-standalone-article td {
    padding: 11px 14px;
    color: var(--hub-ink-2-b, rgb(51, 65, 85));
    border-bottom: 1px solid rgba(37, 99, 235, 0.12);
    vertical-align: top;
    line-height: 1.6;
}
.hub-standalone-article td.k {
    color: var(--hub-ink-b, rgb(15, 23, 42));
    font-weight: 700;
}
.hub-standalone-article .g { color: rgb(4, 120, 87) !important; font-weight: 700; }
.hub-standalone-article .r { color: rgb(185, 28, 28) !important; font-weight: 700; }
.hub-standalone-article .y { color: rgb(180, 83, 9) !important; font-weight: 700; }
.hub-standalone-article .scn-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin: 16px 0;
}
@media (max-width: 680px) {
    .hub-standalone-article .scn-grid {
        grid-template-columns: 1fr;
    }
}
.hub-standalone-article .scn {
    background: rgb(255, 255, 255);
    border: 1.5px solid rgba(37, 99, 235, 0.22);
    border-radius: 16px;
    padding: 16px 18px;
    box-shadow: 0 6px 14px -10px rgba(15, 23, 42, 0.1);
}
.hub-standalone-article .scn.bull {
    border-top: 4px solid rgb(5, 150, 105);
    background: linear-gradient(180deg, rgb(236, 253, 245) 0%, rgb(255, 255, 255) 65%);
}
.hub-standalone-article .scn.base {
    border-top: 4px solid rgb(37, 99, 235);
    background: linear-gradient(180deg, rgb(239, 246, 255) 0%, rgb(255, 255, 255) 65%);
}
.hub-standalone-article .scn.bear {
    border-top: 4px solid rgb(220, 38, 38);
    background: linear-gradient(180deg, rgba(254, 226, 226, 0.65) 0%, rgb(255, 255, 255) 65%);
}
.hub-standalone-article .scn-top {
    font: 800 0.96rem/1.3 var(--hub-head);
    color: var(--hub-ink-b, rgb(15, 23, 42));
}
.hub-standalone-article .scn-prob {
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--hub-ink-3-b, rgb(71, 85, 105));
}
.hub-standalone-article .scn-target {
    font: 800 1.4rem/1.2 var(--hub-head);
    margin: 8px 0;
}
.hub-standalone-article .scn.bull .scn-target { color: rgb(4, 120, 87); }
.hub-standalone-article .scn.base .scn-target { color: rgb(29, 78, 216); }
.hub-standalone-article .scn.bear .scn-target { color: rgb(185, 28, 28); }
.hub-standalone-article .scn-note {
    font-size: 0.84rem;
    color: var(--hub-ink-2-b, rgb(51, 65, 85));
    line-height: 1.55;
}
.hub-standalone-article .weighted {
    padding: 14px 16px;
    border-radius: 14px;
    border: 1.5px solid rgba(37, 99, 235, 0.28);
    background: rgb(255, 255, 255);
    color: var(--hub-ink-b, rgb(15, 23, 42));
    font-size: 0.92rem;
}
.hub-standalone-article .callout {
    background: rgb(255, 255, 255);
    border: 1.5px solid rgba(37, 99, 235, 0.22);
    border-left: 4px solid rgb(37, 99, 235);
    border-radius: 14px;
    padding: 14px 18px;
    margin: 14px 0;
    color: var(--hub-ink-2-b, rgb(51, 65, 85));
    font-size: 0.92rem;
    line-height: 1.72;
}
.hub-standalone-article .callout.warn {
    border-left-color: rgb(217, 119, 6);
    background: linear-gradient(90deg, rgba(254, 243, 199, 0.5), rgb(255, 255, 255) 45%);
}
.hub-standalone-article .callout.danger {
    border-left-color: rgb(220, 38, 38);
    background: linear-gradient(90deg, rgba(254, 226, 226, 0.5), rgb(255, 255, 255) 45%);
}
.hub-standalone-article .callout b {
    color: var(--hub-ink-b, rgb(15, 23, 42));
}
.hub-standalone-article .variant {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin: 14px 0;
}
@media (max-width: 680px) {
    .hub-standalone-article .variant {
        grid-template-columns: 1fr;
    }
}
.hub-standalone-article .variant-card {
    background: rgb(255, 255, 255);
    border: 1.5px solid rgba(37, 99, 235, 0.22);
    border-radius: 14px;
    padding: 16px 18px;
}
.hub-standalone-article .variant-card.edge {
    border-left: 4px solid rgb(5, 150, 105);
    background: linear-gradient(145deg, rgb(255, 255, 255), rgb(236, 253, 245));
}
.hub-standalone-article .variant-card .vh {
    font: 800 0.92rem/1.3 var(--hub-head);
    color: var(--hub-ink-b, rgb(15, 23, 42));
    margin-bottom: 6px;
}
.hub-standalone-article .watch-list {
    display: grid;
    gap: 10px;
}
.hub-standalone-article .watch-item {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    padding: 12px 16px;
    border-radius: 12px;
    background: rgb(255, 255, 255);
    border: 1.5px solid rgba(37, 99, 235, 0.22);
    color: var(--hub-ink-2-b, rgb(51, 65, 85));
}
.hub-standalone-article .watch-item b {
    color: var(--hub-ink-b, rgb(15, 23, 42));
}
.hub-standalone-article .watch-item .dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: rgb(5, 150, 105);
    flex: none;
    margin-top: 7px;
}
.hub-standalone-article .legend-box {
    margin: 24px 0;
    padding: 16px 18px;
    border-radius: 16px;
    background: rgb(255, 255, 255);
    border: 1.5px solid rgba(37, 99, 235, 0.22);
}
.hub-standalone-article .legend-box h3 {
    margin: 0 0 10px;
    font: 800 0.96rem/1.3 var(--hub-head);
    color: var(--hub-ink-b, rgb(15, 23, 42));
}
.hub-standalone-article .legend-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.hub-standalone-article .lg {
    padding: 4px 11px;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 600;
    background: rgb(239, 246, 255);
    border: 1px solid rgba(37, 99, 235, 0.22);
    color: var(--hub-ink-2-b, rgb(51, 65, 85));
}
.hub-standalone-article .lg.on {
    background: rgb(209, 250, 229);
    border-color: rgb(5, 150, 105);
    color: rgb(4, 120, 87);
    font-weight: 800;
}
.hub-standalone-article .disclaimer {
    margin-top: 22px;
    padding: 12px 16px;
    border-radius: 12px;
    background: rgba(254, 243, 199, 0.55);
    border: 1px solid rgba(217, 119, 6, 0.35);
    color: rgb(146, 64, 14);
    font-size: 0.82rem;
    line-height: 1.65;
}
.hub-standalone-article .last-updated {
    margin-top: 18px;
    padding-top: 16px;
    border-top: 1px solid rgba(37, 99, 235, 0.2);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    font-size: 0.84rem;
    color: var(--hub-ink-2-b, rgb(51, 65, 85));
}

/* === D1 DARK MODE + L1 LIGHT MODE + ZERO-DELTA ZONE WIDTH ALIGNMENT LOCK (Audi 2026-10-28) === */
body.hub-cat-b[data-ak-shell="2"] .hub-topbar,
body.hub-cat-b .hub-shell {
    width: min(1180px, calc(100% - 40px)) !important;
    max-width: min(1180px, calc(100% - 40px)) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
}
body.hub-cat-b[data-ak-shell="2"] .hub-topbar {
    margin-top: 16px !important;
    margin-bottom: 14px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
}
body.hub-cat-b .hub-shell {
    padding-top: 0 !important;
}
body.hub-cat-b .hub-shell > :is(.hub-hero, .hub-company-intro, .hub-asof, .hub-freshness-note, .hub-beginner-guide, .hub-tabs-wrap, .hub-panel, .hub-footnote) {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
}
body.hub-cat-b .hub-asof {
    display: block !important;
    padding: 10px 16px !important;
    border-radius: 14px !important;
}
body.hub-cat-b .hub-tabs-wrap {
    border-radius: 16px !important;
}
body.hub-cat-b .hub-panel[hidden],
body.hub-cat-b .hub-tabs-wrap[hidden],
body.hub-cat-b .hub-freshness-note[hidden] {
    display: none !important;
}
@media (max-width: 620px) {
    body.hub-cat-b[data-ak-shell="2"] .hub-topbar,
    body.hub-cat-b .hub-shell {
        width: calc(100% - 28px) !important;
        max-width: calc(100% - 28px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    body.hub-cat-b .hub-tabs-wrap {
        margin-inline: 0 !important;
        border-radius: 14px !important;
    }
}

.hub-peer-strip {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}
.hub-peer-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 700;
    text-decoration: none;
    line-height: 1.2;
}
.hub-peer-chip img {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    object-fit: contain;
    background: rgb(255, 255, 255);
    padding: 1px;
    flex-shrink: 0;
}
.hub-eyebrow [data-ak-px],
.hub-tab [data-ak-px] {
    display: inline-flex;
    vertical-align: -2px;
    margin-right: 6px;
}

/* 1. D1 Dark Mode (Deep Obsidian Navy) */
html:not([data-theme="light"]) body.hub-cat-b {
    background:
        radial-gradient(1100px 520px at 16% 0%, rgba(56, 189, 248, 0.14), transparent 62%),
        radial-gradient(960px 480px at 86% 10%, rgba(16, 185, 129, 0.12), transparent 62%),
        linear-gradient(180deg, rgb(4, 9, 20) 0%, rgb(6, 13, 26) 52%, rgb(7, 18, 34) 100%) !important;
    color: rgb(248, 250, 252) !important;
}
html:not([data-theme="light"]) body.hub-cat-b :is(.hub-hero, .hub-panel) {
    background: linear-gradient(165deg, rgb(6, 13, 26) 0%, rgb(7, 18, 34) 54%, rgb(5, 19, 28) 100%) !important;
    border: 1px solid rgba(56, 189, 248, 0.28) !important;
    box-shadow: inset 0 1px 0 rgba(125, 211, 252, 0.14), 0 18px 40px -20px rgba(2, 6, 23, 0.78) !important;
    color: rgb(248, 250, 252) !important;
}
html:not([data-theme="light"]) body.hub-cat-b :is(
    .hub-company-intro,
    .hub-asof,
    .hub-freshness-note,
    .hub-beginner-guide,
    .hub-beginner-grid p,
    .hub-tabs-wrap,
    .hub-score:not(.hub-score-overall),
    .hub-card:not(.positive):not(.negative),
    .hub-moat:not(.positive):not(.negative),
    .hub-risk:not(.positive):not(.negative),
    .hub-metric,
    .hub-chart-wrap,
    .hub-snapshot-col,
    .hub-exec,
    .hub-thesis,
    .hub-note,
    .hub-disclosure,
    .hub-method,
    .hub-statement,
    .hub-timeline article,
    .hub-earnings-hero,
    .hub-guidance-box,
    .hub-price-clock > div,
    .hub-provider,
    .hub-reverse,
    .hub-scenario:not(.positive):not(.negative),
    .hub-related,
    .hub-source-list a,
    .hub-chain li,
    .hub-companychain-node,
    .hub-companychain-core,
    .hub-money-route,
    .hub-media-card,
    .hub-narrative-theme:not(.positive):not(.negative),
    .hub-future-growth:not(.positive):not(.negative),
    .hub-price-chip,
    .hub-evidence-badge,
    .hub-standalone-article .scn.base,
    .hub-standalone-article .variant-card:not(.edge),
    .hub-standalone-article .watch-item,
    .hub-standalone-article .legend-box,
    .hub-standalone-article .tbl-wrap,
    .hub-standalone-article .weighted,
    .hub-standalone-article .callout:not(.danger)
) {
    background: linear-gradient(145deg, rgb(7, 17, 32) 0%, rgb(9, 23, 43) 54%, rgb(8, 26, 40) 100%) !important;
    border-color: rgba(96, 165, 250, 0.36) !important;
    color: rgb(248, 250, 252) !important;
    box-shadow: inset 0 1px 0 rgba(147, 197, 253, 0.12), 0 10px 24px -14px rgba(2, 6, 23, 0.72) !important;
}
html:not([data-theme="light"]) body.hub-cat-b :is(
    .hub-bull,
    .hub-score-overall,
    .hub-state,
    .hub-card.positive,
    .hub-moat.positive,
    .hub-risk.positive,
    .hub-narrative-theme.positive,
    .hub-future-growth.positive,
    .hub-scenario.positive,
    .hub-standalone-article .scn.bull,
    .hub-standalone-article .variant-card.edge,
    .hub-standalone-article .verdict
) {
    background: linear-gradient(145deg, rgb(8, 48, 36) 0%, rgb(5, 32, 24) 100%) !important;
    border: 1px solid rgba(52, 211, 153, 0.5) !important;
    color: rgb(236, 253, 245) !important;
}
html:not([data-theme="light"]) body.hub-cat-b :is(
    .hub-bear,
    .hub-falsifiers,
    .hub-card.negative,
    .hub-moat.negative,
    .hub-risk.negative,
    .hub-narrative-theme.negative,
    .hub-future-growth.negative,
    .hub-scenario.negative,
    .hub-standalone-article .scn.bear,
    .hub-standalone-article .callout.danger
) {
    background: linear-gradient(145deg, rgb(53, 14, 30) 0%, rgb(32, 9, 19) 100%) !important;
    border: 1px solid rgba(251, 113, 133, 0.5) !important;
    color: rgb(255, 241, 242) !important;
}
html:not([data-theme="light"]) body.hub-cat-b :is(
    .hub-title,
    .hub-panel h2,
    .hub-section-title h3,
    .hub-card h3,
    .hub-moat h3,
    .hub-risk h3,
    .hub-narrative-theme h3,
    .hub-future-growth h3,
    .hub-metric strong,
    .hub-score-value,
    .hub-exec strong,
    .hub-beginner-grid b,
    .hub-money-route strong,
    .hub-media-card figcaption strong,
    .hub-table-wrap tbody th,
    .hub-standalone-article .section-head h2,
    .hub-standalone-article .scn-top,
    .hub-standalone-article .variant-card .vh,
    .hub-standalone-article .legend-box h3,
    .hub-standalone-article td.k
) {
    color: rgb(248, 250, 252) !important;
}
html:not([data-theme="light"]) body.hub-cat-b :is(
    .hub-score-overall .hub-score-value,
    .hub-score-value.positive,
    .hub-metric strong.positive,
    .hub-snapshot-row b.positive,
    .hub-table-wrap td.positive,
    .hub-scenario.positive strong,
    .hub-bull h3,
    .hub-standalone-article .g,
    .hub-standalone-article .scn.bull .scn-target,
    .hub-standalone-article .verdict-head
) {
    color: rgb(110, 231, 183) !important;
}
html:not([data-theme="light"]) body.hub-cat-b :is(
    .hub-score-value.negative,
    .hub-metric strong.negative,
    .hub-snapshot-row b.negative,
    .hub-table-wrap td.negative,
    .hub-scenario.negative strong,
    .hub-bear h3,
    .hub-falsifiers > strong,
    .hub-standalone-article .r,
    .hub-standalone-article .scn.bear .scn-target
) {
    color: rgb(253, 164, 175) !important;
}
html:not([data-theme="light"]) body.hub-cat-b :is(
    .hub-bull,
    .hub-score-overall,
    .hub-card.positive,
    .hub-moat.positive,
    .hub-risk.positive,
    .hub-narrative-theme.positive,
    .hub-future-growth.positive,
    .hub-scenario.positive,
    .hub-standalone-article .scn.bull,
    .hub-standalone-article .variant-card.edge,
    .hub-standalone-article .verdict
) :is(p, li, small, .hub-score-label, .hub-score-meta, .scn-note, .scn-prob) {
    color: rgb(134, 239, 172) !important;
}
html:not([data-theme="light"]) body.hub-cat-b :is(
    .hub-bear,
    .hub-falsifiers,
    .hub-card.negative,
    .hub-moat.negative,
    .hub-risk.negative,
    .hub-narrative-theme.negative,
    .hub-future-growth.negative,
    .hub-scenario.negative,
    .hub-standalone-article .scn.bear,
    .hub-standalone-article .callout.danger
) :is(p, li, small, .scn-note, .scn-prob) {
    color: rgb(253, 164, 175) !important;
}
html:not([data-theme="light"]) body.hub-cat-b :is(
    .hub-category,
    .hub-panel-lead,
    .hub-score:not(.hub-score-overall) .hub-score-label,
    .hub-score:not(.hub-score-overall) .hub-score-meta,
    .hub-card:not(.positive):not(.negative) p,
    .hub-card:not(.positive):not(.negative) li,
    .hub-moat:not(.positive):not(.negative) p,
    .hub-risk:not(.positive):not(.negative) p,
    .hub-metric span,
    .hub-metric small,
    .hub-snapshot-row span:first-child,
    .hub-beginner-grid span,
    .hub-section-title span,
    .hub-asof,
    .hub-freshness-note,
    .hub-footnote,
    .hub-standalone-article .lead,
    .hub-standalone-article p,
    .hub-standalone-article td
) {
    color: rgb(147, 197, 253) !important;
}
html:not([data-theme="light"]) body.hub-cat-b :is(.hub-tab, .hub-peer-chip, .hub-jump)::after {
    content: none !important;
    display: none !important;
}
html[data-theme="light"] body.hub-cat-b :is(.hub-tab, .hub-peer-chip, .hub-jump)::after {
    content: none !important;
    display: none !important;
}
body.hub-cat-b .hub-beginner-guide > summary {
    list-style: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 7px 14px !important;
    border-radius: 12px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
}
body.hub-cat-b .hub-beginner-guide > summary::-webkit-details-marker {
    display: none !important;
}
html:not([data-theme="light"]) body.hub-cat-b .hub-beginner-guide > summary {
    background: linear-gradient(135deg, rgba(14, 165, 233, 0.22) 0%, rgba(16, 185, 129, 0.18) 100%) !important;
    border: 1px solid rgba(56, 189, 248, 0.45) !important;
    color: rgb(186, 230, 253) !important;
}
html[data-theme="light"] body.hub-cat-b .hub-beginner-guide > summary {
    background: linear-gradient(135deg, rgb(219, 234, 254) 0%, rgb(209, 250, 229) 100%) !important;
    border: 1px solid rgba(14, 165, 233, 0.42) !important;
    color: rgb(15, 23, 42) !important;
}
html:not([data-theme="light"]) body.hub-cat-b :is(.hub-tab, .hub-peer-chip, .hub-jump):not([aria-selected="true"]):not(.active) {
    background: rgba(15, 32, 58, 0.82) !important;
    border: 1px solid rgba(96, 165, 250, 0.28) !important;
    color: rgb(186, 230, 253) !important;
    border-radius: 12px !important;
    box-shadow: none !important;
}
html:not([data-theme="light"]) body.hub-cat-b .hub-tab:is([aria-selected="true"], .active) {
    background: linear-gradient(135deg, rgb(6, 95, 70) 0%, rgb(13, 148, 136) 55%, rgb(3, 105, 161) 100%) !important;
    border: 1.5px solid rgb(52, 211, 153) !important;
    color: rgb(240, 253, 244) !important;
    border-radius: 12px !important;
    font-weight: 750 !important;
    box-shadow: 0 4px 14px rgba(16, 185, 129, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.24) !important;
}
html[data-theme="light"] body.hub-cat-b :is(.hub-tab, .hub-peer-chip, .hub-jump):not([aria-selected="true"]):not(.active) {
    background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(241, 248, 255) 100%) !important;
    border: 1px solid rgba(59, 130, 246, 0.32) !important;
    color: rgb(30, 58, 138) !important;
    border-radius: 12px !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05) !important;
}
html[data-theme="light"] body.hub-cat-b .hub-tab:is([aria-selected="true"], .active) {
    background: linear-gradient(135deg, rgb(167, 243, 208) 0%, rgb(110, 231, 183) 52%, rgb(125, 211, 252) 100%) !important;
    border: 1.5px solid rgb(5, 150, 105) !important;
    color: rgb(6, 78, 59) !important;
    border-radius: 12px !important;
    font-weight: 800 !important;
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.85) !important;
}

/* 2. L1 Light Mode (Crisp Cool White & Mint-Sky + Medium-Pastel Semantic Sub-Boxes) */
html[data-theme="light"] body.hub-cat-b :is(.hub-hero, .hub-panel) {
    background: linear-gradient(135deg, rgb(228, 240, 252) 0%, rgb(238, 246, 254) 52%, rgb(226, 247, 239) 100%) !important;
    border: 1.5px solid rgba(59, 130, 246, 0.28) !important;
    box-shadow: inset 0 2px 0 rgb(255, 255, 255), 0 18px 40px -22px rgba(15, 23, 42, 0.14) !important;
    color: rgb(15, 23, 42) !important;
}
html[data-theme="light"] body.hub-cat-b :is(
    .hub-company-intro,
    .hub-asof,
    .hub-freshness-note,
    .hub-beginner-guide,
    .hub-beginner-grid p,
    .hub-tabs-wrap,
    .hub-score:not(.hub-score-overall),
    .hub-card:not(.positive):not(.negative),
    .hub-moat:not(.positive):not(.negative),
    .hub-risk:not(.positive):not(.negative),
    .hub-metric,
    .hub-chart-wrap,
    .hub-snapshot-col,
    .hub-exec,
    .hub-thesis,
    .hub-note,
    .hub-disclosure,
    .hub-method,
    .hub-statement,
    .hub-timeline article,
    .hub-earnings-hero,
    .hub-guidance-box,
    .hub-price-clock > div,
    .hub-provider,
    .hub-reverse,
    .hub-scenario:not(.positive):not(.negative),
    .hub-related,
    .hub-source-list a,
    .hub-chain li,
    .hub-companychain-node,
    .hub-companychain-core,
    .hub-money-route,
    .hub-media-card,
    .hub-narrative-theme:not(.positive):not(.negative),
    .hub-future-growth:not(.positive):not(.negative),
    .hub-price-chip,
    .hub-evidence-badge,
    .hub-standalone-article .scn.base,
    .hub-standalone-article .variant-card:not(.edge),
    .hub-standalone-article .watch-item,
    .hub-standalone-article .legend-box,
    .hub-standalone-article .tbl-wrap,
    .hub-standalone-article .weighted,
    .hub-standalone-article .callout:not(.danger)
) {
    background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(250, 253, 255) 100%) !important;
    border-color: rgba(148, 163, 184, 0.32) !important;
    border-top: 3px solid rgb(14, 165, 233) !important;
    box-shadow: 0 8px 22px -12px rgba(15, 23, 42, 0.08) !important;
    color: rgb(15, 23, 42) !important;
}
html[data-theme="light"],
html[data-theme="light"] body.hub-cat-b {
    --hub-accent: rgb(3, 105, 161) !important;
    --hub-gold: rgb(3, 105, 161) !important;
    --hub-amber: rgb(2, 132, 199) !important;
    --hub-bg: rgb(240, 249, 255) !important;
    --hub-panel: rgb(255, 255, 255) !important;
    --hub-panel-strong: rgb(241, 245, 249) !important;
    --hub-border-strong: rgba(14, 165, 233, 0.42) !important;
}
html[data-theme="light"] body.hub-cat-b :is(
    .hub-data-slot,
    .hub-beginner-grid p,
    .hub-table-wrap tr.is-self,
    .hub-tag.inference,
    .hub-citations,
    .hub-jump,
    .hub-chain-link
) {
    background: linear-gradient(180deg, rgb(248, 250, 252) 0%, rgb(241, 245, 249) 100%) !important;
    border-color: rgba(148, 163, 184, 0.36) !important;
    color: rgb(3, 105, 161) !important;
}
html[data-theme="light"] body.hub-cat-b :is(
    .hub-bull,
    .hub-score-overall,
    .hub-state,
    .hub-card.positive,
    .hub-moat.positive,
    .hub-risk.positive,
    .hub-narrative-theme.positive,
    .hub-future-growth.positive,
    .hub-scenario.positive,
    .hub-standalone-article .scn.bull,
    .hub-standalone-article .variant-card.edge,
    .hub-standalone-article .verdict
) {
    background: linear-gradient(145deg, rgb(209, 250, 229) 0%, rgb(236, 253, 245) 100%) !important;
    border: 1.5px solid rgba(16, 185, 129, 0.48) !important;
    border-top: 3.5px solid rgb(5, 150, 105) !important;
    color: rgb(6, 78, 59) !important;
}
html[data-theme="light"] body.hub-cat-b :is(
    .hub-bear,
    .hub-falsifiers,
    .hub-card.negative,
    .hub-moat.negative,
    .hub-risk.negative,
    .hub-narrative-theme.negative,
    .hub-future-growth.negative,
    .hub-scenario.negative,
    .hub-standalone-article .scn.bear,
    .hub-standalone-article .callout.danger
) {
    background: linear-gradient(145deg, rgb(254, 226, 226) 0%, rgb(255, 241, 242) 100%) !important;
    border: 1.5px solid rgba(244, 63, 94, 0.45) !important;
    border-top: 3.5px solid rgb(225, 29, 72) !important;
    color: rgb(136, 19, 55) !important;
}
html[data-theme="light"] body.hub-cat-b :is(
    .hub-score-overall .hub-score-value,
    .hub-score-value.positive,
    .hub-metric strong.positive,
    .hub-snapshot-row b.positive,
    .hub-table-wrap td.positive,
    .hub-scenario.positive strong,
    .hub-bull h3,
    .hub-standalone-article .g,
    .hub-standalone-article .scn.bull .scn-target,
    .hub-standalone-article .verdict-head
) {
    color: rgb(4, 120, 87) !important;
}
html[data-theme="light"] body.hub-cat-b :is(
    .hub-score-value.negative,
    .hub-metric strong.negative,
    .hub-snapshot-row b.negative,
    .hub-table-wrap td.negative,
    .hub-scenario.negative strong,
    .hub-bear h3,
    .hub-falsifiers > strong,
    .hub-standalone-article .r,
    .hub-standalone-article .scn.bear .scn-target
) {
    color: rgb(190, 18, 60) !important;
}
html[data-theme="light"] body.hub-cat-b :is(
    .hub-bull,
    .hub-score-overall,
    .hub-card.positive,
    .hub-moat.positive,
    .hub-risk.positive,
    .hub-narrative-theme.positive,
    .hub-future-growth.positive,
    .hub-scenario.positive,
    .hub-standalone-article .scn.bull,
    .hub-standalone-article .variant-card.edge,
    .hub-standalone-article .verdict
) :is(p, li, small, .hub-score-label, .hub-score-meta, .scn-note, .scn-prob) {
    color: rgb(6, 95, 70) !important;
}
html[data-theme="light"] body.hub-cat-b :is(
    .hub-bear,
    .hub-falsifiers,
    .hub-card.negative,
    .hub-moat.negative,
    .hub-risk.negative,
    .hub-narrative-theme.negative,
    .hub-future-growth.negative,
    .hub-scenario.negative,
    .hub-standalone-article .scn.bear,
    .hub-standalone-article .callout.danger
) :is(p, li, small, .scn-note, .scn-prob) {
    color: rgb(159, 18, 57) !important;
}
html[data-theme="light"] body.hub-cat-b :is(
    .hub-category,
    .hub-panel-lead,
    .hub-score:not(.hub-score-overall) .hub-score-label,
    .hub-score:not(.hub-score-overall) .hub-score-meta,
    .hub-card:not(.positive):not(.negative) p,
    .hub-card:not(.positive):not(.negative) li,
    .hub-moat:not(.positive):not(.negative) p,
    .hub-risk:not(.positive):not(.negative) p,
    .hub-metric span,
    .hub-metric small,
    .hub-snapshot-row span:first-child,
    .hub-beginner-grid span,
    .hub-section-title span,
    .hub-asof,
    .hub-freshness-note,
    .hub-footnote
) {
    color: rgb(51, 65, 85) !important;
}