/* ===== REFINE PASS (25 Sep 2026) ==============================================================
   The three open hubs as one app (DESIGN_SPEC.md). Loaded last; every rule is scoped to html.hub-uk
   so the shared token file, open-edition.js and nav-signin.css stay untouched. Pairs with refine.js.
   Sections follow the spec: 1 chrome, 2 page anatomy, 3 phone, 4 charts, 5 wording, 6 defects.
   ============================================================================================ */
html.hub-uk:root {
  /* a bar must never show text through it unblurred (WebKit does not always paint the blur),
     so the bar material is the opaque bar tone; the blur filters stay declared for the edges */
  --cbr-bar-bg: #F9F9F9;
  --cbr-card-pad: 20px;
}
@media (prefers-color-scheme: dark) { html.hub-uk:root { --cbr-bar-bg: #161618; } }
@media (max-width: 767px) { html.hub-uk:root { --cbr-card-pad: 16px; } }

/* ---------- 1. Chrome -------------------------------------------------------------------------- */
/* one slim header row */
@media (min-width: 768px) {
  html.hub-uk .site-head__inner { min-height: 52px; height: 52px; padding-top: 0 !important; padding-bottom: 0 !important; }
}
html.hub-uk .site-head { background: var(--cbr-bar-bg) !important; -webkit-backdrop-filter: var(--hig-bar-blur) !important; backdrop-filter: var(--hig-bar-blur) !important; border-bottom: .5px solid var(--hig-separator) !important; }
html.hub-uk .site-head .nav a { font-family: var(--hig-font) !important; font-size: 15px !important; font-weight: 500 !important; letter-spacing: 0 !important; }
html.hub-uk .site-head .nav a.nav-exec { font: 500 15px/1.2 var(--hig-font) !important; color: var(--hig-tint-text) !important; letter-spacing: 0 !important; text-transform: none !important; }
html.hub-uk .site-head .nav a.nav-signin { border-radius: 999px !important; border: .5px solid var(--hig-separator) !important; }

/* the toolbar: the only sticky bar under the header */
html.hub-uk .cbr-bar { display: none; }
@media (min-width: 768px) {
  html.hub-uk .cbr-bar {
    display: flex; align-items: center; gap: 8px; position: sticky; top: var(--headh, 53px); z-index: 60;
    height: 52px; padding: 0 16px 0 12px; box-sizing: border-box;
    background: var(--cbr-bar-bg); -webkit-backdrop-filter: var(--hig-bar-blur); backdrop-filter: var(--hig-bar-blur);
    border-bottom: .5px solid var(--hig-separator);
  }
  html.hub-uk .cbr-bar__lead { display: flex; align-items: center; flex: 0 0 auto; }
  html.hub-uk .cbr-bar .hig-side-btn { margin: 0; display: inline-flex; }
  html.hub-uk .cbr-bar__title { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    font: 600 var(--hig-headline)/1.2 var(--hig-font); color: var(--hig-label); letter-spacing: -.01em; }
  html.hub-uk .cbr-bar__acts { display: flex; align-items: center; gap: 4px; flex: 0 0 auto; }
  html.hub-uk .cbr-bar__trail { display: flex; align-items: center; gap: 8px; flex: 0 0 auto; }
  html.hub-uk .cbr-act { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 0 10px; border: 0; border-radius: var(--hig-radius-control);
    background: transparent; color: var(--hig-tint-text); font: 500 var(--hig-subhead)/1 var(--hig-font); text-decoration: none; cursor: pointer; white-space: nowrap; }
  html.hub-uk .cbr-act svg { width: 18px; height: 18px; flex: 0 0 18px; }
  html.hub-uk .cbr-act:hover { background: var(--hig-fill3); }
  html.hub-uk .cbr-act:active { opacity: .62; }
  /* the search field */
  html.hub-uk .cbr-bar #cbkBtn.head-search {
    display: inline-flex !important; align-items: center; gap: 6px; width: 240px; min-width: 0; height: 36px; margin: 0; padding: 0 8px 0 10px;
    border: 0 !important; border-radius: var(--hig-radius-control) !important; background: var(--hig-fill3) !important;
    color: var(--hig-label2) !important; font: 400 var(--hig-subhead)/1 var(--hig-font) !important; letter-spacing: 0; justify-content: flex-start; cursor: text;
  }
  html.hub-uk .cbr-bar #cbkBtn svg { width: 15px; height: 15px; flex: 0 0 15px; color: var(--hig-label2); }
  html.hub-uk .cbr-bar #cbkBtn .head-search-hint { display: inline !important; flex: 1 1 auto; text-align: left; color: var(--hig-label2); }
  html.hub-uk .cbr-bar #cbkBtn kbd { display: inline-block !important; margin-left: auto; padding: 1px 5px; border: 0 !important; border-radius: 5px; background: var(--hig-fill3) !important;
    color: var(--hig-label2) !important; font: 500 0.6875rem/1.4 var(--hig-font) !important; }
  html.hub-uk .cbr-bar #cbkBtn:hover { background: var(--hig-fill2) !important; }
  html.hub-uk .cbr-bar .hig-help-btn { margin: 0; }
}
@media (min-width: 768px) and (max-width: 1023px) {
  html.hub-uk .cbr-bar #cbkBtn.head-search { width: 180px; }
  html.hub-uk .cbr-act span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  html.hub-uk .cbr-act { min-width: 44px; justify-content: center; padding: 0; }
}
/* the sticky offsets below the toolbar (section jumps, sticky table heads) */
@media (min-width: 768px) {
  html.hub-uk { scroll-padding-top: calc(var(--headh, 53px) + 52px + 12px); }
  html.hub-uk #main .rk-wrap thead th { top: calc(var(--headh, 53px) + 52px) !important; }
}
/* the free status: the sidebar header and Home only */
html.hub-uk body:not(.is-home) .page-hero { display: none !important; }
html.hub-uk .cbr-side-free { margin: 2px 12px 10px; font: 400 var(--hig-footnote)/1.3 var(--hig-font); color: var(--hig-label2); }

/* ---------- 2. Page anatomy -------------------------------------------------------------------- */
/* 2.1 large title, 8px under the toolbar; no dark band */
html.hub-uk body.cbr-inner #main { padding-top: 8px !important; }
html.hub-uk body.cbr-inner #main > .page-hero-band {
  display: block !important; margin: 0 0 16px !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important;
  background: none !important; box-shadow: none !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; color: var(--hig-label) !important;
}
html.hub-uk body.cbr-inner #main > .page-hero-band::before, html.hub-uk body.cbr-inner #main > .page-hero-band::after { display: none !important; }
html.hub-uk body.cbr-inner #main > .page-hero-band > .ph-kick,
html.hub-uk body.cbr-inner #main > .page-hero-band > .ph-ctx,
html.hub-uk body.cbr-inner #main > .page-hero-band > .ph-copy,
html.hub-uk body.cbr-inner #main > .page-hero-band .ph-row > .ph-kick { display: none !important; }
html.hub-uk .cbr-titlerow { display: flex; align-items: flex-start; gap: 8px; }
html.hub-uk body.cbr-inner #main .page-hero-band .ph-title {
  flex: 1 1 auto; min-width: 0; margin: 0 !important; padding: 0 !important;
  font: 700 var(--hig-large-title)/1.15 var(--hig-font-display) !important; letter-spacing: .01em !important; color: var(--hig-label) !important;
}
/* 2.1b the metadata line: one quiet subtitle */
html.hub-uk #main .page-hero-band > p.note.cbr-sub {
  margin: 6px 0 0 !important; padding: 0 !important; max-width: none; border: 0 !important; background: none !important;
  font: 400 var(--hig-subhead)/1.4 var(--hig-font) !important; color: var(--hig-label2) !important;
}
html.hub-uk #main .cbr-sub abbr.gloss { color: inherit; border-bottom: 0 !important; text-decoration: underline dotted; text-underline-offset: 3px; text-decoration-thickness: 1px; }
html.hub-uk #main .cbr-sub a { color: var(--hig-tint-text); text-decoration: none; }
html.hub-uk #main .cbr-sub a > span { background: none !important; color: inherit !important; padding: 0 !important; border: 0 !important; font: inherit !important; letter-spacing: 0 !important; text-transform: none !important; }
/* the phone actions menu ("…") */
html.hub-uk .cbr-more { display: none; position: relative; flex: 0 0 auto; }
@media (max-width: 767px) {
  html.hub-uk .cbr-more { display: block; margin-top: 2px; }
  html.hub-uk .cbr-more__b { width: 44px; height: 44px; border: 0; border-radius: 50%; background: var(--hig-fill3); color: var(--hig-tint-text); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; padding: 0; }
  html.hub-uk .cbr-more__b svg { width: 22px; height: 22px; }
  html.hub-uk .cbr-more__m { position: absolute; right: 0; top: 50px; z-index: 80; min-width: 230px; padding: 6px 0; border-radius: 14px;
    background: var(--hig-bg3); box-shadow: 0 10px 40px rgba(0,0,0,.18), 0 0 0 .5px var(--hig-separator); }
  html.hub-uk .cbr-more__m[hidden] { display: none; }
  html.hub-uk .cbr-more__i { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; min-height: 44px; padding: 0 16px; border: 0; background: none;
    color: var(--hig-label); font: 400 var(--hig-body)/1.2 var(--hig-font); text-decoration: none; text-align: left; cursor: pointer; flex-direction: row-reverse; }
  html.hub-uk .cbr-more__i + .cbr-more__i { box-shadow: inset 0 .5px 0 var(--hig-separator); }
  html.hub-uk .cbr-more__i svg { width: 20px; height: 20px; color: var(--hig-tint-text); flex: 0 0 20px; }
}

/* 2.2 one control row: pop-up buttons and the segmented control */
html.hub-uk #main > .controls.cbr-ctl {
  display: flex !important; flex-wrap: nowrap; align-items: flex-start; gap: 12px 16px; margin: 0 0 20px !important; padding: 0 !important;
  border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; position: static !important;
}
@media (max-width: 1279px) { html.hub-uk #main > .controls.cbr-ctl { flex-wrap: wrap; } }
html.hub-uk #main .cbr-ctl > div:not(.cbx-terms) { flex: 1 1 0; min-width: 200px; max-width: 340px; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; }
html.hub-uk #main .cbr-ctl > div > label { display: block; margin: 0 0 6px !important; padding: 0 !important; font: 400 var(--hig-footnote)/1.3 var(--hig-font) !important;
  letter-spacing: 0 !important; text-transform: none !important; color: var(--hig-label2) !important; }
/* the pop-up button */
html.hub-uk #main .cbx-pick__trigger {
  display: flex !important; align-items: center; justify-content: space-between; gap: 8px; width: 100% !important; height: 44px; min-height: 44px; margin: 0 !important;
  padding: 0 12px 0 14px !important; border: 0 !important; border-radius: var(--hig-radius-control) !important; background: var(--hig-fill3) !important; box-shadow: none !important;
  font: 400 var(--hig-body)/1.2 var(--hig-font) !important; color: var(--hig-label) !important; text-decoration: none !important; cursor: pointer; box-sizing: border-box;
}
html.hub-uk #main .cbx-pick__trigger:hover { background: var(--hig-fill2) !important; }
html.hub-uk #main .cbx-pick__val { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; color: var(--hig-label) !important; font: inherit !important; }
html.hub-uk #main .cbx-pick__val.is-empty { color: var(--hig-label2) !important; }
html.hub-uk #main .cbx-pick__caret {
  flex: 0 0 12px; width: 12px !important; height: 16px !important; border: 0 !important; transform: none !important; margin: 0 !important; background: none !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 16'%3E%3Cpath d='M2.5 6 6 2.5 9.5 6M2.5 10 6 13.5 9.5 10' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px 16px no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 16'%3E%3Cpath d='M2.5 6 6 2.5 9.5 6M2.5 10 6 13.5 9.5 10' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px 16px no-repeat;
  background-color: var(--hig-label2) !important;
}
html.hub-uk #main .cbx-pick__caret::before, html.hub-uk #main .cbx-pick__caret::after { display: none !important; }
/* the money-terms segmented control, with a caption label */
html.hub-uk #main .cbx-terms.cbr-terms { display: flex !important; flex-direction: column; align-items: flex-start; gap: 6px; margin: 0 0 20px; padding: 0 !important; background: none !important; flex: 0 0 auto; }
html.hub-uk #main .cbr-ctl > .cbx-terms.cbr-terms { margin: 0; max-width: 280px; }
html.hub-uk #main .cbr-terms .cbx-terms__l { font: 400 var(--hig-footnote)/1.3 var(--hig-font) !important; color: var(--hig-label2) !important; }
html.hub-uk #main .cbr-terms .cbx-seg { height: 44px; box-sizing: border-box; padding: 3px; border-radius: 10px; background: var(--hig-fill3); }
html.hub-uk #main .cbr-terms .cbx-seg__b { min-height: 38px; height: 38px; min-width: 76px; border-radius: 8px; font: 500 var(--hig-subhead)/1 var(--hig-font); }
html.hub-uk #main .cbr-terms .cbx-terms__n { font-size: var(--hig-footnote) !important; color: var(--hig-label2) !important; }
html.hub-uk #main .cbx-terms.cbr-terms.is-real { background: none !important; padding: 0 !important; }

/* 2.3 the section navigator: one row of chips, not sticky on desktop; All sections at the end */
html.hub-uk #main > nav.section-nav {
  position: static !important; display: flex !important; align-items: center; flex-wrap: nowrap; gap: 8px; margin: 0 0 24px !important; padding: 0 !important;
  border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
}
html.hub-uk #main > nav.section-nav::before, html.hub-uk #main > nav.section-nav::after { display: none !important; }
html.hub-uk #main > nav.section-nav > .sn-label, html.hub-uk #main > nav.section-nav > .cbx-next, html.hub-uk #main > nav.section-nav > .sn-collapse-all { display: none !important; }
html.hub-uk #main > nav.section-nav > .sn-links { display: flex !important; flex: 0 1 auto; min-width: 0; gap: 8px !important; margin: 0 !important; padding: 0 !important; }
html.hub-uk #main > nav.section-nav .sn-link {
  display: inline-flex !important; align-items: center; height: 36px; min-height: 36px; margin: 0 !important; padding: 0 14px !important;
  border: 0 !important; border-radius: 999px !important; background: var(--hig-fill3) !important; box-shadow: none !important;
  color: var(--hig-label) !important; font: 500 var(--hig-subhead)/1 var(--hig-font) !important; letter-spacing: 0 !important; white-space: nowrap;
}
html.hub-uk #main > nav.section-nav .sn-link:hover { background: var(--hig-fill2) !important; }
html.hub-uk #main > nav.section-nav .sn-link.is-here, html.hub-uk #main > nav.section-nav .sn-link.active { background: var(--hig-tint-text) !important; color: var(--hub-on-status) !important; }
html.hub-uk #main > nav.section-nav .sn-num { display: none !important; }
html.hub-uk #main > nav.section-nav > .cbx-jump {
  flex: 0 0 auto; display: inline-flex !important; align-items: center; gap: 6px; height: 36px; min-height: 36px; margin: 0 0 0 auto !important; padding: 0 12px 0 14px !important;
  border: 0 !important; border-radius: 999px !important; background: transparent !important; color: var(--hig-tint-text) !important; font: 500 var(--hig-subhead)/1 var(--hig-font) !important; box-shadow: none !important;
}
html.hub-uk #main > nav.section-nav > .cbx-jump::after { content: ""; width: 10px; height: 10px; flex: 0 0 10px; background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M1.5 3.5 5 7l3.5-3.5' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/10px no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M1.5 3.5 5 7l3.5-3.5' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/10px no-repeat; }
html.hub-uk #main > nav.section-nav > .cbx-jump:hover { background: var(--hig-fill3) !important; }
html.hub-uk #main > nav.section-nav > .cbx-jump[aria-expanded="true"] { background: var(--hig-tint-text) !important; color: var(--hub-on-status) !important; }
html.hub-uk #main > nav.section-nav .cbx-jump-panel { border-radius: 14px !important; border: 0 !important; background: var(--hig-bg3) !important; box-shadow: 0 10px 40px rgba(0,0,0,.18), 0 0 0 .5px var(--hig-separator) !important; }
@media (min-width: 1024px) and (pointer: fine) {
  html.hub-uk #main > nav.section-nav > .sn-links { flex-wrap: wrap !important; overflow: visible !important; }
}
@media (max-width: 1279px) {
  html.hub-uk #main > nav.section-nav .sn-link, html.hub-uk #main > nav.section-nav > .cbx-jump { height: 44px; min-height: 44px; }
}

/* 2.4 content sections: one rounded card each; no box inside a box */
html.hub-uk body.cbr-inner #main section.block {
  margin: 0 0 24px !important; padding: var(--cbr-card-pad) !important; border: 0 !important; border-radius: var(--hig-radius-card) !important;
  background: var(--hig-grouped-bg2) !important; box-shadow: none !important;
}
html.hub-uk body.cbr-inner #main section.block::before, html.hub-uk body.cbr-inner #main section.block::after { display: none !important; }
html.hub-uk #main section.block > .sec-head { margin: 0 0 12px !important; padding: 0 !important; border: 0 !important; align-items: flex-start; }
html.hub-uk #main section.block > h2, html.hub-uk #main section.block > .sec-head > h2 { font: 700 var(--hig-title2)/1.25 var(--hig-font-display) !important; letter-spacing: -.005em !important; color: var(--hig-label) !important; margin: 0 !important; }
html.hub-uk #main section.block .sec-toggle { width: 32px; height: 32px; min-height: 32px; padding: 0 !important; border: 0 !important; border-radius: 50% !important; background: var(--hig-fill3) !important; box-shadow: none !important; display: inline-flex; align-items: center; justify-content: center; }
@media (max-width: 1279px) { html.hub-uk #main section.block .sec-toggle { width: 44px; height: 44px; min-height: 44px; } }
html.hub-uk #main section.block > .note-fold { border: 0 !important; margin: -4px 0 12px !important; padding: 0 !important; min-height: 32px; color: var(--hig-label2) !important; }
html.hub-uk #main section.block > .note-fold .note-fold__sum { font: 400 var(--hig-subhead)/1.35 var(--hig-font) !important; color: var(--hig-label2) !important; }
html.hub-uk #main section.block > .note-fold::after, html.hub-uk #main section.block > .note-fold::before { border: 0 !important; }
html.hub-uk #main section.block > p.note.read-line { font-size: var(--hig-subhead) !important; color: var(--hig-label2) !important; margin: 0 0 12px !important; }
/* cards inside a section: plain blocks, no borders */
html.hub-uk #main section.block .card:not(.chartcard) {
  border: 0 !important; box-shadow: none !important; border-radius: var(--hig-radius-card) !important; background: none !important;
}
/* tiles (figures and short readings) are plain blocks on the fill; cards that hold a chart or a table are not boxed at all */
html.hub-uk #main section.block .card:is(.kpi, .tension, .signal-col, .signal-standout, .reading, .cbx-stu, .data-status, .feedback-box) { background: var(--hig-fill3) !important; }
html.hub-uk #main section.block .card:not(.chartcard):not(.kpi):not(.tension):not(.signal-col):not(.signal-standout):not(.reading):not(.cbx-stu):not(.data-status):not(.feedback-box) { padding-left: 0 !important; padding-right: 0 !important; border-radius: 0 !important; }
/* a link button inside a filled tile sits on the card colour so its text keeps 4.5:1 */
html.hub-uk #main .card:is(.kpi, .tension, .signal-col, .signal-standout, .reading, .cbx-stu, .data-status, .feedback-box) .ghostbtn { background: var(--hig-grouped-bg2) !important; }
/* hit areas: 44pt for every small control, drawn at its own size */
html.hub-uk #main :is(button.sch, a.scd-chip, .sn-link, .ghostbtn, .tbl-tools__btn, .sec-toggle, .cbx-seg__b, .brief-btn, .sc-modetab, .note-fold, .cmp-mode) { position: relative; }
html.hub-uk #main :is(button.sch, a.scd-chip, .sn-link, .ghostbtn, .tbl-tools__btn, .sec-toggle, .cbx-seg__b, .brief-btn, .sc-modetab, .note-fold, .cmp-mode)::after,
html.hub-uk #main .cbx-jump::before {
  content: ""; position: absolute; top: 50%; left: 50%; width: max(100%, 44px); height: max(100%, 44px); transform: translate(-50%, -50%); background: none; border: 0; pointer-events: auto;
}
html.hub-uk #main .cbx-jump { position: relative; }
html.hub-uk #main section.block .card:not(.chartcard)::before, html.hub-uk #main section.block .card:not(.chartcard)::after { display: none !important; }
html.hub-uk #main section.block .card.chartcard {
  border: 0 !important; box-shadow: none !important; border-radius: 0 !important; background: none !important;
  padding: 16px 0 0 !important; border-top: .5px solid var(--hig-separator) !important;
}
html.hub-uk #main section.block .grid.charts { gap: 24px 32px !important; }
html.hub-uk #main section.block > .card.chartcard, html.hub-uk #main section.block > .chartcard { margin-top: 16px; }
/* KPI tiles: label, value, context; the inner boxes become plain rows */
html.hub-uk #main .card.kpi { padding: 16px !important; }
html.hub-uk #main .card.kpi > .label { text-align: left !important; font: 400 var(--hig-footnote)/1.3 var(--hig-font) !important; letter-spacing: 0 !important; text-transform: none !important; color: var(--hig-label2) !important; margin: 0 0 4px !important; }
html.hub-uk #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); }
html.hub-uk #main .card.kpi > .ref { font: 400 var(--hig-footnote)/1.3 var(--hig-font) !important; letter-spacing: 0 !important; text-transform: none !important; color: var(--hig-label2) !important; }
html.hub-uk #main .card.kpi .kpi-ctx { border-top: .5px solid var(--hig-separator) !important; padding-top: 10px !important; margin-top: 10px !important; }
html.hub-uk #main .card.kpi .kpi-rank { border: 0 !important; background: none !important; box-shadow: none !important; padding: 0 0 6px !important; border-radius: 0 !important; }
html.hub-uk #main .card.kpi .kpi-rank .kr-pos { font: 600 var(--hig-headline)/1.2 var(--hig-font) !important; }
html.hub-uk #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-uk #main .card.kpi .kpi-rank.kpi-rank--watch, html.hub-uk #main .card.kpi .kpi-rank.kpi-rank--lead { background: none !important; }
html.hub-uk #main .card.kpi .kc-grid { border: 0 !important; background: none !important; gap: 0 12px !important; margin: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
html.hub-uk #main .card.kpi .kc-grid + .kc-grid { margin-top: 0 !important; }
html.hub-uk #main .card.kpi .kc { background: none !important; border: 0 !important; padding: 6px 0 !important; box-shadow: inset 0 .5px 0 var(--hig-separator) !important; }
html.hub-uk #main .card.kpi .kc-l { font: 400 var(--hig-caption1)/1.3 var(--hig-font) !important; letter-spacing: 0 !important; text-transform: none !important; color: var(--hig-label2) !important; }
html.hub-uk #main .card.kpi .kc-v { font: 600 var(--hig-subhead)/1.3 var(--hig-font) !important; font-variant-numeric: tabular-nums; }
html.hub-uk #main .card.kpi .kc-v small { color: var(--hig-label2); font-weight: 400; }
/* a watch-list KPI keeps its signal without a red border */
html.hub-uk #main .card.kpi.kpi-watch { box-shadow: inset 3px 0 0 transparent !important; }
/* long narrative ledes: body text, label colour */
html.hub-uk #main > p.home-intro.cbr-lede { font: 400 var(--hig-body)/1.5 var(--hig-font) !important; color: var(--hig-label) !important; max-width: 70ch; margin: 0 0 20px !important; letter-spacing: 0 !important; }
html.hub-uk #main section.block > p.home-intro.cbr-lede-in { font: 400 var(--hig-body)/1.5 var(--hig-font) !important; color: var(--hig-label) !important; max-width: 70ch; margin: 0 0 16px !important; padding: 0 !important; border: 0 !important; background: none !important; letter-spacing: 0 !important; }
/* info boxes: a quiet callout */
html.hub-uk #main .cardhelp.cbr-callout {
  display: flex; flex-wrap: wrap; align-items: flex-start; gap: 4px 10px; margin: 16px 0 0 !important; padding: 16px !important;
  border: 0 !important; border-radius: var(--hig-radius-card) !important; background: var(--hig-fill3) !important; box-shadow: none !important;
  color: var(--hig-label) !important; font: 400 var(--hig-subhead)/1.45 var(--hig-font) !important;
}
html.hub-uk #main .cbr-callout > * { color: var(--hig-label) !important; font-size: var(--hig-subhead) !important; }
html.hub-uk #main .cbr-callout > b { font-weight: 600 !important; }
html.hub-uk #main .cbr-callout__i { flex: 0 0 20px; width: 20px; height: 20px; color: var(--hig-tint-text) !important; margin-top: 1px; }
html.hub-uk #main .cbr-callout__i svg { width: 20px; height: 20px; display: block; }
html.hub-uk #main .cbr-callout .cardhelp-x { margin-left: auto; border: 0 !important; background: none !important; color: var(--hig-tint-text) !important; font: 600 var(--hig-subhead)/1 var(--hig-font) !important; padding: 0 8px !important; min-height: 44px; box-shadow: none !important; }
html.hub-uk #main .cbr-callout > :not(.cbr-callout__i):not(b):not(.cardhelp-x) { flex: 1 1 calc(100% - 40px); }
/* other info boxes and notes: quiet, no square blue borders */
html.hub-uk #main :is(.cardhelp, .info-box, .note-box, .callout, .advisory-box):not(.cbr-callout) { border: 0 !important; border-radius: var(--hig-radius-card) !important; background: var(--hig-fill3) !important; box-shadow: none !important; }
/* the Next view: a large card at the end of the page */
html.hub-uk #main > a.cbr-next {
  display: flex; align-items: center; gap: 12px; margin: 8px 0 24px; padding: 16px 16px 16px 20px; min-height: 64px; box-sizing: border-box;
  border-radius: var(--hig-radius-card); background: var(--hig-grouped-bg2); color: var(--hig-label); text-decoration: none;
}
html.hub-uk #main > a.cbr-next:hover { background: color-mix(in srgb, var(--hig-grouped-bg2) 92%, var(--hig-label)); }
html.hub-uk #main > a.cbr-next:active { opacity: .7; }
html.hub-uk .cbr-next__k { font: 400 var(--hig-subhead)/1.2 var(--hig-font); color: var(--hig-label2); }
html.hub-uk .cbr-next__t { flex: 1 1 auto; font: 600 var(--hig-title3)/1.25 var(--hig-font); color: var(--hig-tint-text); }
html.hub-uk .cbr-next svg { width: 20px; height: 20px; color: var(--hig-label3); flex: 0 0 20px; }
/* the old in-page next buttons stay hidden (the strip's is replaced by the card) */
html.hub-uk #main .section-nav .cbx-next { display: none !important; }
/* shapes: nothing square with a border */
html.hub-uk #main :is(.ghostbtn, .dlbar button, .dlbar a) { border-radius: 999px !important; }
html.hub-uk #main .ghostbtn { border: 0 !important; background: var(--hig-fill3) !important; color: var(--hig-tint-text) !important; box-shadow: none !important; }

/* programmatic focus after navigation draws no ring on the page, the main area or a heading */
html.hub-uk #main:focus, html.hub-uk #main:focus-visible,
html.hub-uk [tabindex="-1"]:focus:not(:focus-visible),
html.hub-uk #main :is(h1, h2, h3, section.block)[tabindex="-1"]:focus { outline: none !important; box-shadow: none; }
html.hub-uk #cb-consent:focus { outline: none !important; }

/* ---------- 3. Phone ------------------------------------------------------------------------- */
@media (max-width: 767px) {
  /* top bar: the brand shrinks on inner views; Search and Help are 44pt circles */
  html.hub-uk body.cbr-inner .site-head .brand .brand__descriptor, html.hub-uk body.cbr-inner .site-head .brand .brand__tm { display: none; }
  html.hub-uk .site-head #cbkBtn.head-search, html.hub-uk .site-head .hig-help-btn {
    width: 44px !important; height: 44px !important; min-width: 44px; padding: 0 !important; border: 0 !important; border-radius: 50% !important;
    background: var(--hig-fill3) !important; color: var(--hig-tint-text) !important; justify-content: center;
  }
  html.hub-uk .site-head .hig-help-btn { margin-left: auto; }
  html.hub-uk .site-head__inner { gap: 8px !important; }
  html.hub-uk .site-head #cbkBtn svg { width: 18px; height: 18px; color: var(--hig-tint-text); }
  html.hub-uk body.cbr-inner #main { padding-top: 6px !important; }
  html.hub-uk body.cbr-inner #main > .page-hero-band { margin: 0 0 12px !important; }
  html.hub-uk #main .page-hero-band > p.note.cbr-sub { font-size: var(--hig-footnote) !important; }
  /* the controls as one iOS inset list */
  html.hub-uk #main > .controls.cbr-ctl { display: block !important; margin: 0 0 12px !important; padding: 0 0 0 16px !important; border-radius: var(--hig-radius-card) !important; background: var(--hig-grouped-bg2) !important; }
  html.hub-uk #main .cbr-ctl > div:not(.cbx-terms), html.hub-uk #main .cbr-ctl > .cbx-viewpop {
    display: flex !important; align-items: center; gap: 12px; max-width: none; min-width: 0; min-height: 44px; margin: 0 !important; padding: 0 12px 0 0 !important;
    box-shadow: inset 0 -.5px 0 var(--hig-separator); position: relative;
  }
  html.hub-uk #main .cbr-ctl > :last-child { box-shadow: none !important; }
  html.hub-uk #main .cbr-ctl > div > label { flex: 0 0 auto; margin: 0 !important; font: 400 var(--hig-body)/1.2 var(--hig-font) !important; color: var(--hig-label) !important; }
  html.hub-uk #main .cbr-ctl .cbx-pick__trigger { flex: 1 1 auto; min-width: 0; width: auto !important; height: 44px; padding: 0 !important; background: none !important; justify-content: flex-end; }
  html.hub-uk #main .cbr-ctl .cbx-pick__val { text-align: right; color: var(--hig-label2) !important; }
  html.hub-uk #main .cbr-ctl .cbx-pick__caret {
    flex: 0 0 8px; width: 8px !important; height: 13px !important; background-color: var(--hig-label3) !important;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 13'%3E%3Cpath d='m1.5 1.5 5 5-5 5' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/8px 13px no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 13'%3E%3Cpath d='m1.5 1.5 5 5-5 5' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/8px 13px no-repeat;
  }
  /* the view picker as the first row of the list ("View   Profile ›") */
  html.hub-uk #main .cbx-viewpop { position: relative; }
  html.hub-uk #main .cbx-viewpop::before { content: "View"; flex: 0 0 auto; font: 400 var(--hig-body)/1.2 var(--hig-font); color: var(--hig-label); }
  html.hub-uk #main .cbr-ctl > .cbx-viewpop select, html.hub-uk #main > .cbx-viewpop select {
    flex: 1 1 auto; min-width: 0; min-height: 44px; padding: 0 20px 0 0 !important; background-color: transparent !important; color: var(--hig-label2) !important;
    font: 400 var(--hig-body)/1.2 var(--hig-font) !important; text-align: right; text-align-last: right; direction: ltr;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 13'%3E%3Cpath d='m1.5 1.5 5 5-5 5' fill='none' stroke='%238E8E93' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-position: right 0 center !important; background-size: 8px 13px !important;
  }
  html.hub-uk #main > .cbx-viewpop { display: flex !important; align-items: center; gap: 12px; min-height: 44px; margin: 0 0 12px !important; padding: 0 12px 0 16px; border-radius: var(--hig-radius-card); background: var(--hig-grouped-bg2); }
  html.hub-uk #main .cbr-ctl > .cbx-viewpop { display: flex !important; }
  /* the segmented control full width under the list */
  html.hub-uk #main .cbx-terms.cbr-terms { width: 100%; max-width: none !important; margin: 0 0 12px !important; }
  html.hub-uk #main .cbr-terms .cbx-seg { display: flex; width: 100%; }
  html.hub-uk #main .cbr-terms .cbx-seg__b { flex: 1 1 0; }
  html.hub-uk #main .cbr-terms .cbx-terms__l { display: none; }
  /* chips: one row that scrolls sideways with a fade, sticky under the top bar */
  html.hub-uk #main > nav.section-nav {
    position: sticky !important; top: var(--headh, 65px); z-index: 40; margin: 0 -16px 16px !important; padding: 8px 16px !important;
    background: var(--cbr-bar-bg) !important; -webkit-backdrop-filter: var(--hig-bar-blur) !important; backdrop-filter: var(--hig-bar-blur) !important;
  }
  html.hub-uk #main > nav.section-nav > .sn-links { flex: 1 1 auto !important; flex-wrap: nowrap !important; overflow-x: auto !important; scrollbar-width: none; scroll-padding-left: 16px; }
  html.hub-uk #main > nav.section-nav.cbr-chips-scroll > .sn-links { -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 24px), transparent); mask-image: linear-gradient(to right, #000 calc(100% - 24px), transparent); }
  html.hub-uk #main > nav.section-nav > .sn-links::-webkit-scrollbar { display: none; }
  html.hub-uk #main > nav.section-nav > .cbx-jump { padding: 0 10px !important; }
  /* cards */
  html.hub-uk #main section.block > .sec-head > h2, html.hub-uk #main section.block > h2 { font-size: var(--hig-title3) !important; }
  html.hub-uk #main .grid.kpis { gap: 12px !important; }
  /* tables of three or fewer data columns: a stacked list */
  html.hub-uk #main table.cbr-stack { display: block; width: 100% !important; min-width: 0 !important; border: 0 !important; }
  html.hub-uk #main table.cbr-stack caption { display: block; }
  html.hub-uk #main table.cbr-stack thead { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  html.hub-uk #main table.cbr-stack tbody { display: block; }
  html.hub-uk #main table.cbr-stack tr { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 14px; padding: 10px 0; border: 0 !important; box-shadow: inset 0 -.5px 0 var(--hig-separator); background: none !important; }
  html.hub-uk #main table.cbr-stack tr > * { display: block; padding: 0 !important; border: 0 !important; height: auto !important; min-height: 0 !important; text-align: left !important; background: none !important; position: static !important; }
  html.hub-uk #main table.cbr-stack tr > :first-child { flex: 1 0 100%; font: 600 var(--hig-subhead)/1.3 var(--hig-font) !important; color: var(--hig-label); }
  html.hub-uk #main table.cbr-stack tr > :not(:first-child) { font: 400 var(--hig-subhead)/1.3 var(--hig-font) !important; font-variant-numeric: tabular-nums; color: var(--hig-label); }
  html.hub-uk #main table.cbr-stack td[data-cbr-l]::before { content: attr(data-cbr-l) "  "; color: var(--hig-label2); font-weight: 400; white-space: pre; }
  html.hub-uk #main :has(> table.cbr-stack) { overflow-x: visible !important; -webkit-mask-image: none !important; mask-image: none !important; }
  /* the cookie notice: a compact bottom sheet above the tab bar */
  html.hub-uk #cb-consent {
    left: 0 !important; right: 0 !important; bottom: var(--hub-tb-h, 56px) !important; transform: none !important; width: auto !important; max-height: 70vh; overflow-y: auto;
    padding: 16px !important; border: 0 !important; border-radius: 14px 14px 0 0 !important; background: var(--hig-bg3) !important;
    box-shadow: 0 -.5px 0 var(--hig-separator), 0 -8px 30px rgba(0,0,0,.12) !important;
  }
  html.hub-uk #cb-consent .cbc-row { display: grid !important; grid-template-columns: 1fr 1fr; gap: 10px; }
  html.hub-uk #cb-consent .cbc-row .cbc-more, html.hub-uk #cb-consent .cbc-row .cbc-back { grid-column: 1 / -1; min-height: 44px; }
}
/* the cookie buttons: filled, rounded, 44pt; desktop keeps the floating card, rounded */
html.hub-uk #cb-consent { border-radius: 14px; border-color: transparent !important; }
html.hub-uk #cb-consent .cbc-row button.cbc-accept, html.hub-uk #cb-consent .cbc-row button.cbc-accept2 { background: var(--hig-tint-text) !important; color: var(--hub-on-status) !important; border: 0 !important; border-radius: 10px !important; min-height: 44px; }
html.hub-uk #cb-consent .cbc-row button.cbc-decline { background: var(--hig-fill3) !important; color: var(--hig-label) !important; border: 0 !important; border-radius: 10px !important; min-height: 44px; }

/* the More sheet: grabber, rounded top corners, title centred, Done on the right */
@media (max-width: 767px) {
  html.hub-uk .mnav-sheet { border-radius: 14px 14px 0 0 !important; overflow: hidden; background: var(--hig-grouped-bg) !important; }
  html.hub-uk .mnav-sheet::before { content: ""; display: block; width: 36px; height: 5px; margin: 6px auto 0; border-radius: 3px; background: var(--hig-label3); }
  html.hub-uk .mnav-sheet .mnav-sheet-head { display: grid !important; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 4px 8px 4px 16px !important; border: 0 !important; background: none !important; }
  html.hub-uk .mnav-sheet .mnav-sheet-title { grid-column: 2; text-align: center; }
  html.hub-uk .mnav-sheet .mnav-sheet-close { grid-column: 3; justify-self: end; }
}

/* ---------- 4. Charts ------------------------------------------------------------------------ */
html.hub-uk #main .chartcard > h3, html.hub-uk #main .chartcard h3:first-child { font: 600 var(--hig-headline)/1.3 var(--hig-font) !important; color: var(--hig-label) !important; letter-spacing: -.005em !important; margin: 0 0 2px !important; }
html.hub-uk #main .chartcard .chart-sub { font: 400 var(--hig-footnote)/1.35 var(--hig-font) !important; color: var(--hig-label2) !important; letter-spacing: 0 !important; text-transform: none !important; margin: 0 0 12px !important; }
html.hub-uk #main .chartcard canvas { border: 0 !important; }
html.hub-uk #main .chartcard .src { font: 400 var(--hig-footnote)/1.4 var(--hig-font) !important; color: var(--hig-label2) !important; border: 0 !important; padding: 8px 0 0 !important; margin: 0 !important; }
/* Show data and CSV: one quiet row */
html.hub-uk #main .chartcard .dlbar { display: inline-flex; gap: 6px; align-items: center; margin: 8px 12px 0 0 !important; padding: 0 !important; border: 0 !important; background: none !important; vertical-align: middle; font-size: var(--hig-footnote) !important; color: var(--hig-label2) !important; }
html.hub-uk #main .chartcard .dlbar .ghostbtn { min-height: 32px; padding: 0 12px !important; font: 500 var(--hig-footnote)/1 var(--hig-font) !important; }
html.hub-uk #main .chartcard details.cbx-data { display: inline-block; vertical-align: middle; margin: 8px 0 0 !important; }
html.hub-uk #main .chartcard details.cbx-data[open] { display: block; }
@media (max-width: 1279px) { html.hub-uk #main .chartcard .dlbar .ghostbtn { min-height: 44px; } }
/* the chart read-out line under a chart: quiet */
html.hub-uk #main .cb-chartread { font-size: var(--hig-footnote); color: var(--hig-label2); border: 0 !important; background: none !important; }

/* ---------- 6. Home ------------------------------------------------------------------------- */
html.hub-uk body.is-home .page-hero { background: none !important; border: 0 !important; }
html.hub-uk body.is-home .page-hero .bandwrap { padding-top: 24px !important; padding-bottom: 8px !important; }
html.hub-uk body.is-home .page-hero h1 { font: 700 var(--hig-large-title)/1.15 var(--hig-font-display) !important; letter-spacing: .01em !important; color: var(--hig-label) !important; margin: 0 !important; }
html.hub-uk body.is-home .page-hero .hero-eyebrow.cbr-free { display: block !important; margin: 6px 0 0 !important; padding: 0 !important; background: none !important; color: var(--hig-label2) !important;
  font: 400 var(--hig-subhead)/1.3 var(--hig-font) !important; letter-spacing: 0 !important; text-transform: none !important; box-shadow: none !important; border: 0 !important; }
html.hub-uk body.is-home #main > section.block.home { border: 0 !important; box-shadow: none !important; background: none !important; padding: 0 !important; }
html.hub-uk body.is-home #main .home-intro { font: 400 var(--hig-body)/1.5 var(--hig-font) !important; color: var(--hig-label) !important; margin: 0 0 16px !important; }
/* the start card: a clean card, one pop-up button, one filled primary button */
html.hub-uk body.is-home #main .mineband { border: 0 !important; border-radius: var(--hig-radius-card) !important; background: var(--hig-grouped-bg2) !important; box-shadow: none !important; padding: 20px !important; }
html.hub-uk body.is-home #main .mineband * { border-color: transparent; }
html.hub-uk body.is-home #main .mineband__txt b, html.hub-uk body.is-home #main .mineband__txt h2, html.hub-uk body.is-home #main .mineband__txt h3, html.hub-uk body.is-home #main .mineband__txt strong { font: 600 var(--hig-title3)/1.25 var(--hig-font) !important; color: var(--hig-label) !important; }
html.hub-uk body.is-home #main .mineband__ctl { display: flex; flex-wrap: wrap; gap: 12px; align-items: flex-end; }
html.hub-uk body.is-home #main .mineband__ctl > label, html.hub-uk body.is-home #main .mineband__ctl label { 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-uk body.is-home #main .mineband-go { border-radius: var(--hig-radius-control) !important; min-height: 44px; padding: 0 20px !important; font: 600 var(--hig-body)/1 var(--hig-font) !important; }
html.hub-uk body.is-home #main .home-hero__photo, html.hub-uk body.is-home #main .home-hero__photo img { border-radius: var(--hig-radius-card) !important; }
html.hub-uk body.is-home #main .home-card { border: 0 !important; box-shadow: none !important; border-radius: var(--hig-radius-card) !important; background: var(--hig-grouped-bg2) !important; }
html.hub-uk body.is-home #main .home-kick { background: none !important; color: var(--hig-tint-text) !important; padding: 0 !important; font: 600 var(--hig-footnote)/1.3 var(--hig-font) !important; letter-spacing: 0 !important; text-transform: none !important; }
html.hub-uk body.is-home #main .home-card h3 { font: 700 var(--hig-title2)/1.2 var(--hig-font-display) !important; color: var(--hig-label) !important; }
html.hub-uk body.is-home #main .home-go { border-radius: var(--hig-radius-control) !important; }
html.hub-uk body.is-home #main .home-strip, html.hub-uk body.is-home #main .home-scale { border-color: var(--hig-separator) !important; }

/* ---------- refinements after the first capture ----------------------------------------------- */
/* the page column: 24px side margins from 768px, the home title on the same line */
@media (min-width: 768px) {
  html.hub-uk main#main { padding-left: 24px !important; padding-right: 24px !important; box-sizing: border-box; }
  html.hub-uk body.is-home .page-hero .bandwrap { padding-left: 24px !important; padding-right: 24px !important; max-width: 1200px; box-sizing: border-box; margin: 0 !important; }
}
/* desktop chips: the chips and All sections share one wrapping row, All sections last */
@media (min-width: 768px) {
  html.hub-uk #main > nav.section-nav { flex-wrap: wrap !important; }
  html.hub-uk #main > nav.section-nav > .sn-links { display: contents !important; }
  html.hub-uk #main > nav.section-nav > .cbx-jump { margin-left: 0 !important; }
}
/* KPI label reads first, at the left */
html.hub-uk #main .card.kpi > .label { justify-self: start !important; align-self: start !important; width: auto !important; min-height: 0 !important; -webkit-line-clamp: unset !important; display: block !important; }
/* the headline tape, the read box and the delta line: content, as one card each */
html.hub-uk body.cbr-inner #main > .cb-tape { margin: 0 0 24px !important; padding: 16px var(--cbr-card-pad) !important; border: 0 !important; border-radius: var(--hig-radius-card) !important; background: var(--hig-grouped-bg2) !important; box-shadow: none !important; }
html.hub-uk body.cbr-inner #main > .cb-tape * { border-color: var(--hig-separator) !important; }
html.hub-uk body.cbr-inner #main > .tab-read { margin: 0 0 24px !important; padding: var(--cbr-card-pad) !important; border: 0 !important; border-radius: var(--hig-radius-card) !important; background: var(--hig-grouped-bg2) !important; box-shadow: none !important; }
html.hub-uk body.cbr-inner #main > .tab-read > :first-child { font: 600 var(--hig-headline)/1.3 var(--hig-font) !important; color: var(--hig-label) !important; letter-spacing: 0 !important; text-transform: none !important; }
html.hub-uk body.cbr-inner #main > .tab-read * { border-color: var(--hig-separator) !important; }
html.hub-uk body.cbr-inner #main > p.tab-delta { padding: 0 !important; border: 0 !important; background: none !important; font: 600 var(--hig-body)/1.45 var(--hig-font) !important; color: var(--hig-label) !important; margin: 0 0 16px !important; max-width: 70ch; }
html.hub-uk body.cbr-inner #main > .cbx-stories { border: 0 !important; }
html.hub-uk body.cbr-inner #main > .cbx-stories .card, html.hub-uk body.cbr-inner #main > .cbx-stories > * { border: 0 !important; border-radius: var(--hig-radius-card) !important; box-shadow: none !important; }
html.hub-uk body.cbr-inner #main > p.note { font-size: var(--hig-subhead) !important; color: var(--hig-label2) !important; margin: 0 0 24px !important; }
/* native selects in the control row: the same filled pop-up button */
html.hub-uk #main .cbr-ctl > div select:not(.cbx-sel--behind):not([aria-hidden="true"]) {
  -webkit-appearance: none; appearance: none; width: 100%; height: 44px; min-height: 44px; padding: 0 34px 0 14px !important; box-sizing: border-box;
  border: 0 !important; border-radius: var(--hig-radius-control) !important; background-color: var(--hig-fill3) !important; box-shadow: none !important;
  font: 400 var(--hig-body)/1.2 var(--hig-font) !important; color: var(--hig-label) !important; cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 16'%3E%3Cpath d='M2.5 6 6 2.5 9.5 6M2.5 10 6 13.5 9.5 10' fill='none' stroke='%238E8E93' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important; background-position: right 12px center !important; background-size: 12px 16px !important;
}
@media (max-width: 767px) {
  html.hub-uk #main .cbr-ctl > div select:not(.cbx-sel--behind):not([aria-hidden="true"]) {
    flex: 1 1 auto; width: auto; min-width: 0; padding: 0 20px 0 0 !important; background-color: transparent !important; color: var(--hig-label2) !important; text-align: right; text-align-last: right;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 13'%3E%3Cpath d='m1.5 1.5 5 5-5 5' fill='none' stroke='%238E8E93' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-position: right 0 center !important; background-size: 8px 13px !important;
  }
}
/* the compare views: the view chips sit on their own row under the large title */
html.hub-uk body.cbr-inner #main > .page-hero-band .ph-row { display: block !important; padding: 0 !important; }
html.hub-uk body.cbr-inner #main > .page-hero-band nav.cmp-modes { margin: 12px 0 0 !important; }
html.hub-uk body.cbr-inner #main > .page-hero-band nav.cmp-modes .cmp-mode { min-height: 36px; padding: 0 14px !important; border-radius: 999px !important; border: 0 !important; background: var(--hig-fill3) !important; font: 500 var(--hig-subhead)/1 var(--hig-font) !important; color: var(--hig-label) !important; box-shadow: none !important; display: inline-flex; align-items: center; }
html.hub-uk body.cbr-inner #main > .page-hero-band nav.cmp-modes .cmp-mode.is-on, html.hub-uk body.cbr-inner #main > .page-hero-band nav.cmp-modes .cmp-mode[aria-current] { background: var(--hig-tint-text) !important; color: var(--hub-on-status) !important; }
@media (max-width: 1279px) { html.hub-uk body.cbr-inner #main > .page-hero-band nav.cmp-modes .cmp-mode { min-height: 44px; } }
/* home: the photo beside the start card is no taller than the copy */
@media (min-width: 768px) {
  html.hub-uk body.is-home #main .home-hero { align-items: stretch !important; }
  html.hub-uk body.is-home #main .home-hero__photo { height: auto !important; max-height: 240px; align-self: stretch; overflow: hidden; }
  html.hub-uk body.is-home #main .home-hero__photo img { height: 100% !important; width: 100% !important; object-fit: cover; }
}
@media (max-width: 767px) {
  html.hub-uk body.is-home #main .home-hero__photo { max-height: 200px; overflow: hidden; border-radius: var(--hig-radius-card); }
  html.hub-uk body.is-home #main .home-hero__photo img { height: 200px !important; width: 100% !important; object-fit: cover; }
}
html.hub-uk body.is-home #main .mineband .instselect label::after { content: none !important; }
html.hub-uk body.is-home #main .mineband .instselect label { color: var(--hig-label2) !important; font-weight: 400 !important; }
html.hub-uk body.is-home #main .mineband-go::after { content: none !important; }
html.hub-uk body.is-home #main .mineband-go[disabled] { opacity: 1; }
/* the phone tab bar: opaque bar tone, like the other bars */
html.hub-uk .hig-tabbar { background: var(--cbr-bar-bg) !important; border-top: .5px solid var(--hig-separator) !important; }
/* phones: the compare view chips scroll sideways with a fade */
@media (max-width: 767px) {
  html.hub-uk body.cbr-inner #main > .page-hero-band nav.cmp-modes { flex-wrap: nowrap !important; overflow-x: auto; scrollbar-width: none; margin-right: -16px !important; padding-right: 16px;
    -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 28px), transparent); mask-image: linear-gradient(to right, #000 calc(100% - 28px), transparent); }
  html.hub-uk body.cbr-inner #main > .page-hero-band nav.cmp-modes::-webkit-scrollbar { display: none; }
  html.hub-uk body.cbr-inner #main > .page-hero-band nav.cmp-modes .cmp-mode { display: inline-flex !important; flex: 0 0 auto; }
  html.hub-uk body.cbr-inner #main > .page-hero-band .cmp-modes__pop { display: none !important; }
}
/* home: the photo takes the height of the copy beside it */
@media (min-width: 768px) {
  html.hub-uk body.is-home #main .home-hero__photo { position: relative; max-height: none !important; min-height: 160px; }
  html.hub-uk body.is-home #main .home-hero__photo img { position: absolute; inset: 0; }
}
html.hub-uk body.is-home #main .home-kick { border: 0 !important; text-decoration: none !important; box-shadow: none !important; }
html.hub-uk #main section.block > h2 { margin: 0 0 12px !important; }
/* the second half of a long action title, as a one-sentence lede */
html.hub-uk #main section.block > p.cbr-hsub { margin: -4px 0 12px !important; max-width: 70ch; font: 400 var(--hig-body)/1.45 var(--hig-font) !important; color: var(--hig-label) !important; }
/* boxes found inside section cards by the border sweep: plain blocks, no borders */
html.hub-uk #main section.block .tab-read { border: 0 !important; border-radius: var(--hig-radius-card) !important; background: var(--hig-fill3) !important; box-shadow: none !important; }
html.hub-uk #main table.data { border: 0 !important; border-radius: 0 !important; }
html.hub-uk #main :is(a.peer-item, .scd-stat, .cbx-gb__own) { border: 0 !important; border-radius: var(--hig-radius-card) !important; background: var(--hig-fill3) !important; box-shadow: none !important; }
html.hub-uk #main .cbx-lock__over { border-color: transparent !important; border-radius: var(--hig-radius-card) !important; }
html.hub-uk #main button.sch { border: 0 !important; border-radius: 999px !important; box-shadow: none !important; }
html.hub-uk #main button.sch.sch--mid, html.hub-uk #main button.sch.sch--scale { background: var(--hig-fill3) !important; }
html.hub-uk #main .sc-group .sc-kick { border-radius: 999px !important; }
html.hub-uk #main .sc-modetabs { display: inline-flex !important; gap: 2px; padding: 3px; border: 0 !important; border-radius: 10px; background: var(--hig-fill3) !important; }
html.hub-uk #main .sc-modetabs .sc-modetab { border: 0 !important; border-radius: 8px !important; background: transparent !important; box-shadow: none !important; min-height: 36px; padding: 0 16px !important; font: 500 var(--hig-subhead)/1 var(--hig-font) !important; }
html.hub-uk #main .sc-modetabs .sc-modetab.is-on { background: var(--hig-bg3) !important; box-shadow: 0 1px 3px rgba(0,0,0,.14), 0 0 0 .5px rgba(0,0,0,.04) !important; }
@media (max-width: 1279px) { html.hub-uk #main .sc-modetabs .sc-modetab { min-height: 44px; } }
html.hub-uk #main :is(.brief-btn, .brief-actions button, .brief-actions a) { border-radius: var(--hig-radius-control) !important; }
html.hub-uk #main input:not([type="checkbox"]):not([type="radio"]):not([type="range"]) { border-radius: var(--hig-radius-control) !important; }
/* the method links: long names wrap instead of running past the card */
html.hub-uk #main ul.mxt a { flex-wrap: wrap; }
html.hub-uk #main ul.mxt a > * { min-width: 0; max-width: 100%; flex-shrink: 1 !important; overflow-wrap: anywhere; }
/* phones: a list row that holds chips (Overlay up to six) wraps its content under the caption */
@media (max-width: 767px) {
  html.hub-uk #main .cbr-ctl > div:not(.cbx-terms) { flex-wrap: wrap; }
  html.hub-uk #main .cbr-ctl > div > .chips { flex: 1 1 100%; min-width: 0; display: flex; flex-wrap: wrap; gap: 6px; padding: 0 0 8px; }
  html.hub-uk #main .cbr-ctl > div > label:has(+ .chips), html.hub-uk #main .cbr-ctl > div > label { max-width: 100%; white-space: normal; }
}
/* more small controls given a 44pt hit area */
html.hub-uk #main :is(a.cbx-lock__a, .sn-collapse-all, .chip > button, a.btn) { position: relative; }
html.hub-uk #main :is(a.cbx-lock__a, .sn-collapse-all, .chip > button, a.btn)::after { content: ""; position: absolute; top: 50%; left: 50%; width: max(100%, 44px); height: max(100%, 44px); transform: translate(-50%, -50%); }
html.hub-uk #main button.trd-row { min-height: 44px; }
/* glossary terms: a dotted underline on the word itself (the 44pt padding had pushed a border line below it) */
html.hub-uk #main abbr.gloss { border-bottom: 0 !important; text-decoration: underline dotted; text-decoration-thickness: 1px; text-underline-offset: 3px; }
/* signal rows: the rank never runs into the measure name */
html.hub-uk #main .sig-item .sig-rank { width: auto !important; min-width: 64px; flex: 0 0 auto; white-space: nowrap; }
/* iPad overlay sidebar: it opens under the toolbar, and the toolbar stays above the scrim so its sidebar button closes it */
@media (min-width: 768px) {
  html.hub-uk body.hig-side-open:not(.hig-docked) .hig-side { top: calc(var(--headh, 53px) + 52px) !important; }
  html.hub-uk body.hig-side-open:not(.hig-docked) .cbr-bar { z-index: 191; }
}
/* ===== END REFINE PASS ===== */