.indicator-main { padding: var(--space-7, 32px) 0 var(--space-10, 64px); background: var(--bg); color: var(--text-primary); }
.indicator-intro { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(280px, .75fr); gap: var(--space-8, 40px); align-items: start; padding-bottom: var(--space-8, 40px); border-bottom: 1px solid var(--border); }
.indicator-back, .indicator-actions > a:not(.btn), .indicator-facts a, .indicator-access-list a, .indicator-table a, .indicator-related a { color: var(--brand); font-weight: 700; text-decoration: none; }
.indicator-back:hover, .indicator-actions > a:not(.btn):hover, .indicator-facts a:hover, .indicator-access-list a:hover, .indicator-table a:hover, .indicator-related a:hover { text-decoration: underline; }
.indicator-context { margin: var(--space-5, 20px) 0 var(--space-3, 12px); color: var(--text-muted); font: .82rem/1.4 var(--font-mono); }
.indicator-intro h1 { max-width: 16ch; margin: 0; font-size: clamp(2.35rem, 5.5vw, 4.8rem); line-height: .99; letter-spacing: -.052em; }
.indicator-lead { max-width: 66ch; margin: var(--space-5, 20px) 0 0; color: var(--text-muted); font-size: 1.08rem; line-height: 1.65; }
.indicator-actions { display: flex; flex-wrap: wrap; gap: var(--space-3, 12px); align-items: center; margin-top: var(--space-6, 24px); }
.indicator-state { padding: var(--space-5, 20px); border: 1px solid var(--border); border-top: 3px solid var(--brand); border-radius: var(--radius-lg); background: var(--surface); box-shadow: var(--shadow-sm); }
.indicator-state h2 { margin: 0 0 var(--space-4, 16px); font-size: 1rem; }
.indicator-state > strong { display: block; color: var(--brand); font-size: 1.15rem; }
.indicator-state > p { margin: var(--space-2, 8px) 0 var(--space-5, 20px); color: var(--text-muted); line-height: 1.55; }
.indicator-state dl, .indicator-facts { margin: 0; }
.indicator-state dl > div, .indicator-facts > div { display: grid; grid-template-columns: minmax(110px, .65fr) minmax(0, 1.35fr); gap: var(--space-3, 12px); padding: var(--space-3, 12px) 0; border-top: 1px solid var(--border); }
.indicator-state dt, .indicator-facts dt { color: var(--text-faint); font-size: .76rem; font-weight: 700; }
.indicator-state dd, .indicator-facts dd { margin: 0; line-height: 1.5; }
.indicator-latest { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, .7fr); gap: var(--space-8, 40px); align-items: end; padding-top: var(--space-8, 40px); padding-bottom: var(--space-8, 40px); border-bottom: 1px solid var(--border); }
.indicator-latest h2, .indicator-section__head h2 { margin: 0; font-size: clamp(1.65rem, 3vw, 2.45rem); line-height: 1.08; letter-spacing: -.035em; }
.indicator-latest p, .indicator-section__head p { max-width: 66ch; margin: var(--space-3, 12px) 0 0; color: var(--text-muted); line-height: 1.6; }
.indicator-latest__value { text-align: right; }
.indicator-latest__value strong { display: block; font: 700 clamp(2.4rem, 6vw, 4.8rem)/.95 var(--font-mono); letter-spacing: -.06em; }
.indicator-latest__value span, .indicator-latest__value small { display: block; margin-top: var(--space-2, 8px); color: var(--text-muted); }
.indicator-section { min-width: 0; padding-top: var(--space-8, 40px); }
.indicator-section__head { display: grid; grid-template-columns: minmax(280px, .75fr) minmax(0, 1.25fr); gap: var(--space-6, 24px); align-items: start; margin-bottom: var(--space-5, 20px); }
.indicator-section__head p { margin-top: 0; }
.indicator-table-hint { display: none; }
.indicator-table-wrap { width: 100%; overflow-x: auto; overscroll-behavior-inline: contain; border-top: 1px solid var(--border); }
.indicator-table { width: 100%; min-width: 600px; border-collapse: collapse; }
.indicator-table th, .indicator-table td { padding: var(--space-3, 12px) var(--space-4, 16px); border-bottom: 1px solid var(--border); text-align: left; vertical-align: top; }
.indicator-table thead th { color: var(--text-faint); background: var(--surface-subtle); font-size: .72rem; text-transform: uppercase; letter-spacing: .03em; }
.indicator-table tbody th { font-weight: 700; }
.indicator-table tbody th small { display: block; margin-top: var(--space-1, 4px); color: var(--text-faint); font-family: var(--font-mono); font-weight: 500; }
.indicator-table td:nth-child(2) { font-family: var(--font-mono); font-variant-numeric: tabular-nums; }
.indicator-two-column { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-8, 40px); }
.indicator-access-list { border-top: 1px solid var(--border); }
.indicator-access-list a { display: grid; grid-template-columns: 70px minmax(0, 1fr); gap: var(--space-4, 16px); align-items: center; min-height: 68px; padding: var(--space-3, 12px) 0; border-bottom: 1px solid var(--border); }
.indicator-access-list strong { font-family: var(--font-mono); }
.indicator-access-list span { color: var(--text-primary); }
.indicator-related { margin-top: var(--space-8, 40px); border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }
.indicator-related summary { display: grid; grid-template-columns: minmax(220px, .7fr) minmax(0, 1.3fr); gap: var(--space-6, 24px); align-items: center; min-height: 92px; cursor: pointer; }
.indicator-related summary span { font-size: 1.45rem; font-weight: 700; }
.indicator-related summary small { color: var(--text-muted); line-height: 1.5; }
.indicator-related__list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 var(--space-6, 24px); padding-bottom: var(--space-5, 20px); }
.indicator-related__list a { display: flex; flex-direction: column; gap: var(--space-1, 4px); padding: var(--space-3, 12px) 0; border-top: 1px solid var(--border); }
.indicator-related__list span { color: var(--text-muted); font-size: .86rem; }
@media (max-width: 860px) { .indicator-intro, .indicator-latest, .indicator-two-column { grid-template-columns: 1fr; } .indicator-latest__value { text-align: left; } }
@media (max-width: 620px) { .indicator-main { padding-top: var(--space-5, 20px); } .indicator-intro { gap: var(--space-6, 24px); } .indicator-intro h1 { font-size: clamp(2.1rem, 12vw, 3.2rem); } .indicator-section__head, .indicator-related summary { grid-template-columns: 1fr; gap: var(--space-2, 8px); } .indicator-table-hint { display: block; margin: 0 0 var(--space-2, 8px); color: var(--text-faint); font-size: .78rem; line-height: 1.45; } .indicator-related__list { grid-template-columns: 1fr; } .indicator-state dl > div, .indicator-facts > div { grid-template-columns: 1fr; gap: var(--space-1, 4px); } }