/* MyDebtLens public debt data hub - JUN27-42 */
:root {
  --mdl-data-navy: #0d1e30;
  --mdl-data-ink: #253247;
  --mdl-data-muted: #66758c;
  --mdl-data-border: rgba(15, 33, 55, 0.12);
  --mdl-data-surface: #ffffff;
  --mdl-data-soft: #f4f8fb;
  --mdl-data-teal: #58c7bf;
  --mdl-data-shadow: 0 18px 48px rgba(12, 31, 52, 0.09);
  --mdl-data-radius-xl: 28px;
  --mdl-data-radius-lg: 20px;
  --mdl-data-font: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
body.mdl-data-page {
  margin: 0;
  background: linear-gradient(180deg, #f7fbfd 0%, #eef4f8 48%, #ffffff 100%);
  color: var(--mdl-data-ink);
  font-family: var(--mdl-data-font);
}
.mdl-data-shell { max-width: 1360px; margin: 0 auto; padding: 0 22px; }
.mdl-data-hero { padding: 72px 0 32px; }
.mdl-data-kicker { display: inline-flex; align-items: center; padding: 7px 12px; border-radius: 999px; background: rgba(88,199,191,.14); color: #12615f; font-weight: 800; font-size: 13px; letter-spacing: .05em; text-transform: uppercase; }
.mdl-data-hero h1 { margin: 20px 0 14px; max-width: none; color: var(--mdl-data-navy); font-size: clamp(42px, 6.2vw, 68px); line-height: .98; letter-spacing: -0.055em; white-space: nowrap; }
.mdl-data-hero p { max-width: none; color: #42516a; font-size: clamp(18px, 2vw, 21px); line-height: 1.62; margin: 0; }
.mdl-data-reading-section { margin: 8px auto 24px; }
.mdl-data-reading-grid { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr); gap: 46px; align-items: start; padding: 4px 0 6px; }
.mdl-data-reading-grid article { min-width: 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.mdl-data-reading-grid h2 { margin: 0; color: var(--mdl-data-navy); font-size: 22px; letter-spacing: -.03em; line-height: 1.18; }
.mdl-data-reading-grid p { margin: 10px 0 0; color: #42516a; font-size: 15px; line-height: 1.68; }
.mdl-data-map-section { margin: 24px auto 42px; }
.mdl-data-map-card { background: var(--mdl-data-surface); border: 1px solid var(--mdl-data-border); border-radius: var(--mdl-data-radius-xl); box-shadow: var(--mdl-data-shadow); padding: 24px; }
.mdl-data-map-head { display: flex; justify-content: space-between; gap: 18px; align-items: flex-start; padding-bottom: 16px; border-bottom: 1px solid rgba(15, 33, 55, .08); }
.mdl-data-map-head h2 { margin: 0; color: var(--mdl-data-navy); font-size: 27px; letter-spacing: -.03em; }
.mdl-data-map-head p { margin: 8px 0 0; color: var(--mdl-data-muted); font-size: 15px; line-height: 1.5; }
.mdl-data-map-controls { display: flex; align-items: flex-start; justify-content: flex-end; gap: 12px; flex-wrap: wrap; min-width: 0; max-width: 360px; }
.mdl-data-national-scale { min-width: 230px; max-width: 360px; padding: 2px 0 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; text-align: right; }
.mdl-data-national-label { display: block; color: var(--mdl-data-muted); font-size: 10px; font-weight: 800; letter-spacing: .12em; line-height: 1.1; text-transform: uppercase; }
.mdl-data-national-scale strong { display: block; margin-top: 5px; color: var(--mdl-data-navy); font-size: 25px; font-weight: 900; letter-spacing: -.04em; line-height: 1; }
.mdl-data-national-sub { display: block; margin-top: 6px; color: var(--mdl-data-muted); font-size: 11.5px; line-height: 1.35; }
.mdl-data-control { display: grid; gap: 6px; min-width: 250px; }
.mdl-data-control-label { color: var(--mdl-data-muted); font-size: 12px; font-weight: 650; line-height: 1.1; }
.mdl-data-select { width: 100%; min-width: 250px; border: 1px solid rgba(15, 33, 55, .16); border-radius: 999px; padding: 10px 14px; font: 750 14px var(--mdl-data-font); color: var(--mdl-data-navy); background: #fff; }
.mdl-data-map-body { display: grid; grid-template-columns: minmax(0, 1fr) 245px; gap: 20px; align-items: stretch; }
.mdl-data-map-visual { min-width: 0; }
.mdl-data-chart { width: 100%; height: 760px; margin-top: 6px; }
.mdl-data-map-status { margin: 12px 0 0; color: var(--mdl-data-muted); font-size: 13px; line-height: 1.45; }
.mdl-data-source-line { margin: 12px 0 0; color: var(--mdl-data-muted); font-size: 13px; line-height: 1.45; }
.mdl-data-visual-notice { max-width: 980px; font-size: 12px; line-height: 1.55; }
.mdl-data-source-line a { color: inherit; font-weight: inherit; }
.mdl-data-state-panel { margin-top: 18px; padding: 18px 0 18px 24px; border-left: 1px solid rgba(15, 33, 55, .12); border-radius: 0; background: transparent; align-self: stretch; box-shadow: none; }
.mdl-data-state-panel .mdl-data-local-drilldown { width: 100%; max-width: 100%; min-width: 0; margin: 0 0 20px; padding-bottom: 18px; border-bottom: 1px solid rgba(15, 33, 55, .10); }
.mdl-data-state-eyebrow { display: block; color: #0b0f14; font-size: 10px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.mdl-data-state-name { display: block; margin-top: 7px; color: #0b0f14; font-size: clamp(25px, 2.3vw, 34px); line-height: 1.02; letter-spacing: -.05em; }
.mdl-data-state-list { margin: 20px 0 0; display: grid; gap: 18px; }
.mdl-data-state-list div { min-width: 0; }
.mdl-data-state-list dt { color: #0b0f14; font-size: 10px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.mdl-data-state-list dd { margin: 5px 0 0; color: #0b0f14; font-size: 13px; font-weight: 500; line-height: 1.38; }
.mdl-data-rank-section, .mdl-data-related-section { margin: 42px auto; }
.mdl-data-rank-head { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; border-bottom: 1px solid rgba(15, 33, 55, .1); padding-bottom: 12px; }
.mdl-data-rank-head h2, .mdl-data-related-section h2 { margin: 0; color: var(--mdl-data-navy); letter-spacing: -.025em; font-size: 25px; }
.mdl-data-rank-head p { margin: 0; color: var(--mdl-data-muted); }
.mdl-data-rank-columns { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 44px; margin-top: 18px; }
.mdl-data-rank-columns h3 { margin: 0 0 10px; color: #42516a; font-size: 14px; letter-spacing: .04em; text-transform: uppercase; }
.mdl-data-rank-list { margin: 0; padding-left: 22px; color: #344158; }
.mdl-data-rank-list li { padding: 9px 0; border-bottom: 1px solid rgba(15,33,55,.08); line-height: 1.35; }
.mdl-data-rank-list li:last-child { border-bottom: 0; }
.mdl-data-rank-list strong { color: var(--mdl-data-navy); }
.mdl-data-rank-list span { color: var(--mdl-data-muted); font-weight: 750; }
.mdl-data-related { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 24px; margin-top: 18px; padding-top: 14px; border-top: 1px solid rgba(15,33,55,.1); }
.mdl-data-related a { display: block; color: var(--mdl-data-navy); text-decoration: none; font-weight: 850; line-height: 1.35; }
.mdl-data-related a span { display: block; margin-top: 8px; color: var(--mdl-data-muted); font-weight: 600; font-size: 13px; }
@media (max-width: 1040px) {
  .mdl-data-hero h1 { white-space: normal; }
  .mdl-data-map-body { grid-template-columns: 1fr; }
  .mdl-data-reading-grid { grid-template-columns: 1fr; gap: 22px; }
  .mdl-data-state-panel { padding: 18px 0 0; border-left: 0; border-top: 1px solid rgba(15, 33, 55, .12); }
  .mdl-data-state-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 920px) {
  .mdl-data-map-head, .mdl-data-rank-head { flex-direction: column; }
  .mdl-data-map-controls { width: 100%; justify-content: flex-start; }
  .mdl-data-national-scale { text-align: left; width: min(100%, 420px); max-width: 100%; }
  .mdl-data-control { width: min(100%, 420px); max-width: 100%; }
  .mdl-data-select { width: 100%; }
  .mdl-data-related { grid-template-columns: 1fr; }
}
@media (max-width: 680px) {
  .mdl-data-shell { padding: 0 16px; }
  .mdl-data-hero { padding-top: 46px; }
  .mdl-data-map-card { padding: 16px; }
  .mdl-data-chart { height: 480px; }
  .mdl-data-state-list, .mdl-data-rank-columns { grid-template-columns: 1fr; }
  .mdl-data-rank-columns { gap: 22px; }
}

/* Context charts - JUN26-42 tooltip dates and below-chart reading intro */
.mdl-data-context-section { margin: 34px auto 42px; }
.mdl-data-context-head { border-top: 1px solid rgba(15, 33, 55, .1); padding-top: 20px; }
.mdl-data-context-head h2 { margin: 0; color: var(--mdl-data-navy); letter-spacing: -.025em; font-size: 25px; }
.mdl-data-context-head p { margin: 8px 0 0; color: var(--mdl-data-muted); font-size: 14px; line-height: 1.5; max-width: 920px; }
.mdl-data-context-primer { margin: 14px 0 0; max-width: 980px; padding: 11px 14px; border-left: 3px solid rgba(88, 199, 191, .62); border-radius: 0 14px 14px 0; background: rgba(255,255,255,.58); color: #42516a; font-size: 13.5px; line-height: 1.55; }
.mdl-data-context-primer strong { color: var(--mdl-data-navy); font-weight: 850; }
.mdl-data-context-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 24px; margin-top: 22px; align-items: start; transition: grid-template-columns .32s ease; }
.mdl-data-context-grid.has-expanded { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 28px; }
.mdl-data-context-item { min-width: 0; padding: 0 0 0 22px; border-left: 1px solid rgba(15, 33, 55, .1); scroll-margin-top: 118px; transition: grid-column .34s ease, padding .34s ease, border-color .34s ease, opacity .22s ease; }
.mdl-data-context-item:first-child { padding-left: 0; border-left: 0; }
.mdl-data-context-item-head { display: block; }
.mdl-data-context-item h3 { margin: 0; color: var(--mdl-data-navy); font-size: 17px; line-height: 1.25; letter-spacing: -.02em; }
.mdl-data-context-item p { margin: 6px 0 0; color: var(--mdl-data-muted); font-size: 12.5px; line-height: 1.42; }
.mdl-data-context-chart-shell { position: relative; margin-top: 12px; }
.mdl-data-context-action { appearance: none; position: absolute; z-index: 3; top: -2px; right: 8px; display: inline-flex; align-items: center; gap: 6px; border: 1px solid rgba(15, 33, 55, .28); border-radius: 999px; background: transparent; color: var(--mdl-data-navy); cursor: pointer; font: 800 11px var(--mdl-data-font); letter-spacing: .01em; line-height: 1; padding: 7px 10px; box-shadow: none; backdrop-filter: none; transition: background .18s ease, border-color .18s ease, transform .18s ease, box-shadow .18s ease; }
.mdl-data-context-action:hover, .mdl-data-context-action:focus-visible { background: rgba(255,255,255,.88); border-color: rgba(15, 33, 55, .38); transform: translateY(-1px); box-shadow: 0 6px 14px rgba(15,33,55,.05); outline: none; }
.mdl-data-context-icon { display: inline-flex; width: 14px; height: 14px; }
.mdl-data-context-icon svg { width: 14px; height: 14px; stroke: currentColor; stroke-width: 2.15; fill: none; stroke-linecap: round; stroke-linejoin: round; }
.mdl-data-context-chart { height: 300px; width: 100%; transition: height .42s cubic-bezier(.16, 1, .3, 1); }
.mdl-data-context-analysis-list { margin-top: 24px; padding-top: 18px; border-top: 1px solid rgba(15, 33, 55, .08); width: 100%; max-width: none; }
.mdl-data-context-analysis-list[hidden] { display: none !important; }
.mdl-data-context-analysis-list h3 { margin: 0 0 10px; color: var(--mdl-data-navy); font-size: 17px; line-height: 1.28; letter-spacing: -.015em; }
.mdl-data-context-analysis-list p { margin: 0 0 17px; color: #42516a; font-size: 15px; line-height: 1.68; max-width: none; }
.mdl-data-context-analysis-intro { margin-bottom: 18px !important; color: #33425a !important; }
.mdl-data-context-analysis-list p:last-child { margin-bottom: 0; }
.mdl-data-context-analysis-list strong { color: var(--mdl-data-navy); font-weight: 850; }
@media (max-width: 680px) {
  .mdl-data-context-analysis-list { margin-top: 20px; padding-top: 16px; }
  .mdl-data-context-analysis-list h3 { font-size: 16px; margin-bottom: 9px; }
  .mdl-data-context-analysis-list p { font-size: 14px; line-height: 1.62; margin-bottom: 15px; }
  .mdl-data-context-analysis-intro { margin-bottom: 16px !important; }
}
.mdl-data-context-item.is-expanded { order: -1; grid-column: 1 / -1; padding-left: 0; border-left: 0; border-top: 1px solid rgba(15, 33, 55, .1); padding-top: 20px; }
.mdl-data-context-item.is-expanded .mdl-data-context-chart { height: min(620px, 52vw); min-height: 520px; }
.mdl-data-context-grid.has-expanded .mdl-data-context-item:not(.is-expanded) { order: 1; opacity: 1; }
.mdl-data-context-loading { color: var(--mdl-data-muted); font-size: 14px; padding: 10px 0; }
.mdl-data-context-source { margin: 14px 0 0; color: var(--mdl-data-muted); font-size: 13px; line-height: 1.45; }
.mdl-data-context-source a { color: inherit; font-weight: inherit; }
@media (max-width: 1040px) {
  .mdl-data-context-grid, .mdl-data-context-grid.has-expanded { grid-template-columns: 1fr; gap: 22px; }
  .mdl-data-context-item { padding-left: 0; border-left: 0; border-top: 1px solid rgba(15, 33, 55, .08); padding-top: 18px; }
  .mdl-data-context-item:first-child { border-top: 0; padding-top: 0; }
  .mdl-data-context-chart { height: 310px; }
  .mdl-data-context-item.is-expanded .mdl-data-context-chart { height: 520px; min-height: 440px; }
  .mdl-data-context-grid.has-expanded .mdl-data-context-item:not(.is-expanded) { opacity: 1; }
}

@media (max-width: 680px) {
  .mdl-data-context-action { top: -1px; right: 6px; padding: 7px 9px; }
  .mdl-data-context-action-label { display: none; }
  .mdl-data-context-chart { height: 310px; }
  .mdl-data-context-item.is-expanded .mdl-data-context-chart { height: 460px; min-height: 400px; }
}

/* Geography drilldown - JUN26-35 metro list label */
.mdl-data-local-drilldown { min-width: 0; max-width: 100%; margin: 0; padding: 0; border: 0; }
.mdl-data-local-drilldown[hidden] { display: none !important; }
.mdl-data-local-head { display: none; }
.mdl-data-local-reset { appearance: none; border: 1px solid rgba(15, 33, 55, .2); border-radius: 999px; background: transparent; color: var(--mdl-data-navy); cursor: pointer; font: 800 10.5px var(--mdl-data-font); padding: 6px 9px; }
.mdl-data-local-reset:hover, .mdl-data-local-reset:focus-visible { background: rgba(255,255,255,.78); outline: none; }
.mdl-data-local-select-label { display: grid; gap: 7px; color: var(--mdl-data-muted); font-size: 12px; font-weight: 750; line-height: 1.1; }
.mdl-data-local-select { width: 100%; min-width: 0; border: 1px solid rgba(15, 33, 55, .18); border-radius: 14px; padding: 10px 12px; background: rgba(255,255,255,.92); color: var(--mdl-data-navy); font: 750 13px var(--mdl-data-font); }
.mdl-data-local-select:disabled { color: rgba(13, 30, 48, .56); background: rgba(255,255,255,.62); }
.mdl-data-local-empty { margin: 0; color: var(--mdl-data-muted); font-size: 12px; line-height: 1.42; }
.mdl-data-context-scope { margin-top: 5px !important; font-size: 12px !important; color: #66758c !important; }

/* Geography drilldown markers and reset - JUN26-25 */
.mdl-data-map-visual { position: relative; }
.mdl-data-map-reset {
  appearance: none;
  position: absolute;
  z-index: 5;
  top: 14px;
  left: 14px;
  border: 1px solid rgba(15, 33, 55, .22);
  border-radius: 999px;
  background: rgba(255,255,255,.84);
  color: var(--mdl-data-navy);
  cursor: pointer;
  font: 850 12px var(--mdl-data-font);
  letter-spacing: .01em;
  padding: 8px 12px;
  box-shadow: 0 8px 20px rgba(15,33,55,.08);
}
.mdl-data-map-reset:hover,
.mdl-data-map-reset:focus-visible {
  background: #fff;
  border-color: rgba(15, 33, 55, .36);
  outline: none;
}
.mdl-data-map-reset[hidden] { display: none; }
.mdl-data-local-marker-note {
  display: block;
  color: #66758c;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.35;
}