/* Data Studio reference interfaces. Only route internals; no shell or rail rules. */
:is(.page-markets,.page-instrument) :is(.market-navigation,.native-market-panel,.company-research,.market-directory,.market-context,.market-methodology,.market-tools-note,.market-related),
:is(.page-learning,.page-lesson,.page-glossary) :is(.knowledge-orientation,.learning-path-grid,.knowledge-standards,.knowledge-breadcrumb,.learning-workspace,.glossary-intro,.glossary-search,.glossary-groups,.glossary-group,.glossary-next) {
  min-width:0; max-width:100%; color:#163039;
  font:400 16px/1.65 var(--publication-sans,"Source Sans 3",Arial,sans-serif);
}
:is(.page-markets,.page-instrument) :is(.native-market-panel,.company-research,.market-directory,.market-context,.market-methodology,.market-tools-note,.market-related) :is(h2,h3),
:is(.page-learning,.page-lesson,.page-glossary) :is(.knowledge-orientation,.learning-path,.knowledge-standards,.learning-main,.glossary-group,.glossary-next) :is(h2,h3) {
  margin:0 0 12px; color:#163039; font:650 26px/1.25 var(--publication-sans,"Source Sans 3",Arial,sans-serif); letter-spacing:-.02em;
}
:is(.page-markets,.page-instrument) :is(.market-instrument-link,.company-card,.company-risk,.market-reading-notes) h3,
:is(.page-lesson,.page-glossary) :is(.learning-stage,.learning-terms,.glossary-term-body) :is(h2,h3) {font-size:22px}
:is(.page-markets,.page-instrument) :is(.native-market-panel,.company-research,.market-directory,.market-context,.market-methodology,.market-tools-note) p,
:is(.page-learning,.page-lesson,.page-glossary) :is(.knowledge-orientation,.learning-path,.knowledge-standards,.learning-main,.glossary-intro,.glossary-term-body,.glossary-next) p {
  color:#536975; font:400 16px/1.7 var(--publication-sans,"Source Sans 3",Arial,sans-serif);
}
:is(.page-markets,.page-instrument) :is(.market-navigation,.native-market-panel,.company-research,.market-directory,.market-context,.market-methodology,.market-tools-note) a,
:is(.page-learning,.page-lesson,.page-glossary) :is(.knowledge-orientation,.learning-path,.knowledge-standards,.knowledge-breadcrumb,.learning-workspace,.glossary-group,.glossary-next) a {color:#087f84; text-underline-offset:.18em}
:is(.page-markets,.page-instrument) :is(.native-market-panel,.company-research,.market-directory,.market-context,.market-reading-notes) .eyebrow,
:is(.page-learning,.page-lesson,.page-glossary) :is(.knowledge-orientation,.learning-path,.learning-workspace,.glossary-group) .eyebrow {
  color:#087f84!important; font:650 12px/1.5 var(--publication-sans,"Source Sans 3",Arial,sans-serif)!important; letter-spacing:.055em!important;
}

/* Tabs and range selection are distinct from the reference values. */
:is(.page-markets,.page-instrument) .market-navigation {display:flex; flex-wrap:wrap; gap:4px; padding:5px; margin:0 0 18px; background:#eef2f6; border:1px solid #d7e1e7; border-radius:5px}
:is(.page-markets,.page-instrument) .market-navigation a {display:inline-flex; align-items:center; min-height:38px; padding:6px 12px; border:1px solid transparent; border-radius:3px; color:#536975; font-size:14px; font-weight:650; text-decoration:none}
:is(.page-markets,.page-instrument) .market-navigation a[aria-current=page] {background:#fff; border-color:#d7e1e7; color:#087f84}
:is(.page-markets,.page-instrument) :is(.market-data-notice,.instrument-identity) {margin:12px 0 18px; color:#536975; font:400 14px/1.65 var(--publication-sans,"Source Sans 3",Arial,sans-serif)}
:is(.page-markets,.page-instrument) .native-market-panel {width:100%; padding:0; margin:20px 0; border:0; background:#fff; box-shadow:none}
:is(.page-markets,.page-instrument) .native-quote {display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); gap:24px; align-items:center; padding:20px; background:#fff; border:1px solid #d7e1e7; border-top:3px solid #087f84; border-radius:5px}
:is(.page-markets,.page-instrument) .native-quote > div {min-width:0}
:is(.page-markets,.page-instrument) .native-quote h2 {margin:8px 0 12px}
:is(.page-markets,.page-instrument) .native-quote .native-quote-value {margin:0; color:#163039; font:650 clamp(30px,3vw,38px)/1.15 var(--publication-sans,"Source Sans 3",Arial,sans-serif); letter-spacing:-.03em; font-variant-numeric:tabular-nums; overflow-wrap:anywhere}
:is(.page-markets,.page-instrument) .native-quote-value > span {display:block; margin-top:8px; color:#536975; font:400 14px/1.5 var(--publication-sans,"Source Sans 3",Arial,sans-serif); letter-spacing:normal}
:is(.page-markets,.page-instrument) .native-quote dl {display:grid; gap:16px; padding:0; margin:0}
:is(.page-markets,.page-instrument) .native-quote dt {color:#536975; font-size:13px}
:is(.page-markets,.page-instrument) .native-quote dd {margin:4px 0 0; color:#163039; font:650 20px/1.4 var(--publication-sans,"Source Sans 3",Arial,sans-serif); font-variant-numeric:tabular-nums; overflow-wrap:anywhere}
:is(.page-markets,.page-instrument) .native-chart-ranges {display:flex; flex-wrap:wrap; gap:6px; border:0; padding:14px 0}
:is(.page-markets,.page-instrument) :is(.native-chart-ranges button,.native-observations > button) {min-height:38px; padding:7px 12px; background:#fff; color:#536975; border:1px solid #d7e1e7; border-radius:3px; cursor:pointer; font:650 14px/1.5 var(--publication-sans,"Source Sans 3",Arial,sans-serif)}
:is(.page-markets,.page-instrument) .native-chart-ranges button[aria-pressed=true] {background:#087f84; color:#fff; border-color:#087f84}
:is(.page-markets,.page-instrument) .native-observations > button {margin:10px 0; color:#087f84}

/* The table wrappers, not the document, own wide data overflow. */
:is(.page-markets,.page-instrument) .native-table-scroll,
.page-lesson .knowledge-table-scroll {display:block; box-sizing:border-box; width:100%; min-width:0; max-width:100%; overflow-x:auto; overscroll-behavior-x:contain; border:1px solid #d7e1e7; border-radius:4px; background:#fff; outline-offset:3px}
:is(.page-markets,.page-instrument) .native-market-table,
.page-lesson .knowledge-table-scroll table {width:100%; min-width:540px; margin:0; border-collapse:collapse; font:400 15px/1.55 var(--publication-sans,"Source Sans 3",Arial,sans-serif); font-variant-numeric:tabular-nums; color:#163039}
:is(.page-markets,.page-instrument) .native-market-table :is(th,td),
.page-lesson .knowledge-table-scroll :is(th,td) {padding:12px 15px; border:0; border-bottom:1px solid #d7e1e7; color:#163039; background:transparent; text-align:right; vertical-align:top}
:is(.page-markets,.page-instrument) .native-market-table thead th,
.page-lesson .knowledge-table-scroll thead th {background:#eef2f6; color:#536975; font-size:13px; font-weight:650}
:is(.page-markets,.page-instrument) .native-market-table :is(th,td):first-child,
.page-lesson .knowledge-table-scroll :is(th,td):first-child {text-align:left}
:is(.page-markets,.page-instrument) .native-market-table caption,
.page-lesson .knowledge-table-scroll caption {padding:12px 15px; background:#fff; color:#536975; text-align:left; font-size:13px}
:is(.page-markets,.page-instrument) .native-market-table tbody th a {color:#087f84; font:650 16px/1.4 var(--publication-sans,"Source Sans 3",Arial,sans-serif); text-decoration:none}
:is(.page-markets,.page-instrument) .native-market-table th small {display:block; margin-top:4px; color:#536975; font-size:12px; font-weight:400}
:is(.page-markets,.page-instrument) .native-market-table tbody tr:nth-child(even) {background:#f7f9fb}
:is(.page-markets,.page-instrument) .native-market-table tbody tr:hover {background:#eef2f6}
:is(.page-markets,.page-instrument) .native-market-panel .is-up {color:#087f84}
:is(.page-markets,.page-instrument) .native-market-panel .is-down {color:#7552a2}

/* Chart geometry is untouched; keys and period labels remain visible. */
:is(.page-markets,.page-instrument) .native-price-chart,
.page-lesson .knowledge-visual.journal-article .reading .finance-visual {box-sizing:border-box; width:100%; min-width:0; max-width:100%; margin:18px 0; padding:18px; background:#fff; border:1px solid #d7e1e7; border-radius:4px; box-shadow:none}
:is(.page-markets,.page-instrument) .native-price-chart svg,
.page-lesson .knowledge-visual .finance-visual .detail-chart {display:block; width:100%; height:auto; max-width:100%; max-height:none; aspect-ratio:auto}
:is(.page-markets,.page-instrument) .native-price-chart figcaption {display:flex; flex-wrap:wrap; gap:6px 16px; align-items:baseline}
:is(.page-markets,.page-instrument) .native-price-chart figcaption strong,
.page-lesson .knowledge-visual .finance-visual figcaption > strong {color:#163039; font:650 22px/1.3 var(--publication-sans,"Source Sans 3",Arial,sans-serif)}
:is(.page-markets,.page-instrument) .native-price-chart svg text {fill:#536975; font-family:var(--publication-sans,"Source Sans 3",Arial,sans-serif)}
:is(.page-markets,.page-instrument) .native-chart-grid {stroke:#d7e1e7}
:is(.page-markets,.page-instrument) .native-price-line {stroke:#087f84}
:is(.page-markets,.page-instrument) .native-ticker {display:grid; grid-template-columns:repeat(6,minmax(140px,1fr)); overflow-x:auto; border:1px solid #d7e1e7; background:#fff; border-radius:4px}
:is(.page-markets,.page-instrument) .native-ticker-item {display:grid; gap:5px; padding:14px; border-left:1px solid #d7e1e7; text-decoration:none}
:is(.page-markets,.page-instrument) .native-ticker-item:first-child {padding-left:14px; border-left:0}
:is(.page-markets,.page-instrument) .native-ticker-item > span {color:#536975; font:650 13px/1.5 var(--publication-sans,"Source Sans 3",Arial,sans-serif)}
:is(.page-markets,.page-instrument) .native-ticker-item > strong {color:#163039; font:650 25px/1.3 var(--publication-sans,"Source Sans 3",Arial,sans-serif); font-variant-numeric:tabular-nums}
:is(.page-markets,.page-instrument) .native-ticker-item > :is(time,small) {font-size:12px; color:#536975}
:is(.page-markets,.page-instrument) .reference-spark {display:block; width:100%; height:auto; max-height:none}
:is(.page-markets,.page-instrument) .spark-up {stroke:#087f84}
:is(.page-markets,.page-instrument) .spark-down {stroke:#7552a2}
:is(.page-markets,.page-instrument) :is(.native-source-note,.market-source-note,.company-period,.native-price-chart > p,.native-price-chart figcaption span),
.page-lesson :is(.knowledge-source,.knowledge-calculation p,.knowledge-visual.journal-article .reading .finance-visual .visual-scope),
.page-glossary .knowledge-source {color:#536975; font:400 13px/1.65 var(--publication-sans,"Source Sans 3",Arial,sans-serif); overflow-wrap:anywhere}
:is(.page-markets,.page-instrument) :is(.native-market-warning,.native-refresh-status) {padding:12px 15px; background:#eef2f6; color:#536975; border-left:3px solid #b77a2c; font-size:14px}
:is(.page-markets,.page-instrument) :is(.market-context,.market-tools-note,.market-methodology,.company-risk) {margin:22px 0; padding:20px; background:#eef2f6; border:1px solid #d7e1e7; border-radius:4px; box-shadow:none}
:is(.page-markets,.page-instrument) :is(.market-methodology,.native-observations,.company-filing-table) > summary,
.page-lesson .knowledge-calculation > summary {padding:8px 0; color:#087f84; cursor:pointer; font:650 15px/1.6 var(--publication-sans,"Source Sans 3",Arial,sans-serif)}
:is(.page-markets,.page-instrument) .market-reading-notes > div {display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr)); gap:22px}
:is(.page-markets,.page-instrument) :is(.market-instrument-list,.company-card-grid) {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px}
:is(.page-markets,.page-instrument) :is(.market-instrument-link,.company-card) {min-width:0; padding:18px; border:1px solid #d7e1e7; border-radius:4px; background:#fff; box-shadow:none; text-decoration:none}
:is(.page-markets,.page-instrument) .market-instrument-link {display:flex; justify-content:space-between; align-items:center; gap:14px}
:is(.page-markets,.page-instrument) .market-instrument-link:hover {background:#eef2f6; border-color:#087f84}
:is(.page-markets,.page-instrument) .market-instrument-link :is(p,small),
:is(.page-markets,.page-instrument) .company-ticker {color:#536975; font:400 13px/1.6 var(--publication-sans,"Source Sans 3",Arial,sans-serif)}
:is(.page-markets,.page-instrument) .company-section-head {margin:24px 0 16px}
:is(.page-markets,.page-instrument) .company-report-date {display:flex; flex-wrap:wrap; gap:6px 18px; padding:12px 15px; background:#eef2f6; color:#536975; font-size:14px}
:is(.page-markets,.page-instrument) .company-report-date strong {color:#163039}
:is(.page-markets,.page-instrument) .company-metrics {display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; margin:18px 0; border:1px solid #d7e1e7; border-radius:4px; background:#fff}
:is(.page-markets,.page-instrument) .company-metrics > div {min-width:0; padding:16px; border-bottom:1px solid #d7e1e7}
:is(.page-markets,.page-instrument) :is(.company-metrics,.company-card) dt {color:#536975; font-size:14px}
:is(.page-markets,.page-instrument) :is(.company-metrics,.company-card) dd {margin:6px 0; color:#163039; font:650 27px/1.3 var(--publication-sans,"Source Sans 3",Arial,sans-serif); font-variant-numeric:tabular-nums; overflow-wrap:anywhere}
:is(.page-markets,.page-instrument) .company-metrics small {font-size:12px; color:#536975}
:is(.page-markets,.page-instrument) .company-history {padding:18px; margin:20px 0; border:1px solid #d7e1e7; border-radius:4px; background:#fff}
:is(.page-markets,.page-instrument) .company-history-row {display:grid; grid-template-columns:90px minmax(0,1fr) 85px; gap:12px; align-items:center; margin:14px 0; color:#536975; font-size:14px; font-variant-numeric:tabular-nums}
:is(.page-markets,.page-instrument) .company-history-row strong {color:#163039; text-align:right}
:is(.page-markets,.page-instrument) .company-history-track {height:14px; background:#eef2f6; border-radius:2px}
:is(.page-markets,.page-instrument) .company-history-track > span {display:block; height:100%; background:#087f84; border-radius:2px}

/* Learning workspaces: a compact outline follows the lesson on small screens. */
.page-learning .knowledge-orientation {display:grid; grid-template-columns:minmax(0,1fr) 260px; gap:24px; padding:20px; background:#eef2f6; border:1px solid #d7e1e7; border-radius:4px; margin-bottom:22px}
.page-learning .knowledge-orientation > a {font-size:15px; border-color:#d7e1e7}
.page-learning .learning-path-grid {display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px}
.page-learning .learning-path {display:flex; flex-direction:column; min-width:0; padding:20px; border:1px solid #d7e1e7; border-top:3px solid #7552a2; border-radius:4px; background:#fff; box-shadow:none}
.page-learning .learning-path h2 {font-size:24px}
.page-learning .learning-path-number,
.page-lesson .learning-stage-number {color:#7552a2; font:650 23px/1.3 var(--publication-sans,"Source Sans 3",Arial,sans-serif)}
.page-learning .learning-path ol {padding-left:20px; color:#536975; font-size:15px; line-height:1.65}
.page-learning .learning-path-meta {display:flex; flex-wrap:wrap; gap:8px 16px; margin-top:auto; padding-top:12px; border-top:1px solid #d7e1e7; color:#536975; font-size:13px}
.page-learning .knowledge-open {display:flex; justify-content:space-between; gap:12px; padding-top:14px; font-size:15px; text-decoration:none}
.page-learning .knowledge-standards,
.page-glossary .glossary-next {padding:20px; margin-top:24px; background:#eef2f6; border:1px solid #d7e1e7; border-radius:4px}
.page-learning .knowledge-standards > a,
.page-glossary .glossary-next > a {font-size:15px}
.page-lesson .knowledge-breadcrumb {display:flex; flex-wrap:wrap; gap:10px; margin-bottom:18px; color:#536975; font-size:14px}
.page-lesson .learning-workspace {display:grid; grid-template-columns:minmax(0,1fr) 260px; gap:24px; align-items:start}
.page-lesson .learning-main {grid-column:1; grid-row:1; width:100%; min-width:0}
.page-lesson .learning-outline {grid-column:2; grid-row:1; position:sticky; top:20px; display:block; box-sizing:border-box; width:auto; padding:18px; border:1px solid #d7e1e7; border-radius:4px; background:#eef2f6}
.page-lesson .learning-outline > a {display:block; padding:11px 0; color:#087f84; font-size:14px; line-height:1.55; border-top:1px solid #d7e1e7; text-decoration:none}
.page-lesson :is(.learning-question,.learning-stage-list,.learning-case,.learning-checks,.learning-terms) {min-width:0; padding:20px; margin-bottom:20px; border:1px solid #d7e1e7; border-radius:4px; background:#fff; box-shadow:none; scroll-margin-top:24px}
.page-lesson .learning-question {border-top:3px solid #087f84}
.page-lesson .learning-stage-list {padding-block:0}
.page-lesson .learning-stage {display:grid; grid-template-columns:30px minmax(0,1fr); gap:14px; padding:22px 0; border-color:#d7e1e7}
.page-lesson .learning-assigned-reading {display:grid; grid-template-columns:minmax(0,1fr) 18px; gap:6px 12px; padding:14px; border:1px solid #d7e1e7; border-radius:3px; background:#eef2f6; text-decoration:none}
.page-lesson .learning-assigned-reading span {color:#536975; font-size:13px}
.page-lesson .learning-assigned-reading strong {grid-column:1; color:#087f84; font-size:16px}
.page-lesson .learning-assigned-reading > svg {grid-column:2; grid-row:1 / 3; align-self:center; color:#087f84}
.page-lesson .learning-case {border-top:3px solid #7552a2}
.page-lesson .learning-case > ul {padding-left:20px; color:#536975; font-size:15px; line-height:1.7}
.page-lesson .learning-case .learning-case-interpretation {padding:14px 16px; color:#163039; background:#eef2f6; border-left:3px solid #7552a2; font-size:16px}
.page-lesson .knowledge-calculation {border-color:#d7e1e7}
.page-lesson .learning-checks {background:#eef2f6; border-top:3px solid #b77a2c}
.page-lesson .learning-checks ol {padding-left:20px; color:#163039; font-size:16px; line-height:1.7}
.page-lesson .learning-next-actions {display:flex; flex-wrap:wrap; gap:10px}
.page-lesson .learning-next-actions a {display:flex; align-items:center; gap:12px; padding:11px 14px; border:1px solid #087f84; border-radius:3px; background:#087f84; color:#fff; font-size:14px; text-decoration:none}
.page-lesson .learning-next-actions a + a {background:#fff; color:#087f84; border-color:#d7e1e7}
.page-lesson .learning-terms > div {display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr)); gap:10px}
.page-lesson .learning-terms a {display:flex; align-items:center; justify-content:space-between; gap:10px; padding:12px; background:#eef2f6; border:1px solid #d7e1e7; border-radius:3px; color:#087f84; font-size:14px; text-decoration:none}
.page-lesson .knowledge-visual,
.page-lesson .knowledge-visual .reading {width:100%; max-width:none; min-width:0; margin-inline:0}
.page-lesson .knowledge-visual .finance-visual .visual-measure {padding:10px 12px; background:#eef2f6; color:#536975; font:400 14px/1.65 var(--publication-sans,"Source Sans 3",Arial,sans-serif)}
.page-lesson .knowledge-visual .detail-chart text {fill:#536975; font-family:var(--publication-sans,"Source Sans 3",Arial,sans-serif)}
.page-lesson .knowledge-visual .chart-grid {stroke:#d7e1e7}
.page-lesson .knowledge-visual :is(.chart-fill-0,.chart-color-0) {fill:#087f84; background:#087f84}
.page-lesson .knowledge-visual :is(.chart-fill-1,.chart-color-1) {fill:#7552a2; background:#7552a2}
.page-lesson .knowledge-visual :is(.chart-fill-2,.chart-color-2) {fill:#b77a2c; background:#b77a2c}
.page-lesson .knowledge-visual .chart-stroke-0 {stroke:#087f84}
.page-lesson .knowledge-visual .chart-stroke-1 {stroke:#7552a2}
.page-lesson .knowledge-visual .chart-stroke-2 {stroke:#b77a2c}
.page-lesson .knowledge-visual .chart-key {color:#536975; border-color:#d7e1e7; font-size:13px}
.page-lesson .knowledge-visual .chart-records dt {color:#536975; font-size:14px}
.page-lesson .knowledge-visual .chart-records dd {color:#163039; font-size:15px}

/* Definitions pair plain language with visibly separate formulas and units. */
.page-glossary .glossary-intro {max-width:none; margin-bottom:20px}
.page-glossary .glossary-search {padding:18px; margin-bottom:16px; background:#eef2f6; border:1px solid #d7e1e7; border-radius:4px}
.page-glossary .glossary-search > label {display:block; margin-bottom:10px; color:#163039; font-size:15px; font-weight:650}
.page-glossary .glossary-search > div {display:flex; gap:10px}
.page-glossary .glossary-search input {width:100%; min-width:0; min-height:44px; padding:10px 12px; background:#fff; border:1px solid #d7e1e7; border-radius:3px; color:#163039; font:400 16px/1.5 var(--publication-sans,"Source Sans 3",Arial,sans-serif)}
.page-glossary .glossary-search input::placeholder {color:#536975; opacity:1}
.page-glossary .glossary-search button {display:flex; align-items:center; gap:8px; min-height:44px; padding:10px 16px; background:#087f84; color:#fff; border:0; border-radius:3px; font-size:15px; cursor:pointer}
.page-glossary .glossary-groups {display:flex; flex-wrap:wrap; gap:8px}
.page-glossary .glossary-groups a {padding:8px 12px; background:#fff; color:#087f84; border:1px solid #d7e1e7; border-radius:3px; font-size:14px; text-decoration:none}
.page-glossary .glossary-groups a:hover {background:#eef2f6; border-color:#087f84}
.page-glossary .glossary-count {color:#536975; font:400 14px/1.6 var(--publication-sans,"Source Sans 3",Arial,sans-serif)}
.page-glossary .glossary-group {margin:24px 0; scroll-margin-top:24px}
.page-glossary .glossary-group > header {padding-bottom:12px; margin-bottom:14px; border-bottom:1px solid #d7e1e7}
.page-glossary .glossary-term {margin-bottom:10px; background:#fff; border:1px solid #d7e1e7; border-radius:4px; box-shadow:none; scroll-margin-top:24px}
.page-glossary .glossary-term > summary {display:flex; justify-content:space-between; align-items:center; gap:18px; padding:18px; list-style:none; cursor:pointer}
.page-glossary .glossary-term > summary::-webkit-details-marker {display:none}
.page-glossary .glossary-term > summary > span {min-width:0}
.page-glossary .glossary-term > summary strong {color:#163039; font:650 22px/1.3 var(--publication-sans,"Source Sans 3",Arial,sans-serif); letter-spacing:-.02em}
.page-glossary .glossary-term > summary small {display:block; margin-top:6px; color:#536975; font:400 16px/1.6 var(--publication-sans,"Source Sans 3",Arial,sans-serif)}
.page-glossary .glossary-term > summary > svg {flex:0 0 20px; width:20px; height:20px; color:#087f84}
.page-glossary .glossary-term[open] > summary {background:#eef2f6; border-bottom:1px solid #d7e1e7}
.page-glossary .glossary-term-body {display:grid; grid-template-columns:minmax(0,1fr) 280px; gap:24px; padding:20px}
.page-glossary .glossary-term-body > * {min-width:0}
.page-glossary .glossary-term-body > aside {padding:18px; background:#eef2f6; border:1px solid #d7e1e7; border-radius:3px}
.page-glossary .glossary-term-body .glossary-boundary {padding:12px 14px; background:#eef2f6; color:#536975; border-left:3px solid #b77a2c; font-size:15px}
.page-glossary .glossary-term-body .glossary-formula {color:#163039; font-size:16px; overflow-wrap:anywhere}
.page-glossary .glossary-value {display:block; color:#7552a2; font:650 29px/1.25 var(--publication-sans,"Source Sans 3",Arial,sans-serif); font-variant-numeric:tabular-nums; overflow-wrap:anywhere}
.page-glossary .glossary-value small {display:block; margin-top:6px; color:#536975; font:400 14px/1.5 var(--publication-sans,"Source Sans 3",Arial,sans-serif)}
.page-glossary .glossary-term-body code {display:block; color:#536975; font-size:13px; line-height:1.65; white-space:normal; overflow-wrap:anywhere}
.page-glossary .glossary-term > .knowledge-source {margin:0 20px 16px; padding-top:14px; border-color:#d7e1e7}

:is(.page-markets,.page-instrument) :is(.market-navigation,.native-market-panel,.company-research,.market-directory,.market-methodology) :is(a,button,summary,[tabindex]):focus-visible,
:is(.page-learning,.page-lesson,.page-glossary) :is(.learning-path,.learning-workspace,.glossary-search,.glossary-groups,.glossary-group) :is(a,button,input,summary,[tabindex]):focus-visible {outline:2px solid #087f84; outline-offset:3px}

@media(max-width:1150px) {
  .page-learning .learning-path-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
  .page-lesson .learning-workspace {grid-template-columns:minmax(0,1fr)}
  .page-lesson .learning-outline {position:static; grid-column:1; grid-row:2; width:100%; margin:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 20px}
  .page-lesson .learning-outline > .eyebrow {grid-column:1 / -1}
}
@media(max-width:1023px) {
  .page-learning .knowledge-orientation {grid-template-columns:minmax(0,1fr); gap:16px}
  .page-learning .knowledge-orientation > a {border-left:0; border-top:1px solid #d7e1e7; padding:14px 0 0}
  .page-glossary .glossary-term-body {grid-template-columns:minmax(0,1fr)}
}
@media(max-width:640px) {
  :is(.page-markets,.page-instrument) :is(.native-market-panel,.company-research,.market-directory,.market-context,.market-methodology,.market-tools-note,.market-related) :is(h2,h3),
  :is(.page-learning,.page-lesson,.page-glossary) :is(.knowledge-orientation,.learning-path,.knowledge-standards,.learning-main,.glossary-group,.glossary-next) :is(h2,h3) {font-size:22px; line-height:1.3}
  :is(.page-markets,.page-instrument) .native-quote {grid-template-columns:minmax(0,1fr); gap:18px; padding:18px 16px}
  :is(.page-markets,.page-instrument) .native-quote dl {grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px}
  :is(.page-markets,.page-instrument) .native-quote dd {font-size:18px}
  :is(.page-markets,.page-instrument) :is(.market-instrument-list,.company-card-grid) {grid-template-columns:minmax(0,1fr)}
  :is(.page-markets,.page-instrument) .company-metrics {grid-template-columns:repeat(2,minmax(0,1fr))}
  :is(.page-markets,.page-instrument) .company-metrics > div {padding:14px 12px}
  :is(.page-markets,.page-instrument) .company-metrics dd {font-size:24px}
  :is(.page-markets,.page-instrument) .company-history-row {grid-template-columns:76px minmax(0,1fr) 70px; gap:8px; font-size:12px}
  :is(.page-markets,.page-instrument) :is(.market-context,.market-tools-note,.market-methodology,.company-risk,.market-instrument-link,.company-card,.company-history) {padding:18px 16px}
  :is(.page-markets,.page-instrument) .native-price-chart,
  .page-lesson .knowledge-visual.journal-article .reading .finance-visual {padding:16px 10px}
  .page-learning .learning-path-grid {grid-template-columns:minmax(0,1fr)}
  .page-learning :is(.knowledge-orientation,.learning-path,.knowledge-standards),
  .page-lesson :is(.learning-question,.learning-case,.learning-checks,.learning-terms),
  .page-glossary :is(.glossary-search,.glossary-next) {padding:18px 16px}
  .page-lesson .learning-stage-list {padding-inline:16px}
  .page-lesson .learning-stage {grid-template-columns:26px minmax(0,1fr); gap:10px}
  .page-lesson .learning-outline {display:block; padding:18px 16px}
  .page-lesson .learning-next-actions {flex-direction:column}
  .page-lesson .learning-terms > div {grid-template-columns:minmax(0,1fr)}
  .page-glossary .glossary-term > summary {padding:18px 16px}
  .page-glossary .glossary-term-body {padding:18px 16px; gap:18px}
  .page-glossary .glossary-term > .knowledge-source {margin-inline:16px}
  .page-glossary .glossary-search > div {flex-wrap:wrap}
  .page-glossary .glossary-search input {flex:1 1 200px}
}