/* TGSN Network UI R1.2: loaded after all other network CSS. */
html[data-theme="light"] { color-scheme: light; --bg:#f4f7fb;--surf:#fff;--text:#13263e;--muted:#485d73;--edge:#cbd8e5;--accent:#184d83;--gold:#806017; }
html[data-theme="dark"] { color-scheme: dark; --bg:#0b1928;--surf:#132940;--text:#f0f7ff;--muted:#cfdef0;--edge:#4c6784;--accent:#acd7ff;--gold:#eed399; }
html[data-theme] body {background-color:var(--bg);color:var(--text)}
html[data-theme] .section,html[data-theme] .intro {color:var(--text)}
html[data-theme] .lead,html[data-theme] .intro p,html[data-theme] .section>p,html[data-theme] .hero-row p {color:var(--muted)}
html[data-theme] .card,html[data-theme] .panel {color:var(--text);background-color:var(--surf);border-color:var(--edge)}
html[data-theme] .card h2,html[data-theme] .card h3,html[data-theme] .panel h2,html[data-theme] .panel h3 {color:var(--text)}
html[data-theme] .card p,html[data-theme] .panel p,html[data-theme] .card .body p {color:var(--muted)}
html[data-theme] .card a,html[data-theme] .panel a {color:var(--accent)}
html[data-theme="light"] .notice {background:#fff4db;border-color:#b88b35;color:#392c10}
html[data-theme="dark"] .notice {background:#302a20;border-color:#aa8d55;color:#fff1d2}
html[data-theme] .notice strong {color:inherit}
/* Overview additional sections: high-contrast panel copy in either theme. */
html[data-theme="light"] .tgsn-network-structure__card,html[data-theme="light"] .tn-exp-card {background:#fff;color:#13263e;border-color:#cbd8e5}
html[data-theme="light"] .tgsn-network-structure__card h3,html[data-theme="light"] .tgsn-network-structure__card p,html[data-theme="light"] .tn-exp-card h3,html[data-theme="light"] .tn-exp-card p {color:#243a52}
html[data-theme="dark"] .tgsn-network-structure__card,html[data-theme="dark"] .tn-exp-card {background:#172d45;color:#f0f7ff;border-color:#4c6784}
html[data-theme="dark"] .tgsn-network-structure__card h3,html[data-theme="dark"] .tgsn-network-structure__card p,html[data-theme="dark"] .tn-exp-card h3,html[data-theme="dark"] .tn-exp-card p {color:#e1ecf8}
html[data-theme="light"] .tn-exp-note,html[data-theme="light"] .tgsn-network-structure__tag,html[data-theme="light"] .tn-exp-label {color:#365471}
html[data-theme="dark"] .tn-exp-note,html[data-theme="dark"] .tgsn-network-structure__tag,html[data-theme="dark"] .tn-exp-label {color:#d0e4fc}
html[data-theme="light"] .tgsn-network-structure__card a,html[data-theme="light"] .tn-exp-card a {color:#154e89}
html[data-theme="dark"] .tgsn-network-structure__card a,html[data-theme="dark"] .tn-exp-card a {color:#b8ddff}
.tgsn-theme-control {margin-left:12px;display:inline-flex;align-items:center;gap:7px;vertical-align:middle}
.tgsn-theme-button {display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:6px 13px;border:1px solid var(--edge);border-radius:999px;background:var(--surf);color:var(--text);font:inherit;font-size:0.88rem;font-weight:650;cursor:pointer}
.tgsn-theme-button:hover {outline:2px solid var(--accent);outline-offset:1px}
.tgsn-theme-button:focus-visible {outline:3px solid var(--accent);outline-offset:3px}
@media(max-width:700px){.tgsn-theme-control{margin:9px 0 4px}.tgsn-theme-button{min-height:44px}}