/* ===== REFINE LAYER, Australian hub (25 Sep 2026) =====
   Spec: scratchpad/refine/DESIGN_SPEC.md. Loaded last; every rule is scoped to html.hub-au:root:root so the shared
   files (open-edition.js, nav-signin.css, hig-tokens.css) stay untouched. Presentation only. */

/* ---------- 1. chrome ---------- */
html.hub-au:root:root .site-head,
html.hub-au:root:root #tabs,
html.hub-au:root:root .mobile-nav-wrap {
  background: var(--hig-bar-bg) !important;
  -webkit-backdrop-filter: saturate(180%) blur(20px) !important;
  backdrop-filter: saturate(180%) blur(20px) !important;
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  html.hub-au:root:root .site-head, html.hub-au:root:root #tabs, html.hub-au:root:root .mobile-nav-wrap { background: var(--hig-bg) !important; }
}
html.hub-au:root:root .site-head { border-bottom: 0.5px solid var(--hig-separator) !important; box-shadow: none !important; }
html.hub-au:root:root .site-head .nav a { font-family: var(--hig-font) !important; font-size: 15px !important; font-weight: 500 !important; letter-spacing: 0 !important; }
html.hub-au:root:root .site-head .nav a.nav-exec { color: var(--hig-tint-text) !important; font-style: normal !important; text-transform: none !important; }
html.hub-au:root:root .site-head .nav a.nav-exec::before, html.hub-au:root:root .site-head .nav a.nav-exec::after { content: none !important; }

/* the "Open to anyone" band and its title line: gone from every view (Home carries its own title) */
html.hub-au:root:root section.page-hero { display: none !important; }

/* toolbar: sidebar toggle, view title, then actions, search and Help on the right; the only sticky bar */
html.hub-au:root:root #tabs {
  min-height: 52px !important; height: 52px; box-sizing: border-box;
  padding-top: 0 !important; padding-bottom: 0 !important;
  display: flex !important; align-items: center !important; gap: 8px !important;
  border-bottom: 0.5px solid var(--hig-separator) !important; box-shadow: none !important;
}
html.hub-au:root:root #tabs .cbx-hubs { display: none !important; }
html.hub-au:root:root #tabs .hig-tb-title { font: 600 var(--hig-headline)/1.2 var(--hig-font) !important; color: var(--hig-label) !important; margin-right: auto !important; letter-spacing: -0.01em; }
html.hub-au:root:root #tabs .hig-sb-toggle, html.hub-au:root:root #tabs .hig-help, html.hub-au:root:root #tabs .rf-tbbtn {
  font: 400 var(--hig-subhead)/1 var(--hig-font) !important; color: var(--hig-tint-text) !important;
  min-height: 44px; display: inline-flex !important; align-items: center; gap: 6px; background: transparent !important; border: 0 !important;
  padding: 0 8px !important; border-radius: var(--hig-radius-control) !important; cursor: pointer;
}
html.hub-au:root:root #tabs .hig-help { margin-left: 0 !important; }
html.hub-au:root:root #tabs .rf-tbbtn:hover, html.hub-au:root:root #tabs .hig-help:hover, html.hub-au:root:root #tabs .hig-sb-toggle:hover { background: var(--hig-fill3) !important; }
html.hub-au:root:root #tabs .hig-help .hig-help-lbl, html.hub-au:root:root #tabs .hig-sb-toggle-lbl { font-size: var(--hig-subhead) !important; font-weight: 400 !important; }
html.hub-au:root:root #tabs #cbkBtn.head-search {
  position: static !important; margin: 0 !important; order: 0;
  display: inline-flex !important; align-items: center; gap: 6px;
  width: 220px; max-width: 26vw; height: 36px !important; min-height: 36px !important; padding: 0 8px 0 10px !important;
  background: var(--hig-fill3) !important; border: 0 !important; border-radius: var(--hig-radius-control) !important; box-shadow: none !important;
  color: var(--hig-label2) !important; font: 400 var(--hig-subhead)/1 var(--hig-font) !important; cursor: text;
}
html.hub-au:root:root #tabs #cbkBtn .head-search-hint { flex: 1; text-align: left; color: var(--hig-label2) !important; font-size: var(--hig-subhead) !important; }
html.hub-au:root:root #tabs #cbkBtn svg { width: 15px; height: 15px; color: var(--hig-label2); }
html.hub-au:root:root #tabs #cbkBtn kbd { font: 500 12px/1 var(--hig-font) !important; color: var(--hig-label2) !important; background: transparent !important; border: 0 !important; padding: 0 !important; }
html.hub-au:root:root .site-head #cbkBtn { display: none !important; }

/* sidebar header: title plus the free label */
html.hub-au:root:root .hig-sb-head { height: auto !important; min-height: 52px; align-items: center; }
html.hub-au:root:root .rf-sb-titles { display: flex; flex-direction: column; gap: 2px; }
html.hub-au:root:root .rf-free { font: 400 var(--hig-footnote)/1.3 var(--hig-font); color: var(--hig-label2); }

/* ---------- 2. page anatomy ---------- */
html.hub-au:root:root body { background: var(--hig-grouped-bg) !important; }
html.hub-au:root:root #main:focus, html.hub-au:root:root [tabindex="-1"]:focus:not(:focus-visible) { outline: none !important; box-shadow: none !important; }

/* large title: light, 34px bold, 8px below the toolbar */
html.hub-au:root:root #main > .page-hero-band {
  background: transparent !important; border: 0 !important; box-shadow: none !important; color: var(--hig-label) !important;
  padding: 0 !important; margin: 8px 0 4px !important; min-height: 0 !important; display: block !important;
}
html.hub-au:root:root #main > .page-hero-band::before, html.hub-au:root:root #main > .page-hero-band::after { content: none !important; display: none !important; }
html.hub-au:root:root #main > .page-hero-band .ph-kick { display: none !important; }
html.hub-au:root:root #main > .page-hero-band .ph-copy { display: none !important; }
html.hub-au:root:root #main > .page-hero-band .ph-row { display: block !important; background: transparent !important; }
html.hub-au:root:root .rf-large, html.hub-au:root:root #main > .page-hero-band .ph-title {
  font: 700 var(--hig-large-title)/1.15 var(--hig-font-display) !important; letter-spacing: 0.01em !important;
  color: var(--hig-label) !important; margin: 0 !important; text-transform: none !important;
}
html.hub-au:root:root #main > .page-hero-band .cmp-modes { margin-top: 12px !important; }
html.hub-au:root:root .rf-subtitle, html.hub-au:root:root #main > p.note.rf-subtitle {
  font: 400 var(--hig-subhead)/1.35 var(--hig-font) !important; color: var(--hig-label2) !important; margin: 2px 0 16px !important; letter-spacing: 0 !important;
}

/* control row: pop-up buttons with a caption above and an up/down chevron */
html.hub-au:root:root #main .controls {
  display: flex !important; flex-wrap: nowrap; align-items: flex-end; gap: 12px !important;
  background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; margin: 0 0 16px !important;
}
html.hub-au:root:root #main .controls > div { flex: 1 1 0; min-width: 0; margin: 0 !important; padding: 0 !important; border: 0 !important; }
html.hub-au:root:root #main .controls > div > label, html.hub-au:root:root .rf-seg__cap {
  display: block; font: 400 var(--hig-footnote)/1.3 var(--hig-font) !important; color: var(--hig-label2) !important;
  margin: 0 0 6px 2px !important; text-transform: none !important; letter-spacing: 0 !important;
}
html.hub-au:root:root #main .controls .cbx-pick__trigger,
html.hub-au:root:root #main .controls select:not(.cbx-sel--behind),
html.hub-au:root:root .rf-startcard .cbx-pick__trigger {
  -webkit-appearance: none; appearance: none; width: 100%;
  height: 44px !important; min-height: 44px !important; padding: 0 34px 0 12px !important;
  background-color: var(--hig-fill3) !important; border: 0 !important; border-radius: var(--hig-radius-control) !important; box-shadow: none !important;
  color: var(--hig-label) !important; font: 400 var(--hig-body)/1.2 var(--hig-font) !important; text-align: left;
  display: flex !important; align-items: center; position: relative; cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='16' viewBox='0 0 12 16' fill='none' stroke='%238E8E93' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 6 6 2.5 9.5 6M2.5 10 6 13.5 9.5 10'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important; background-position: right 12px center !important; background-size: 12px 16px !important;
}
html.hub-au:root:root #main .controls .cbx-pick__val, html.hub-au:root:root .rf-startcard .cbx-pick__val { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--hig-label) !important; font-size: var(--hig-body) !important; }
html.hub-au:root:root #main .controls .cbx-pick__val.is-empty, html.hub-au:root:root .rf-startcard .cbx-pick__val.is-empty { color: var(--hig-label2) !important; }
html.hub-au:root:root #main .controls .cbx-pick__caret, html.hub-au:root:root .rf-startcard .cbx-pick__caret { display: none !important; }
html.hub-au:root:root #main .controls .cbx-pick__trigger:focus-visible, html.hub-au:root:root #main .controls select:focus-visible { outline: 3px solid var(--hig-tint) !important; outline-offset: 2px; }

/* Cash / Real: a segmented control in the control row */
html.hub-au:root:root .terms-toggle.rf-seg { display: block !important; margin: 0 !important; flex: 0 0 auto !important; }
html.hub-au:root:root #main .rf-seg__track { display: inline-flex; padding: 2px; gap: 2px; background: var(--hig-fill3); border-radius: 9px; height: 44px; box-sizing: border-box; }
html.hub-au:root:root #main .rf-seg__track button {
  min-width: 72px; min-height: 40px; padding: 0 14px !important; border: 0 !important; border-radius: 7px !important;
  background: transparent !important; color: var(--hig-label) !important; font: 500 var(--hig-subhead)/1 var(--hig-font) !important; cursor: pointer;
}
html.hub-au:root:root #main .rf-seg__track button[aria-pressed="true"] { background: var(--hig-bg3) !important; color: var(--hig-label) !important; font-weight: 600 !important; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 0 0.5px rgba(0,0,0,0.04) !important; }
@media (prefers-color-scheme: dark) { html.hub-au:root:root #main .rf-seg__track button[aria-pressed="true"] { background: #636366 !important; } }
html.hub-au:root:root .rf-seg__note { display: none !important; }
/* the note is kept for screen readers as the control's description */
html.hub-au:root:root .rf-seg__note { display: block !important; position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
html.hub-au:root:root #main > .terms-toggle:not(.rf-seg) { margin: 0 0 16px !important; }

/* section navigator: one light row of chips, no ordinals; All sections at the end; not sticky on desktop */
html.hub-au:root:root #main > nav.section-nav {
  position: relative !important; top: auto !important; z-index: 1 !important;
  background: transparent !important; border: 0 !important; box-shadow: none !important; color: var(--hig-label) !important;
  display: flex !important; align-items: center; gap: 8px; padding: 0 !important; margin: 0 0 16px !important; min-height: 44px;
}
html.hub-au:root:root #main > nav.section-nav::before, html.hub-au:root:root #main > nav.section-nav::after { display: none !important; }
html.hub-au:root:root #main > nav.section-nav .sn-label { display: none !important; }
html.hub-au:root:root #main > nav.section-nav .sn-num { display: none !important; }
html.hub-au:root:root #main > nav.section-nav .cbx-next { display: none !important; }
html.hub-au:root:root #main > nav.section-nav .sn-links {
  flex: 1 1 auto; min-width: 0; display: flex !important; gap: 8px; overflow-x: auto; scrollbar-width: none; padding: 0 !important;
  -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 28px), transparent); mask-image: linear-gradient(90deg, #000 calc(100% - 28px), transparent);
}
html.hub-au:root:root #main > nav.section-nav .sn-links::-webkit-scrollbar { display: none; }
html.hub-au:root:root #main > nav.section-nav .sn-link,
html.hub-au:root:root #main > nav.section-nav .cbx-jump {
  flex: 0 0 auto; min-height: 36px !important; height: 36px; padding: 0 14px !important; margin: 0 !important;
  border-radius: 999px !important; border: 0 !important; box-shadow: none !important;
  background: var(--hig-fill3) !important; color: var(--hig-label) !important;
  font: 500 var(--hig-subhead)/1 var(--hig-font) !important; white-space: nowrap; display: inline-flex !important; align-items: center; gap: 6px;
  position: relative;
}
/* 44pt hit area around the 36px capsule */
html.hub-au:root:root #main > nav.section-nav .sn-link::after, html.hub-au:root:root #main > nav.section-nav .cbx-jump::after { content: ""; position: absolute; left: 0; right: 0; top: -4px; bottom: -4px; }
html.hub-au:root:root #main > nav.section-nav .sn-link.is-here { background: var(--hig-label) !important; color: var(--hig-bg) !important; }
html.hub-au:root:root #main > nav.section-nav .cbx-jump { background: transparent !important; color: var(--hig-tint-text) !important; box-shadow: inset 0 0 0 1px var(--hig-separator) !important; }
html.hub-au:root:root #main > nav.section-nav .cbx-jump-panel { right: 0; left: auto; border-radius: var(--hig-radius-card) !important; border: 0.5px solid var(--hig-separator) !important; }

/* Next as a large card at the end of the page */
html.hub-au:root:root .rf-nextcard {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  margin: 24px 0 8px; padding: 18px 20px; min-height: 64px; box-sizing: border-box;
  background: var(--hig-grouped-bg2); border-radius: var(--hig-radius-card); box-shadow: var(--hig-shadow-card);
  color: var(--hig-label) !important; text-decoration: none !important;
}
html.hub-au:root:root .rf-nextcard__t { display: flex; flex-direction: column; gap: 2px; }
html.hub-au:root:root .rf-nextcard__k { font: 400 var(--hig-footnote)/1.3 var(--hig-font); color: var(--hig-label2); }
html.hub-au:root:root .rf-nextcard__n { font: 600 var(--hig-title3)/1.2 var(--hig-font); }
html.hub-au:root:root .rf-nextcard svg { color: var(--hig-label3); flex: 0 0 auto; }
html.hub-au:root:root .rf-nextcard:hover { background: var(--hig-bg2); }

/* narrative ledes: body size, label colour */
html.hub-au:root:root p.home-intro.rf-lede, html.hub-au:root:root #main > p.home-intro {
  font: 400 var(--hig-body)/1.47 var(--hig-font) !important; color: var(--hig-label) !important; letter-spacing: -0.01em !important;
  max-width: 68ch; margin: 0 0 16px !important;
}
html.hub-au:root:root section.block > p.home-intro.rf-lede--incard { margin: 20px 0 0 !important; padding-top: 16px; border-top: 0.5px solid var(--hig-separator); max-width: 72ch; }

/* info boxes: a quiet callout */
html.hub-au:root:root .cardhelp.rf-cardhelp { background: transparent !important; border: 0 !important; padding: 0 !important; margin: 16px 0 0 !important; box-shadow: none !important; }
html.hub-au:root:root .rf-callout { background: var(--hig-fill3); border-radius: var(--hig-radius-card); padding: 0 16px; color: var(--hig-label); }
html.hub-au:root:root .rf-callout > summary { list-style: none; display: flex; align-items: center; gap: 8px; min-height: 44px; cursor: pointer; font: 600 var(--hig-subhead)/1.3 var(--hig-font); color: var(--hig-label); }
html.hub-au:root:root .rf-callout > summary::-webkit-details-marker { display: none; }
html.hub-au:root:root .rf-callout > summary svg { color: var(--hig-tint-text); flex: 0 0 auto; }
html.hub-au:root:root .rf-callout__b { padding: 0 0 16px; font: 400 var(--hig-subhead)/1.45 var(--hig-font); color: var(--hig-label2); }
html.hub-au:root:root .rf-callout__b .cardhelp-x { display: inline-flex; margin-top: 10px; min-height: 36px; padding: 0 14px !important; border-radius: 999px !important; border: 0 !important; background: var(--hig-fill3) !important; color: var(--hig-tint-text) !important; font: 500 var(--hig-subhead)/1 var(--hig-font) !important; }

/* sections: one rounded card on the grouped ground */
html.hub-au:root:root #main section.block {
  background: var(--hig-grouped-bg2) !important; border: 0 !important; border-radius: var(--hig-radius-card) !important;
  box-shadow: var(--hig-shadow-card) !important; padding: 20px !important; margin: 0 0 24px !important;
}
html.hub-au:root:root #main section.block.home { background: transparent !important; box-shadow: none !important; padding: 0 !important; }
html.hub-au:root:root #main section.block > h2 {
  font: 700 var(--hig-title2)/1.25 var(--hig-font-display) !important; color: var(--hig-label) !important; letter-spacing: 0 !important; margin: 0 0 8px !important;
}
html.hub-au:root:root #main section.block > h2 .sec-n { display: none !important; }
html.hub-au:root:root #main section.block > h2 .sec-toggle { border: 0 !important; border-radius: 999px !important; background: var(--hig-fill3) !important; }
html.hub-au:root:root .rf-secyear { font: 400 var(--hig-footnote)/1.3 var(--hig-font); color: var(--hig-label2); margin: 0 0 12px; }
html.hub-au:root:root .kpi > .ref.rf-ref-dupe { display: none !important; }
html.hub-au:root:root #main section.block > .note-fold { border-bottom: 0.5px solid var(--hig-separator) !important; margin-bottom: 12px !important; color: var(--hig-label2) !important; }
html.hub-au:root:root #main section.block > .note-fold .note-fold__more { color: var(--hig-tint-text) !important; }

/* KPI tiles: plain blocks with a fill, no borders; the rank and medians inside are plain rows */
html.hub-au:root:root #main section.block .card.kpi {
  background: var(--hig-fill3) !important; border: 0 !important; border-radius: var(--hig-radius-card) !important; box-shadow: none !important;
  padding: 16px !important; outline: 0 !important;
}
html.hub-au:root:root #main section.block .card.kpi::before, html.hub-au:root:root #main section.block .card.kpi::after { display: none !important; }
html.hub-au:root:root #main .card.kpi > .label { font: 400 var(--hig-footnote)/1.3 var(--hig-font) !important; color: var(--hig-label2) !important; text-transform: none !important; letter-spacing: 0 !important; text-align: left !important; }
html.hub-au:root:root #main .card.kpi > .value { font: 700 var(--hig-title1)/1.15 var(--hig-font-display) !important; font-variant-numeric: tabular-nums; color: var(--hig-label) !important; letter-spacing: 0 !important; }
html.hub-au:root:root #main .card.kpi > .ref, html.hub-au:root:root #main .card.kpi .kpi-yoy { font: 400 var(--hig-footnote)/1.35 var(--hig-font) !important; letter-spacing: 0 !important; color: var(--hig-label2) !important; }
html.hub-au:root:root #main .card.kpi .kpi-rank {
  background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; margin: 12px 0 8px !important; border-radius: 0 !important;
}
html.hub-au:root:root #main .card.kpi .kpi-rank .kr-pos { font: 600 var(--hig-title3)/1.2 var(--hig-font) !important; }
html.hub-au:root:root #main .card.kpi .kpi-rank .kr-of { font: 400 var(--hig-footnote)/1.3 var(--hig-font) !important; color: var(--hig-label2) !important; }
html.hub-au:root:root #main .card.kpi .kc-grid {
  border: 0 !important; background: transparent !important; box-shadow: none !important; border-radius: 0 !important;
  border-top: 0.5px solid var(--hig-separator) !important; margin: 0 !important; padding: 8px 0 0 !important; gap: 6px 12px !important;
}
html.hub-au:root:root #main .card.kpi .kc-grid + .kc-grid { margin-top: 8px !important; }
html.hub-au:root:root #main .card.kpi .kc { border: 0 !important; background: transparent !important; padding: 0 !important; }
html.hub-au:root:root #main .card.kpi .kc-l { font: 400 var(--hig-caption1)/1.3 var(--hig-font) !important; color: var(--hig-label2) !important; }
html.hub-au:root:root #main .card.kpi .kc-v { font: 600 var(--hig-subhead)/1.3 var(--hig-font) !important; font-variant-numeric: tabular-nums; color: var(--hig-label) !important; }
html.hub-au:root:root #main .card.kpi .kpi-caveat { background: transparent !important; border: 0 !important; padding: 8px 0 0 !important; font: 400 var(--hig-caption1)/1.4 var(--hig-font) !important; color: var(--hig-label2) !important; }

/* no box inside a box: chart cards inside a section are separated by spacing and a hairline */
html.hub-au:root:root #main section.block .card.chartcard,
html.hub-au:root:root #main section.block .card:not(.kpi):not(.home-card) {
  background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; padding: 0 !important;
}
html.hub-au:root:root #main section.block .grid.charts { gap: 24px 32px !important; }
html.hub-au:root:root #main section.block .grid.charts > .card.chartcard { padding-top: 16px !important; border-top: 0.5px solid var(--hig-separator) !important; }

/* reading callouts ("The read: …") inside the flow */
html.hub-au:root:root #main .cb-read, html.hub-au:root:root #main .the-read, html.hub-au:root:root #main [class*="read-card"] { border-radius: var(--hig-radius-card) !important; }

/* ---------- 4. charts ---------- */
html.hub-au:root:root #main .chartcard > h3, html.hub-au:root:root #main section.block h3 {
  font: 600 var(--hig-headline)/1.3 var(--hig-font) !important; color: var(--hig-label) !important; letter-spacing: -0.01em !important; text-transform: none !important;
}
html.hub-au:root:root #main .chart-sub { font: 400 var(--hig-footnote)/1.35 var(--hig-font) !important; color: var(--hig-label2) !important; letter-spacing: 0 !important; }
html.hub-au:root:root #main .chartcard .src, html.hub-au:root:root #main section.block .src {
  font: 400 var(--hig-footnote)/1.4 var(--hig-font) !important; color: var(--hig-label2) !important; letter-spacing: 0 !important;
  border: 0 !important; background: transparent !important; padding: 8px 0 0 !important;
}
html.hub-au:root:root #main .chartcard > div.rf-std { height: 300px !important; }
@media (max-width: 1099px) and (min-width: 768px) { html.hub-au:root:root #main .chartcard > div.rf-std { height: 260px !important; } }
@media (max-width: 767px) { html.hub-au:root:root #main .chartcard > div.rf-std { height: 220px !important; } }
html.hub-au:root:root details.hig-data > summary { font: 500 var(--hig-subhead)/1.3 var(--hig-font) !important; color: var(--hig-tint-text) !important; min-height: 44px; display: flex; align-items: center; }

/* ---------- Home ---------- */
html.hub-au:root:root .rf-home-head { margin: 8px 0 20px; }
html.hub-au:root:root .rf-home-head .rf-large { margin: 0 0 4px !important; }
html.hub-au:root:root .rf-free-note { font: 400 var(--hig-subhead)/1.35 var(--hig-font); color: var(--hig-label2); margin: 0 0 12px; }
html.hub-au:root:root .rf-home-head p.home-intro { margin: 0 !important; font-size: var(--hig-title3) !important; line-height: 1.4 !important; }
html.hub-au:root:root #main .home-hero { display: grid !important; grid-template-columns: minmax(0, 1fr) 260px; gap: 24px; align-items: stretch; background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; margin: 0 0 24px !important; }
html.hub-au:root:root #main .home-hero__copy { padding: 0 !important; background: transparent !important; border: 0 !important; }
html.hub-au:root:root .mineband.rf-startcard {
  background: var(--hig-grouped-bg2) !important; border: 0 !important; border-radius: var(--hig-radius-card) !important; box-shadow: var(--hig-shadow-card) !important;
  padding: 20px !important; margin: 0 !important; color: var(--hig-label) !important;
}
html.hub-au:root:root .rf-startcard .mineband__head { font: 600 var(--hig-title3)/1.25 var(--hig-font) !important; color: var(--hig-label) !important; }
html.hub-au:root:root .rf-startcard .mineband__sub { font: 400 var(--hig-subhead)/1.4 var(--hig-font) !important; color: var(--hig-label2) !important; }
html.hub-au:root:root .rf-startcard .mineband__ctl { display: flex !important; align-items: flex-end; gap: 12px; margin-top: 16px !important; }
html.hub-au:root:root .rf-startcard .instselect { flex: 1 1 auto; min-width: 0; }
html.hub-au:root:root .rf-startcard .instselect > label { display: block; font: 400 var(--hig-footnote)/1.3 var(--hig-font) !important; color: var(--hig-label2) !important; margin: 0 0 6px 2px !important; text-transform: none !important; letter-spacing: 0 !important; }
html.hub-au:root:root .rf-startcard .instselect.pulse { animation: none !important; box-shadow: none !important; }
html.hub-au:root:root .rf-startcard .mineband-go {
  flex: 0 0 auto; height: 44px; min-height: 44px; padding: 0 20px !important; border: 0 !important; border-radius: var(--hig-radius-control) !important;
  background: var(--hig-tint-text) !important; color: #fff !important; font: 600 var(--hig-body)/1 var(--hig-font) !important; display: inline-flex; align-items: center; text-decoration: none !important; box-shadow: none !important;
}
html.hub-au:root:root .rf-startcard .mineband-go[disabled] { background: var(--hig-fill) !important; color: var(--hig-label2) !important; }
html.hub-au:root:root .rf-startcard .mineband-go::after { content: none !important; }
html.hub-au:root:root #main .home-hero__photo { border-radius: var(--hig-radius-card) !important; overflow: hidden; margin: 0 !important; box-shadow: none !important; }
html.hub-au:root:root #main .home-hero__photo img { width: 100%; height: 100%; object-fit: cover; border-radius: var(--hig-radius-card) !important; display: block; }
html.hub-au:root:root #main .home-card {
  border: 0 !important; border-radius: var(--hig-radius-card) !important; box-shadow: var(--hig-shadow-card) !important;
  background: var(--hig-grouped-bg2) !important; color: var(--hig-label) !important;
}
html.hub-au:root:root #main .home-card h3 { color: var(--hig-label) !important; font: 700 var(--hig-title2)/1.2 var(--hig-font-display) !important; }
html.hub-au:root:root #main .home-card p, html.hub-au:root:root #main .home-card .home-rankmeta, html.hub-au:root:root #main .home-card .chart-sub, html.hub-au:root:root #main .home-card .home-bars-label { color: var(--hig-label2) !important; }
html.hub-au:root:root #main .home-card .home-kick { background: transparent !important; color: var(--hig-tint-text) !important; padding: 0 !important; font: 600 var(--hig-footnote)/1.3 var(--hig-font) !important; text-transform: none !important; letter-spacing: 0 !important; }
html.hub-au:root:root #main .home-card .home-go { border: 0 !important; border-radius: var(--hig-radius-control) !important; background: var(--hig-fill3) !important; color: var(--hig-tint-text) !important; min-height: 44px; font: 600 var(--hig-subhead)/1 var(--hig-font) !important; }
html.hub-au:root:root #main .home-card .home-rank b, html.hub-au:root:root #main .home-card .home-rank em, html.hub-au:root:root #main .home-card .rk-num { color: var(--hig-label) !important; }
html.hub-au:root:root #main .home-card .home-rank i { background: var(--hig-chart-1) !important; border-radius: 3px; }
html.hub-au:root:root #main .home-card--rank .home-rank div:not(:first-child) i { background: color-mix(in srgb, var(--hig-gray) 45%, transparent) !important; }
html.hub-au:root:root #main .home-strip { border-radius: var(--hig-radius-card) !important; border: 0 !important; background: var(--hig-fill3) !important; color: var(--hig-label) !important; }

/* ---------- 3. phones (under 768px) ---------- */
@media (max-width: 767px) {
  /* one top bar: brand, search, help, actions */
  html.hub-au:root:root .site-head { display: none !important; }
  html.hub-au:root:root .mobile-nav-wrap { position: sticky !important; top: 0 !important; border-bottom: 0.5px solid var(--hig-separator) !important; box-shadow: none !important; }
  html.hub-au:root:root .mobile-nav-main { display: flex !important; align-items: center !important; gap: 4px !important; min-height: 52px; padding: 0 8px 0 16px !important; flex-wrap: nowrap !important; }
  html.hub-au:root:root .mobile-nav-main .hig-ph-title, html.hub-au:root:root .mobile-nav-main .mobile-nav-cue, html.hub-au:root:root .mobile-nav-main .mnav-row { display: none !important; }
  html.hub-au:root:root .rf-mbrand { display: inline-flex; align-items: center; gap: 7px; margin-right: auto; min-height: 44px; color: var(--hig-label) !important; text-decoration: none !important; font: 400 17px/1 var(--hig-font); }
  html.hub-au:root:root .rf-mbrand img { width: 22px; height: 22px; display: block; }
  html.hub-au:root:root .rf-mbrand b { font-weight: 700; }
  html.hub-au:not(.rf-home) .rf-mbrand__d { display: none; }
  html.hub-au:root:root .mobile-nav-main .mnav-search {
    width: 44px !important; height: 44px !important; min-width: 44px; border-radius: 50% !important; border: 0 !important;
    background: var(--hig-fill3) !important; color: var(--hig-tint-text) !important; display: inline-flex !important; align-items: center; justify-content: center; padding: 0 !important; margin: 0 !important;
  }
  html.hub-au:root:root .rf-amenu { position: absolute; right: 8px; top: 52px; z-index: 95; min-width: 200px; background: var(--hig-bg3); border-radius: var(--hig-radius-card); box-shadow: 0 8px 30px rgba(0,0,0,0.18); overflow: hidden; }
  html.hub-au:root:root .rf-amenu__i { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 44px; padding: 0 16px; border: 0; background: transparent; color: var(--hig-label); font: 400 var(--hig-body)/1 var(--hig-font); text-align: left; }
  html.hub-au:root:root #tabs .rf-share { display: none !important; }

  html.hub-au:root:root #main { padding-top: 0 !important; }
  html.hub-au:root:root .rf-large, html.hub-au:root:root #main > .page-hero-band .ph-title { font-size: 1.75rem !important; }
  html.hub-au:root:root #main > .page-hero-band { margin-top: 12px !important; }
  html.hub-au:root:root .rf-subtitle, html.hub-au:root:root #main > p.note.rf-subtitle { margin-bottom: 12px !important; }

  /* the control row becomes an inset grouped list; the segmented control sits full width under it */
  html.hub-au:root:root #main .controls { flex-direction: column !important; align-items: stretch; gap: 0 !important; background: var(--hig-grouped-bg2) !important; border-radius: var(--hig-radius-card) !important; overflow: visible; margin-bottom: 12px !important; }
  html.hub-au:root:root #main .controls > div:not(.terms-toggle) {
    display: flex !important; align-items: center; min-height: 44px; padding: 0 0 0 16px !important; position: relative;
  }
  html.hub-au:root:root #main .controls > div:not(.terms-toggle) + div:not(.terms-toggle)::before { content: ""; position: absolute; left: 16px; right: 0; top: 0; border-top: 0.5px solid var(--hig-separator); }
  html.hub-au:root:root #main .controls > div > label { flex: 0 0 auto; margin: 0 8px 0 0 !important; font-size: var(--hig-body) !important; color: var(--hig-label) !important; max-width: 45%; }
  html.hub-au:root:root #main .controls > div > .cbx-pick__trigger,
  html.hub-au:root:root #main .controls > div > select:not(.cbx-sel--behind) {
    flex: 1 1 auto; min-width: 0; background-color: transparent !important; justify-content: flex-end; text-align: right; text-align-last: right; color: var(--hig-label2) !important;
    padding: 0 34px 0 0 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='14' viewBox='0 0 8 14' fill='none' stroke='%23AEAEB2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1.5 1.5 6.5 7 1.5 12.5'/%3E%3C/svg%3E") !important;
    background-position: right 16px center !important; background-size: 8px 14px !important;
  }
  html.hub-au:root:root #main .controls > div > .cbx-pick__trigger .cbx-pick__val { color: var(--hig-label2) !important; }
  html.hub-au:root:root #main .controls .terms-toggle.rf-seg { padding: 12px 16px !important; border-top: 0.5px solid var(--hig-separator); display: flex !important; align-items: center; gap: 12px; }
  html.hub-au:root:root #main .controls .terms-toggle .rf-seg__cap { margin: 0 !important; font-size: var(--hig-body) !important; color: var(--hig-label) !important; flex: 0 0 auto; }
  html.hub-au:root:root #main .controls .rf-seg__track { flex: 1 1 auto; height: 36px; }
  html.hub-au:root:root #main .controls .rf-seg__track button { flex: 1 1 0; min-height: 32px; min-width: 0; }

  html.hub-au:root:root #main > nav.section-nav { margin: 0 -16px 24px !important; padding: 0 16px !important; }
  html.hub-au:root:root #main section.block { padding: 16px !important; margin-bottom: 24px !important; }
  html.hub-au:root:root #main section.block > h2 { font-size: var(--hig-title3) !important; }
  html.hub-au:root:root #main .card.kpi > .value { font-size: 1.625rem !important; }
  html.hub-au:root:root #main .home-hero { grid-template-columns: 1fr; }
  html.hub-au:root:root #main .home-hero__photo { max-height: 180px; }
  html.hub-au:root:root .rf-home-head p.home-intro { font-size: var(--hig-body) !important; }
  html.hub-au:root:root .rf-startcard .mineband__ctl { flex-direction: column; align-items: stretch; }
  html.hub-au:root:root .rf-startcard .mineband-go { justify-content: center; }
  html.hub-au:root:root .rf-nextcard { margin-top: 8px; }
}
@media (min-width: 768px) and (max-width: 1099px) {
  html.hub-au:root:root #main .controls { flex-wrap: wrap !important; }
  html.hub-au:root:root #main .controls > div { flex: 1 1 calc(50% - 12px); }
  html.hub-au:root:root #main .controls > .terms-toggle.rf-seg { flex: 0 0 auto !important; }
  html.hub-au:root:root #tabs .hig-sb-toggle kbd, html.hub-au:root:root #tabs #cbkBtn kbd { display: none !important; }
  html.hub-au:root:root #tabs #cbkBtn.head-search { width: 160px; }
}
@media (min-width: 768px) { html.hub-au:root:root .rf-amenu, html.hub-au:root:root .rf-mact { display: none !important; } }

/* ---------- pass 2 (after the first capture) ---------- */
/* WebKit here paints the material without the blur, so the bars are opaque: nothing shows through */
html.hub-au:root:root { --rf-bar: #F9F9F9; }
@media (prefers-color-scheme: dark) { html.hub-au:root:root { --rf-bar: #1D1D1F; } }
html.hub-au:root:root .site-head, html.hub-au:root:root #tabs, html.hub-au:root:root .mobile-nav-wrap { background: var(--rf-bar) !important; }

/* KPI grid: rows size to their own content, not to the tallest tile of the whole grid */
html.hub-au:root:root #main section.block .grid.kpis { grid-template-rows: none !important; grid-auto-rows: auto !important; align-items: start !important; gap: 12px !important; }
html.hub-au:root:root #main section.block .grid.kpis > .card.kpi { grid-row: auto !important; grid-template-rows: none !important; height: auto !important; min-height: 0 !important; }
html.hub-au:root:root #main .card.kpi > .label { align-self: stretch !important; -webkit-line-clamp: 2; }

/* Home: title, start card, then the photo as a rounded banner, then the area cards */
html.hub-au:root:root #main .home-hero { grid-template-columns: minmax(0, 1fr) !important; gap: 16px !important; }
html.hub-au:root:root #main .home-hero__photo { height: 200px !important; max-height: 200px; position: relative; }
html.hub-au:root:root #main .home-hero__photo img { object-position: center 35%; }
html.hub-au:root:root .rf-startcard .instselect > label::after, html.hub-au:root:root .rf-startcard .instselect > label b, html.hub-au:root:root .rf-startcard .instselect > label strong { display: none !important; content: none !important; }

/* ---------- pass 3 ---------- */
html.hub-au:root:root #main .home-hero__photo { width: 100% !important; max-width: none !important; }
html.hub-au:root:root #main .home-card--rank .home-rank div i { background: var(--hig-chart-1) !important; }
html.hub-au:root:root #main .home-card .home-rankmeta b { color: var(--hig-label) !important; }
/* Local impact card: the pop-up button and the two figures read on the light card */
html.hub-au:root:root #main .home-card--wide .cbx-pick__trigger {
  -webkit-appearance: none; appearance: none; width: 100%; max-width: 420px; height: 44px !important; min-height: 44px; padding: 0 34px 0 12px !important;
  background: var(--hig-fill3) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='16' viewBox='0 0 12 16' fill='none' stroke='%238E8E93' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 6 6 2.5 9.5 6M2.5 10 6 13.5 9.5 10'/%3E%3C/svg%3E") no-repeat right 12px center / 12px 16px !important;
  border: 0 !important; border-radius: var(--hig-radius-control) !important; color: var(--hig-label) !important; display: flex !important; align-items: center; box-shadow: none !important;
}
html.hub-au:root:root #main .home-card--wide .cbx-pick__val { color: var(--hig-label) !important; font: 400 var(--hig-body)/1.2 var(--hig-font) !important; }
html.hub-au:root:root #main .home-card--wide .cbx-pick__caret { display: none !important; }
html.hub-au:root:root #main .home-local-cols { gap: 12px !important; }
html.hub-au:root:root #main .home-local-cols > a { background: var(--hig-fill3) !important; border: 0 !important; border-radius: var(--hig-radius-card) !important; color: var(--hig-label) !important; text-decoration: none !important; padding: 16px !important; min-height: 0 !important; justify-content: flex-start !important; }
html.hub-au:root:root #main .home-local-cols .lbl { color: var(--hig-label2) !important; font: 400 var(--hig-footnote)/1.3 var(--hig-font) !important; }
html.hub-au:root:root #main .home-local-cols .big { color: var(--hig-label) !important; font: 700 var(--hig-title1)/1.15 var(--hig-font-display) !important; font-variant-numeric: tabular-nums; }
html.hub-au:root:root #main .home-local-cols .sub { color: var(--hig-label2) !important; font: 400 var(--hig-footnote)/1.35 var(--hig-font) !important; }

/* ---------- pass 4 ---------- */
/* phones never show the desktop toolbar */
@media (max-width: 767px) { html.hub-au:root:root #tabs { display: none !important; } }

/* snapshot tape: one quiet card of headline figures */
html.hub-au:root:root #main > .cb-tape {
  background: var(--hig-grouped-bg2) !important; border: 0 !important; border-radius: var(--hig-radius-card) !important;
  box-shadow: var(--hig-shadow-card) !important; padding: 16px 20px !important; margin: 0 0 24px !important;
}
html.hub-au:root:root #main > .cb-tape::before, html.hub-au:root:root #main > .cb-tape::after { display: none !important; }
html.hub-au:root:root #main > .cb-tape .cb-tape__row { border: 0 !important; margin: 0 !important; }
html.hub-au:root:root #main > .cb-tape .cb-tape__cell { border-color: var(--hig-separator) !important; border-width: 0 0 0 0.5px !important; }
html.hub-au:root:root #main > .cb-tape .cb-tape__cell:first-child { border-left-width: 0 !important; }
html.hub-au:root:root #main > .cb-tape .cb-tape__k { font: 400 var(--hig-footnote)/1.3 var(--hig-font) !important; color: var(--hig-label2) !important; letter-spacing: 0 !important; text-transform: none !important; }
html.hub-au:root:root #main > .cb-tape .cb-tape__v { font: 700 var(--hig-title1)/1.15 var(--hig-font-display) !important; font-variant-numeric: tabular-nums; color: var(--hig-label) !important; letter-spacing: 0 !important; }
html.hub-au:root:root #main > .cb-tape .cb-tape__d { font: 600 var(--hig-footnote)/1.35 var(--hig-font) !important; letter-spacing: 0 !important; }
html.hub-au:root:root #main > .cb-tape .cb-tape__since { font-weight: 400 !important; color: var(--hig-label2) !important; }
html.hub-au:root:root #main > .cb-tape > :not(.cb-tape__row) { font: 400 var(--hig-footnote)/1.4 var(--hig-font) !important; color: var(--hig-label2) !important; border: 0 !important; letter-spacing: 0 !important; }

/* one-line change summary and "The read" */
html.hub-au:root:root #main > p.tab-delta, html.hub-au:root:root #main > p.measure-meta {
  text-align: left !important; font: 400 var(--hig-subhead)/1.4 var(--hig-font) !important; color: var(--hig-label2) !important; margin: 0 0 12px !important; max-width: 72ch; padding: 0 !important; border: 0 !important; background: transparent !important;
}
html.hub-au:root:root #main > p.tab-delta b { font-weight: 600 !important; color: var(--hig-label) !important; }
html.hub-au:root:root #main > .tab-read {
  background: var(--hig-grouped-bg2) !important; border: 0 !important; border-radius: var(--hig-radius-card) !important; box-shadow: var(--hig-shadow-card) !important;
  padding: 16px 20px !important; margin: 0 0 24px !important; color: var(--hig-label) !important;
}
html.hub-au:root:root #main > .tab-read::before { display: none !important; }
html.hub-au:root:root #main > .tab-read .tab-read-h { font: 600 var(--hig-headline)/1.3 var(--hig-font) !important; color: var(--hig-label) !important; text-transform: none !important; letter-spacing: 0 !important; margin: 0 0 8px !important; }
html.hub-au:root:root #main > .tab-read li { font: 400 var(--hig-subhead)/1.45 var(--hig-font) !important; color: var(--hig-label) !important; }
html.hub-au:root:root #main > .tab-read .tab-read-foot { font: 400 var(--hig-footnote)/1.4 var(--hig-font) !important; color: var(--hig-label2) !important; border-top: 0.5px solid var(--hig-separator) !important; }

/* boxes inside section cards: quiet fills, no borders */
html.hub-au:root:root #main section.block .guess-widget {
  background: var(--hig-fill3) !important; border: 0 !important; border-radius: var(--hig-radius-card) !important; box-shadow: none !important;
}
html.hub-au:root:root #main section.block .guess-widget button { border-radius: var(--hig-radius-control) !important; min-height: 44px; background: var(--hig-tint-text) !important; border: 0 !important; font: 600 var(--hig-subhead)/1 var(--hig-font) !important; }

/* tables: light header, hairline rows, no vertical rules, plain links */
html.hub-au:root:root #main section.block table { border: 0 !important; border-collapse: collapse !important; background: transparent !important; }
html.hub-au:root:root #main section.block table th, html.hub-au:root:root #main section.block table td { border-left: 0 !important; border-right: 0 !important; border-top: 0 !important; border-bottom: 0.5px solid var(--hig-separator) !important; }
html.hub-au:root:root #main section.block table thead th {
  background: transparent !important; color: var(--hig-label2) !important; font: 600 var(--hig-footnote)/1.3 var(--hig-font) !important; text-transform: none !important; letter-spacing: 0 !important;
  border-bottom: 0.5px solid var(--hig-separator) !important;
}
html.hub-au:root:root #main section.block table thead th * { color: inherit !important; }
html.hub-au:root:root #main section.block table td, html.hub-au:root:root #main section.block table tbody th { font-variant-numeric: tabular-nums; }
html.hub-au:root:root #main section.block table a { color: var(--hig-tint-text) !important; text-decoration: none !important; }
html.hub-au:root:root #main section.block table a:hover { text-decoration: underline !important; }
html.hub-au:root:root #main section.block [class*="tablewrap"], html.hub-au:root:root #main section.block .table-scroll, html.hub-au:root:root #main section.block .hig-data-scroll { border: 0 !important; box-shadow: none !important; border-radius: 0 !important; }

@media (max-width: 767px) {
  html.hub-au:root:root #main > .cb-tape { padding: 4px 16px !important; }
  html.hub-au:root:root #main > .cb-tape .cb-tape__row { display: grid !important; grid-template-columns: 1fr 1fr; gap: 0 16px; }
  html.hub-au:root:root #main > .cb-tape .cb-tape__cell { border-width: 0 0 0.5px 0 !important; padding: 12px 0 !important; min-width: 0; }
  html.hub-au:root:root #main > .cb-tape .cb-tape__v { font-size: 1.375rem !important; }
  html.hub-au:root:root #main > .cb-tape > :not(.cb-tape__row) { padding: 8px 0 !important; }
  html.hub-au:root:root #main > .tab-read { padding: 16px !important; }
}

/* ---------- pass 5: chart footers ---------- */
html.hub-au:root:root #main .chartcard > .rf-cfoot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 4px 12px; margin: 4px 0 0; }
html.hub-au:root:root #main .rf-cfoot > details.hig-data { flex: 0 1 auto; margin: 0 !important; }
html.hub-au:root:root #main .rf-cfoot > details.hig-data[open] { flex-basis: 100%; order: 2; }
html.hub-au:root:root #main .rf-cfoot > details.hig-data > summary { min-height: 44px; }
html.hub-au:root:root #main .rf-cfoot > .dlbar { margin: 0 !important; padding: 0 !important; border: 0 !important; display: inline-flex !important; align-items: center; gap: 4px; }
html.hub-au:root:root #main .rf-cfoot > .dlbar .dlbar__lbl { display: none !important; }
html.hub-au:root:root #main .rf-cfoot > .dlbar .ghostbtn {
  border: 0 !important; background: transparent !important; box-shadow: none !important; border-radius: var(--hig-radius-control) !important;
  color: var(--hig-tint-text) !important; font: 500 var(--hig-subhead)/1 var(--hig-font) !important; min-height: 44px; padding: 0 10px !important; display: inline-flex; align-items: center; gap: 4px;
}
html.hub-au:root:root #main .rf-cfoot > .dlbar .ghostbtn:hover { background: var(--hig-fill3) !important; }
html.hub-au:root:root #main .chartcard > .cb-chartread { border: 0 !important; padding: 8px 0 0 !important; font: 400 var(--hig-footnote)/1.3 var(--hig-font) !important; color: var(--hig-label2) !important; }
html.hub-au:root:root #main .chartcard > .cb-chartread .cb-chartread__v { font-weight: 600 !important; color: var(--hig-label) !important; }
html.hub-au:root:root #main .chartcard > .src.rf-clamp { display: -webkit-box !important; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
html.hub-au:root:root #main .chartcard > .rf-more { border: 0; background: transparent; color: var(--hig-tint-text); font: 400 var(--hig-footnote)/1 var(--hig-font); padding: 0 4px; min-height: 44px; min-width: 44px; margin-top: -8px; cursor: pointer; }
html.hub-au:root:root #main .chart-sub.rf-sub { margin: 2px 0 8px; }
html.hub-au:root:root #main .chartcard > .chart-sub { margin-bottom: 8px !important; }
html.hub-au:root:root #main section.block > p.rf-hlede { font: 400 var(--hig-body)/1.45 var(--hig-font) !important; color: var(--hig-label2) !important; margin: 0 0 12px !important; max-width: 72ch; }

/* ---------- pass 6: tab bar material, cookie sheet ---------- */
@media (max-width: 767px) {
  html.hub-au:root:root .hig-tabbar { background: var(--rf-bar) !important; border-top: 0.5px solid var(--hig-separator) !important; box-shadow: none !important; }
  html.hub-au:root:root #cb-consent {
    left: 0 !important; right: 0 !important; transform: none !important; width: auto !important;
    bottom: var(--rf-tbh, 50px) !important; border-radius: 14px 14px 0 0 !important; border: 0 !important;
    box-shadow: 0 -4px 20px rgba(0,0,0,0.12) !important; padding: 16px !important; max-height: 60vh; overflow: auto;
  }
  html.hub-au:root:root #cb-consent .cbc-row { flex-wrap: wrap !important; }
  html.hub-au:root:root #cb-consent .cbc-row .cbc-decline, html.hub-au:root:root #cb-consent .cbc-row .cbc-accept, html.hub-au:root:root #cb-consent .cbc-row .cbc-accept2 { flex: 1 1 0 !important; min-width: 0; }
  html.hub-au:root:root #cb-consent .cbc-more, html.hub-au:root:root #cb-consent .cbc-back { flex: 1 1 100% !important; }
}
html.hub-au:root:root #cb-consent {
  background: var(--hig-grouped-bg2) !important; color: var(--hig-label) !important; font-family: var(--hig-font) !important;
  border-radius: var(--hig-radius-card); border: 0.5px solid var(--hig-separator);
}
@media (prefers-color-scheme: dark) { html.hub-au:root:root #cb-consent { background: var(--hig-bg3) !important; } }
html.hub-au:root:root #cb-consent p { font: 400 var(--hig-subhead)/1.45 var(--hig-font) !important; color: var(--hig-label) !important; margin: 0 0 12px !important; }
html.hub-au:root:root #cb-consent small { color: var(--hig-label2) !important; font-size: var(--hig-footnote) !important; }
html.hub-au:root:root #cb-consent .cbc-row button { border-radius: var(--hig-radius-control) !important; min-height: 44px !important; padding: 0 16px !important; font: 600 var(--hig-subhead)/1 var(--hig-font) !important; }
html.hub-au:root:root #cb-consent .cbc-more, html.hub-au:root:root #cb-consent .cbc-back { background: transparent !important; border: 0 !important; color: var(--hig-tint-text) !important; text-decoration: none !important; }
html.hub-au:root:root #cb-consent:focus:not(:focus-visible) { outline: none !important; }
html.hub-au:root:root #cb-cookies-link { color: var(--hig-label2) !important; min-height: 44px; font-size: var(--hig-footnote) !important; }
/* filled buttons keep white text above 4.5:1 in both modes */
html.hub-au:root:root { --rf-fill-tint: #0059B8; }
html.hub-au:root:root #cb-consent .cbc-row .cbc-decline, html.hub-au:root:root #cb-consent .cbc-row .cbc-accept, html.hub-au:root:root #cb-consent .cbc-row .cbc-accept2 { background: var(--rf-fill-tint) !important; border-color: var(--rf-fill-tint) !important; color: #fff !important; }
html.hub-au:root:root .rf-startcard .mineband-go:not([disabled]), html.hub-au:root:root #main section.block .guess-widget button { background: var(--rf-fill-tint) !important; color: #fff !important; }
html.hub-au:root:root #cb-consent:focus { outline: none !important; }

/* ---------- pass 7 ---------- */
@media (max-width: 767px) {
  html.hub-au:root:root #main section.block .card.kpi { display: flex !important; flex-direction: column !important; }
  html.hub-au:root:root #main section.block .card.kpi > * { grid-column: auto !important; grid-row: auto !important; width: auto !important; max-width: none !important; }
  html.hub-au:root:root #main .card.kpi .kpi-yoy, html.hub-au:root:root #main .card.kpi .kpi-yoy .yoy { white-space: normal !important; }
  html.hub-au:root:root #main .card.kpi .kpi-rank { margin-top: 8px !important; }
}
@media (min-width: 768px) and (max-width: 1099px) {
  html.hub-au:root:root #tabs #cbkBtn .head-search-hint { display: inline !important; }
}
html.hub-au:root:root #main > nav.section-nav.rf-empty { display: none !important; }
/* Rank and compare modes: the same capsule chips as the section navigator */
html.hub-au:root:root #main nav.cmp-modes { display: flex !important; flex-wrap: wrap; gap: 8px !important; margin: 12px 0 16px !important; padding: 0 !important; background: transparent !important; border: 0 !important; }
html.hub-au:root:root #main nav.cmp-modes > .cmp-mode {
  min-height: 36px !important; height: 36px; padding: 0 14px !important; border-radius: 999px !important; border: 0 !important; box-shadow: none !important;
  background: var(--hig-fill3) !important; color: var(--hig-label) !important; font: 500 var(--hig-subhead)/1 var(--hig-font) !important;
  display: inline-flex !important; align-items: center; text-decoration: none !important; position: relative;
}
html.hub-au:root:root #main nav.cmp-modes > .cmp-mode::after { content: ""; position: absolute; left: 0; right: 0; top: -4px; bottom: -4px; }
html.hub-au:root:root #main nav.cmp-modes > .cmp-mode:is(.is-on, .active, [aria-current], [aria-pressed="true"], [aria-selected="true"]) { background: var(--hig-label) !important; color: var(--hig-bg) !important; }
@media (max-width: 767px) {
  html.hub-au:root:root #main nav.cmp-modes { flex-wrap: nowrap; overflow-x: auto; margin: 8px -16px 12px !important; padding: 0 16px !important; scrollbar-width: none; }
  html.hub-au:root:root #main nav.cmp-modes > .cmp-mode { flex: 0 0 auto; white-space: nowrap; }
}
@media (max-width: 767px) {
  html.hub-au:root:root #main table.rf-stack, html.hub-au:root:root #main table.rf-stack tbody { display: block !important; width: 100% !important; min-width: 0 !important; }
  html.hub-au:root:root #main table.rf-stack thead { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  html.hub-au:root:root #main table.rf-stack tbody tr { display: flex !important; flex-wrap: wrap; gap: 2px 16px; padding: 10px 0 !important; border-bottom: 0.5px solid var(--hig-separator) !important; }
  html.hub-au:root:root #main table.rf-stack tbody tr > * { display: block !important; border: 0 !important; padding: 0 !important; text-align: left !important; width: auto !important; min-width: 0 !important; }
  html.hub-au:root:root #main table.rf-stack tbody tr > :first-child { flex: 1 1 100%; font: 600 var(--hig-body)/1.3 var(--hig-font) !important; }
  html.hub-au:root:root #main table.rf-stack tbody tr > [data-rf-label]::before { content: attr(data-rf-label) " "; color: var(--hig-label2); font-weight: 400; }
  html.hub-au:root:root #main table.rf-stack tbody tr > [data-rf-label] { font: 400 var(--hig-subhead)/1.35 var(--hig-font) !important; font-variant-numeric: tabular-nums; }
}

/* ---------- pass 8: measured fixes (targets, contrast, multi-pick) ---------- */
/* 44pt hit areas around compact controls, drawn with a transparent pseudo element */
html.hub-au:root:root #main .rf-seg__track button, html.hub-au:root:root #tabs #cbkBtn.head-search,
html.hub-au:root:root #main .note-fold, html.hub-au:root:root #main .sec-toggle, html.hub-au:root:root #main .cbx-lock__a,
html.hub-au:root:root #main .tbl-tools__btn, html.hub-au:root:root #main .pf-tg, html.hub-au:root:root #main .chips .chip button { position: relative !important; }
html.hub-au:root:root #main .rf-seg__track button::after, html.hub-au:root:root #tabs #cbkBtn.head-search::after { content: ""; position: absolute; left: 0; right: 0; top: -4px; bottom: -4px; }
html.hub-au:root:root #main .note-fold::after { content: ""; position: absolute; left: 0; right: 0; top: -10px; bottom: -10px; }
html.hub-au:root:root #main .sec-toggle::after { content: ""; position: absolute; left: -9px; right: -9px; top: -9px; bottom: -9px; }
html.hub-au:root:root #main .cbx-lock__a::after, html.hub-au:root:root #main .pf-tg::after { content: ""; position: absolute; left: 0; right: 0; top: -13px; bottom: -13px; }
html.hub-au:root:root #main .tbl-tools__btn::after { content: ""; position: absolute; left: 0; right: 0; top: -9px; bottom: -9px; }
html.hub-au:root:root #main .chips .chip button::after { content: ""; position: absolute; left: -10px; right: -10px; top: -12px; bottom: -12px; }
@media (max-width: 767px) {
  html.hub-au:root:root #main .controls .rf-seg__track button { min-height: 36px !important; }
}
/* contrast: nothing faded on the light cards */
html.hub-au:root:root #main .home-card p, html.hub-au:root:root .rf-startcard label, html.hub-au:root:root .rf-startcard .instselect { opacity: 1 !important; }
html.hub-au:root:root .rf-callout__b .cardhelp-x { color: var(--hig-label) !important; background: var(--hig-fill) !important; }

/* Compare up to six: the picked universities as capsule chips; the add button as a pop-up button */
html.hub-au:root:root #main .chips { display: flex !important; flex-wrap: wrap; gap: 8px !important; margin: 0 0 8px !important; }
html.hub-au:root:root #main .chips .chip {
  border: 0 !important; border-radius: 999px !important; background: var(--hig-fill3) !important; color: var(--hig-label) !important;
  min-height: 36px; padding: 0 6px 0 12px !important; display: inline-flex !important; align-items: center; gap: 6px; font: 500 var(--hig-subhead)/1 var(--hig-font) !important; box-shadow: none !important;
}
html.hub-au:root:root #main .chips .chip i { width: 8px !important; height: 8px !important; border-radius: 50% !important; }
html.hub-au:root:root #main .chips .chip button { border: 0 !important; background: transparent !important; color: var(--hig-label2) !important; min-width: 24px; min-height: 24px; border-radius: 50% !important; }
@media (max-width: 767px) {
  html.hub-au:root:root #main .controls > div:has(.chips) { flex-direction: column !important; align-items: stretch !important; padding: 12px 16px !important; min-width: 0 !important; }
  html.hub-au:root:root #main .controls > div:has(.chips) > label { max-width: none !important; margin: 0 0 8px !important; font-size: var(--hig-footnote) !important; color: var(--hig-label2) !important; }
  html.hub-au:root:root #main .controls > div:has(.chips) > .cbx-pick__trigger {
    background-color: var(--hig-fill3) !important; justify-content: flex-start; text-align: left; padding: 0 34px 0 12px !important; border-radius: var(--hig-radius-control) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='16' viewBox='0 0 12 16' fill='none' stroke='%238E8E93' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 6 6 2.5 9.5 6M2.5 10 6 13.5 9.5 10'/%3E%3C/svg%3E") !important;
    background-position: right 12px center !important; background-size: 12px 16px !important;
  }
}
/* desktop hit areas for the remaining compact controls (measured 25 Sep) */
html.hub-au:root:root #main :is(.sch, .sc-modetab, .dtg, .localsubtab, .btn, .sn-collapse-all, .scd-chip) { position: relative !important; }
html.hub-au:root:root #main :is(.sch, .sc-modetab, .dtg, .localsubtab, .btn, .sn-collapse-all, .scd-chip)::after { content: ""; position: absolute; left: 0; right: 0; top: -12px; bottom: -12px; }
html.hub-au:root:root #main .trd-row, html.hub-au:root:root #main a.ranklink { min-height: 44px !important; }
html.hub-au:root:root #main a.ranklink { display: block !important; }
html.hub-au:root:root .rf-callout__b .cardhelp-x { min-height: 44px !important; }
html.hub-au:root:root .rf-mbrand, html.hub-au:root:root .rf-mbrand__w { white-space: nowrap !important; }
html.hub-au:root:root #main section.block > p.rf-secyear { font: 400 var(--hig-footnote)/1.3 var(--hig-font) !important; color: var(--hig-label2) !important; margin: -4px 0 12px !important; }

/* ---------- pass 9: sheets, focus, phone KPI medians ---------- */
html.hub-au.rf-ptr:root:root :focus { outline: none !important; }
html.hub-au:root:root #mnavSheet { border-radius: 14px 14px 0 0 !important; background: var(--hig-grouped-bg) !important; }
html.hub-au:root:root #mnavSheet .mnav-sheet-grip { width: 36px !important; height: 5px !important; border-radius: 3px !important; background: var(--hig-label3) !important; }
html.hub-au:root:root #mnavSheet .mnav-sheet-head { position: relative; display: flex !important; justify-content: center !important; align-items: center; min-height: 44px; }
html.hub-au:root:root #mnavSheet .mnav-sheet-title { font: 600 var(--hig-headline)/1.2 var(--hig-font) !important; color: var(--hig-label) !important; text-transform: none !important; letter-spacing: 0 !important; }
html.hub-au:root:root #mnavSheet .rf-done { position: absolute !important; right: 8px; top: 0; min-height: 44px; min-width: 44px; padding: 0 8px !important; border: 0 !important; background: transparent !important; color: var(--hig-tint-text) !important; font: 600 var(--hig-body)/1 var(--hig-font) !important; }
html.hub-au:root:root #mnavSheet .mnav-subhead { background: transparent !important; color: var(--hig-label2) !important; font: 400 var(--hig-footnote)/1.3 var(--hig-font) !important; text-transform: none !important; letter-spacing: 0 !important; padding: 16px 16px 6px !important; border: 0 !important; }
html.hub-au:root:root #mnavSheet .mnav-grp { background: transparent !important; margin: 0 16px !important; }
html.hub-au:root:root #mnavSheet .mnav-item { background: var(--hig-grouped-bg2) !important; border: 0 !important; border-radius: 0 !important; margin: 0 !important; min-height: 44px; color: var(--hig-label) !important; position: relative; }
html.hub-au:root:root #mnavSheet .mnav-subhead + .mnav-item { border-radius: 10px 10px 0 0 !important; }
html.hub-au:root:root #mnavSheet .mnav-item:last-child { border-radius: 0 0 10px 10px !important; }
html.hub-au:root:root #mnavSheet .mnav-subhead + .mnav-item:last-child { border-radius: 10px !important; }
html.hub-au:root:root #mnavSheet .mnav-item + .mnav-item::before { content: ""; position: absolute; left: 16px; right: 0; top: 0; border-top: 0.5px solid var(--hig-separator); }
@media (max-width: 767px) {
  html.hub-au:root:root #main .card.kpi .kc-grid { display: grid !important; grid-template-columns: 1fr 1fr !important; }
}
html.hub-au:root:root #mnavSheet .mnav-subhead { background: var(--hig-grouped-bg) !important; box-shadow: none !important; margin: 0 -16px !important; padding-left: 32px !important; }
html.hub-au:root:root #main section.block .rf-inbox { border: 0 !important; border-radius: var(--hig-radius-card) !important; background: var(--hig-fill3) !important; box-shadow: none !important; outline: 0 !important; }
@media (max-width: 767px) {
  html.hub-au:root:root #main nav.cmp-modes > .cmp-mode-pop { display: none !important; }
  html.hub-au:root:root #main nav.cmp-modes { -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 28px), transparent); mask-image: linear-gradient(90deg, #000 calc(100% - 28px), transparent); }
}
@media (prefers-color-scheme: dark) { html.hub-au:root:root #main section.block .rf-inbox { background: rgba(118,118,128,0.14) !important; } }

/* 44pt touch targets on phones and tablets (HIG). The compact 36px pills stay on desktop. */
@media (max-width: 1023px) {
  html:root:root:root:root:root:root body #main :is(.cmp-mode, .rf-seg__track button, .seg button) { min-height: 44px !important; height: auto !important; }
  html:root:root:root:root:root:root body #main .controls .rf-seg__track { height: auto !important; }
  html:root:root:root:root:root:root body #main .cmp-mode { display: inline-flex; align-items: center; }
}

/* Wide windows with the sidebar open: the reading column centres in the detail pane (the space
   beside the sidebar), as a Mac sidebar app does, and the toolbar spans the whole pane.
   --cbc-w matches main's max-width: var(--col-max) below 1680px, 1240px from 1680px (enhance.css). */
@media (min-width: 1100px) {
  html.hub-au { --cbc-w: var(--col-max, 1440px); }
  html.hub-au.hig-on.hig-sb-open:root body > main#main {
    margin-left: max(var(--hig-sb-w), calc(var(--hig-sb-w) + (100% - var(--hig-sb-w) - var(--cbc-w)) / 2)) !important;
    margin-right: 0 !important;
  }
  html.hub-au.hig-on.hig-sb-open:root body > nav.tabs { max-width: none !important; margin-right: 0 !important; }
}
@media (min-width: 1680px) { html.hub-au { --cbc-w: 1240px; } }