/* ===== x-hub.css: the open hubs (AU, UK, NZ) aligned with the product site (/, /executive/, /about/), 25 Sep 2026 =====
   Benjie: "update the australia, uk, nz open dashboard to be aligned with the new website look", then
   "rather than the apple blue, use the corebridge dark teal colour, also some dashes of gold".
   Loaded LAST in each hub, after /hig-nav.css. It restyles only: no data, no headings reworded, no nav logic.
   The prefix outranks refine.css (html.hub-xx:root:root) and hig-nav.css (html:root x4..x6).
   Colour: teal #113235 and gold #7E5C1E (website palette, 11 Sep) in light mode; in dark mode the lighter
   teal #5FA3A8 and chip gold #D4AF67, so text keeps 4.5:1 on the dark grounds.
   To undo: remove the one <link> to /x-hub.css from each hub's index.html. */

/* ---------- 1. Colour tokens, light ---------- */
@media (prefers-color-scheme: light) {
  html:root:root:root:root:root:root:root {
    --hig-bg2: #F2F0EF !important; --hig-grouped-bg: #F2F0EF !important;
    --hig-label: #1D1B1A !important;
    --hig-tint: #113235 !important; --hig-tint-text: #113235 !important;
    --hig-blue: #113235 !important; --hig-blue-text: #113235 !important;
    --hig-chart-1: #113235 !important; --rf-fill-tint: #113235 !important;
    --xh-gold: #7E5C1E; --xh-foot-bg: #F2F0EF; --xh-foot-ink: #6e6e73; --xh-foot-link: #424245; --xh-foot-line: #d2d2d7; --xh-head: #1D1B1A;
  }
}
/* ---------- 1b. Colour tokens, dark ---------- */
@media (prefers-color-scheme: dark) {
  html:root:root:root:root:root:root:root {
    --hig-tint: #5FA3A8 !important; --hig-tint-text: #8CC4C8 !important;
    --hig-blue: #5FA3A8 !important; --hig-blue-text: #8CC4C8 !important;
    --hig-chart-1: #5FA3A8 !important; --rf-fill-tint: #2F686D !important;
    --xh-gold: #D4AF67; --xh-foot-bg: #1c1c1e; --xh-foot-ink: #a1a1a6; --xh-foot-link: #d2d2d7; --xh-foot-line: #38383a; --xh-head: #F2F0EF;
  }
}
html:root:root:root:root:root:root:root { --hig-radius-card: 18px !important; --hig-shadow-card: none !important; }

/* ---------- 2. The global bar: 44px, dark and translucent, as on the product site (.gn) ---------- */
html:root:root:root:root:root:root:root header.site-head {
  background: rgba(29,27,26,.88) !important; -webkit-backdrop-filter: saturate(180%) blur(20px) !important; backdrop-filter: saturate(180%) blur(20px) !important;
  border: 0 !important; box-shadow: none !important; color: #e8e8ed !important;
}
html:root:root:root:root:root:root:root header.site-head .site-head__inner { min-height: 44px !important; height: 44px !important; padding-top: 0 !important; padding-bottom: 0 !important; max-width: 1024px !important; }
html:root:root:root:root:root:root:root header.site-head .brand,
html:root:root:root:root:root:root:root header.site-head .brand * { color: #F2F0EF !important; }
html:root:root:root:root:root:root:root header.site-head .brand__name { font-weight: 600 !important; }
html:root:root:root:root:root:root:root header.site-head .brand__word { font-size: 15px !important; letter-spacing: -.01em !important; }
html:root:root:root:root:root:root:root header.site-head .nav { gap: 0 !important; }
html:root:root:root:root:root:root:root header.site-head .nav > a {
  font: 400 12px/44px -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif !important;
  letter-spacing: -.01em !important; color: #e8e8ed !important; opacity: .8; padding: 0 10px !important;
  border: 0 !important; background: none !important; text-decoration: none !important; box-shadow: none !important; border-radius: 0 !important; min-height: 44px !important;
}
html:root:root:root:root:root:root:root header.site-head .nav > a:hover,
html:root:root:root:root:root:root:root header.site-head .nav > a.is-active,
html:root:root:root:root:root:root:root header.site-head .nav > a[aria-current="page"] { opacity: 1 !important; color: #fff !important; }
html:root:root:root:root:root:root:root header.site-head .nav > a::after { display: none !important; }
html:root:root:root:root:root:root:root header.site-head .nav > a.nav-out { display: none !important; }
html:root:root:root:root:root:root:root header.site-head .nav > a.nav-exec { color: #D4AF67 !important; opacity: 1 !important; }
html:root:root:root:root:root:root:root header.site-head .head-search { background: rgba(255,255,255,.1) !important; border: 0 !important; border-radius: 980px !important; }
html:root:root:root:root:root:root:root header.site-head .head-search kbd { background: none !important; color: #a1a1a6 !important; border-color: rgba(255,255,255,.2) !important; }
html:root:root:root:root:root:root:root header.site-head :is(.head-search, .hig-help-btn, .menu-btn, button),
html:root:root:root:root:root:root:root header.site-head :is(.head-search, .hig-help-btn, .menu-btn, button) * { color: #F2F0EF !important; border-color: rgba(255,255,255,.3) !important; }
html:root:root:root:root:root:root:root header.site-head .hig-help-btn { background: rgba(255,255,255,.14) !important; }

/* phone top bar: the same dark bar */
html:root:root:root:root:root:root:root .mobile-nav-wrap {
  background: rgba(29,27,26,.88) !important; -webkit-backdrop-filter: saturate(180%) blur(20px) !important; backdrop-filter: saturate(180%) blur(20px) !important;
  border-bottom: 0 !important; box-shadow: none !important; color: #F2F0EF !important;
}
html:root:root:root:root:root:root:root .mobile-nav-wrap .rf-mbrand img { content: url("/sector-data/brand/mark-on-dark-small.png?v=5"); }
html:root:root:root:root:root:root:root .mobile-nav-wrap :is(.brand, .rf-mbrand__w, .hig-ph-title),
html:root:root:root:root:root:root:root .mobile-nav-wrap :is(.brand, .rf-mbrand__w) *:not(svg):not(path):not(circle) { color: #F2F0EF !important; }
html:root:root:root:root:root:root:root .mobile-nav-wrap :is(button, a:not(.rf-mbrand):not(.brand)),
html:root:root:root:root:root:root:root .mobile-nav-wrap :is(button, a:not(.rf-mbrand):not(.brand)) * { color: #F2F0EF !important; }
html:root:root:root:root:root:root:root .mobile-nav-wrap :is(button, a:not(.rf-mbrand):not(.brand)) { background: rgba(255,255,255,.14) !important; border: 0 !important; }

/* ---------- 3. Titles in the site's display type (colour follows the mode) ---------- */
html:root:root:root:root:root:root:root main :is(h1, h2, h3) {
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", Arial, sans-serif !important;
}
html:root:root:root:root:root:root:root main h1 { font-weight: 600 !important; letter-spacing: -.015em !important; color: var(--xh-head) !important; }
html:root:root:root:root:root:root:root main :is(h2, h3) { letter-spacing: -.01em !important; }

/* ---------- 4. Buttons: the site's pill ---------- */
html:root:root:root:root:root:root:root main :is(button, a)[class*="pri"],
html:root:root:root:root:root:root:root main :is(.btn-primary, .cta) { border-radius: 980px !important; }

/* ---------- 5. Cards: 18px corners, no hairline ---------- */
html:root:root:root:root:root:root:root main .card,
html:root:root:root:root:root:root:root main [class*="card"]:not([class*="card__"]):not(svg) { border-radius: 18px !important; box-shadow: none !important; border-color: transparent !important; }

/* ---------- 6. Dashes of gold ---------- */
html:root:root:root:root:root:root:root main :is(.home-kick, .tab-head-lbl, a[class*="__tag"], [class*="eyebrow"], [class*="kicker"]) { color: var(--xh-gold) !important; text-decoration-color: currentColor !important; }

/* ---------- 7. Footer: the site's footer (.ft) ---------- */
html:root:root:root:root:root:root:root footer.site { background: var(--xh-foot-bg) !important; color: var(--xh-foot-ink) !important; border-top: 0 !important; font-size: 12px !important; line-height: 1.33 !important; }
html:root:root:root:root:root:root:root footer.site a { color: var(--xh-foot-link) !important; }
html:root:root:root:root:root:root:root footer.site .legal-line { color: var(--xh-foot-ink) !important; font-size: 12px !important; border-top: 1px solid var(--xh-foot-line) !important; padding-top: 14px !important; margin-top: 14px !important; }
.xh-dir { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; padding: 20px 0 8px; border-top: 1px solid var(--xh-foot-line, #d2d2d7); margin-top: 14px; }
html:root:root:root:root:root:root:root .xh-dir h3 { margin: 0 0 8px; font: 600 12px/1.33 -apple-system, BlinkMacSystemFont, "SF Pro Text", sans-serif; letter-spacing: -.01em; color: var(--xh-gold) !important; }
html:root:root:root:root:root:root:root footer.site .xh-dir a { display: block !important; font-size: 12px; text-decoration: none !important; }
html:root:root:root:root:root:root:root footer.site .xh-dir a:hover { text-decoration: underline !important; }
@media (min-width: 735px) { html:root:root:root:root:root:root:root footer.site .xh-dir a { min-height: 0 !important; line-height: 1.5 !important; padding: 0 !important; margin: 0 0 6px !important; } }
@media (max-width: 734px) { .xh-dir { grid-template-columns: 1fr 1fr; } }

/* scorecard section heads sit on a teal bar: keep their text white */
html:root:root:root:root:root:root:root body #main section.block > h2.sc-kick,
html:root:root:root:root:root:root:root body #main :is(.sc-kick .sc-kick-n, .sc-kick .sec-n, .sc-kick .sec-toggle) { color: #fff !important; }

/* home page, dark tile: the gold-outlined button keeps a clear ground */

/* ---------- 8. Cell boxes in off-tones, not red, green or teal (Benjie, 25 Sep) ----------
   "Red cell box and green cell box, teal boxes with black writing look bad - what about the black and white (offtones)."
   Direction stays in the arrows and signs; the box is off-black #1D1B1A or a warm off-white. */
@media (prefers-color-scheme: light) {
  html:root:root:root:root:root:root:root { --xh-box-dark: #1D1B1A; --xh-box-on-dark: #F2F0EF; --xh-box-light: #E5E1DF; --xh-box-on-light: #1D1B1A; }
}
@media (prefers-color-scheme: dark) {
  html:root:root:root:root:root:root:root { --xh-box-dark: #F2F0EF; --xh-box-on-dark: #1D1B1A; --xh-box-light: #3A3836; --xh-box-on-light: #F2F0EF; }
}
html:root:root:root:root:root:root:root body #main :is(.real-chg.up, .pf-badge, .real-chg:not(.down)) { background: var(--xh-box-light) !important; color: var(--xh-box-on-light) !important; border-color: transparent !important; }
html:root:root:root:root:root:root:root body #main :is(.real-chg.down, .errata-badge, td.vs-win, td.is-me, .cbx-gb__c.is-me) { background: var(--xh-box-dark) !important; color: var(--xh-box-on-dark) !important; border-color: transparent !important; }
html:root:root:root:root:root:root:root body #main :is(.real-chg, .errata-badge, td.vs-win, td.is-me, .cbx-gb__c.is-me, .pf-badge) * { color: inherit !important; }
html:root:root:root:root:root:root:root body #main section.block > h2.sc-kick { background: var(--xh-box-dark) !important; color: var(--xh-box-on-dark) !important; }
html:root:root:root:root:root:root:root body #main :is(.sc-kick .sc-kick-n, .sc-kick .sec-n, .sc-kick .sec-toggle) { background: transparent !important; color: var(--xh-box-on-dark) !important; }

/* ---------- 9. One fluid type scale for all three hubs (Benjie, 25 Sep: "ensure the font sizes are correct and adapt to the screen") ----------
   Measured before this: AU phone titles 28px vs UK/NZ 34px; tables 12 to 16px; notes and some paragraphs 11px even on desktop;
   nothing but the AU home title grew on a wide screen. Now each size grows smoothly from a 390px phone to a 1440px desktop,
   the same in every hub, with a 12px floor. SVG chart text is not touched. The #main ID matches refine.css's own specificity. */
html:root:root:root:root:root:root:root body :is(#main, main) h1:not(svg *) { font-size: clamp(28px, 1.55vw + 22px, 44px) !important; line-height: 1.1 !important; }
html:root:root:root:root:root:root:root body :is(#main, main) h2:not(svg *):not(.sc-kick) { font-size: clamp(20px, .6vw + 17.7px, 26px) !important; line-height: 1.2 !important; }
html:root:root:root:root:root:root:root body :is(#main, main) h3:not(svg *) { font-size: clamp(17px, .3vw + 15.8px, 20px) !important; line-height: 1.25 !important; }
html:root:root:root:root:root:root:root body :is(#main, main) :is(p, li):not(svg *) { font-size: clamp(15px, .2vw + 14.2px, 17px) !important; line-height: 1.47 !important; }
html:root:root:root:root:root:root:root body :is(#main, main) :is(td, th):not(svg *) { font-size: clamp(13px, .1vw + 12.6px, 14px) !important; }
html:root:root:root:root:root:root:root body :is(#main, main) :is(.src, .note, figcaption, small, .caption, [class*="__src"], [class*="-src"], [class*="note"]):not(svg *):not(button) { font-size: clamp(12px, .1vw + 11.6px, 13px) !important; line-height: 1.4 !important; }
html:root:root:root:root:root:root:root body :is(#main, main) :is(.src, .note, figcaption, small, [class*="__src"], [class*="-src"], [class*="note"]) :is(p, li) { font-size: inherit !important; }

/* ---------- 10. One top bar across the whole site (Benjie, 25 Sep: "The menu bar has different colours, font size,
   background colours - make sure it is the same"). Matches .gn in /x.css exactly: black at 80%, 44px, a 980px row,
   brand 15px display face with no ™, links 12px, Executive Edition first and in gold. Also used by the Knowledge Map page. ---------- */
html:root:root:root:root:root:root:root header.site-head { background: rgba(29,27,26,.88) !important; position: sticky !important; top: 0 !important; z-index: 9990 !important; }
html:root:root:root:root:root:root:root header.site-head .site-head__inner { max-width: 1024px !important; padding: 0 22px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; }
html:root:root:root:root:root:root:root header.site-head .brand__word { font: 400 15px/44px "SF Pro Display", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif !important; letter-spacing: -.01em !important; }
html:root:root:root:root:root:root:root header.site-head .brand__name { font-weight: 600 !important; }
html:root:root:root:root:root:root:root header.site-head .brand__tm { display: none !important; }
html:root:root:root:root:root:root:root header.site-head .nav { flex: 1 1 auto !important; justify-content: space-between !important; margin-left: 32px !important; }
html:root:root:root:root:root:root:root header.site-head .nav > a { font-family: "SF Pro Text", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif !important; color: #e8e8ed !important; }
html:root:root:root:root:root:root:root header.site-head .nav > a:is(.is-active,[aria-current="page"]) { color: #fff !important; }
html:root:root:root:root:root:root:root header.site-head .nav > a.nav-exec { color: #D4AF67 !important; }
html:root:root:root:root:root:root:root header.site-head .nav > a.nav-signin { border: 0 !important; background: none !important; padding: 0 10px !important; }
/* the free dashboards' page titles in Spectral, as the Edition's mastheads */
@font-face{font-family:"Spectral";src:url("/fonts/Spectral-SemiBold.woff2") format("woff2");font-weight:600;font-display:swap}
html:root:root:root:root:root:root:root body :is(#main, main) h1:not(svg *){font-family:"Spectral",Georgia,serif!important;font-weight:600!important;letter-spacing:-.01em!important}

/* Knowledge Map panel ending (25 Sep): the Executive Edition line, then a "…" for sources and notes */
.rail-ee{margin:22px 0 0;padding-top:14px;border-top:1px solid rgba(29,27,26,.12);font:600 13px/1.4 -apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif;color:#7E5C1E}
.rail-ee a{display:block;margin-top:4px;font-weight:600;color:#113235;text-decoration:none}
.rail-ee a:hover{text-decoration:underline}
.rail-more{margin-top:10px}
.rail-more summary{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:28px;padding:0 10px;border-radius:980px;background:rgba(29,27,26,.06);color:#1D1B1A;font:600 16px/1 -apple-system,sans-serif;cursor:pointer;list-style:none}
.rail-more summary::-webkit-details-marker{display:none}
.rail-more[open] summary{background:#1D1B1A;color:#F2F0EF}
.rail-more .rail-note,.rail-more .rail-attr{margin:10px 0 0;font-size:12px;line-height:1.45;color:#6e6e73}
.rail-more .rail-open{display:inline-block;margin-top:10px;font-size:13px;color:#113235}
.xh-hl{max-width:760px;margin:10px 0 0;font:400 16px/1.47 -apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif;color:#424245}
.xh-hl a{color:#113235;font-weight:600;text-decoration:none;white-space:nowrap}
html:root:root:root:root:root:root:root .rail-ee{font-size:13px!important;line-height:1.4!important;margin-top:22px!important}
html:root:root:root:root:root:root:root .rail-ee a{font-size:15px!important;margin-top:4px!important}
html:root:root:root:root:root:root:root .rail-more summary{width:auto!important;height:28px!important;min-width:44px!important;border-radius:980px!important;font-size:16px!important;padding:0 10px!important}
html:root:root:root:root:root:root:root .rail-more :is(.rail-note,.rail-attr){font:400 12px/1.45 -apple-system,BlinkMacSystemFont,sans-serif!important;color:#6e6e73!important;margin:10px 0 0!important}
html:root:root:root:root:root:root:root .rail-more .rail-open{display:inline-block!important;width:auto!important;margin-top:12px!important;padding:8px 16px!important;border-radius:980px!important;background:#113235!important;color:#fff!important;font-size:13px!important}
/* the CoreBridge Advisory link returns to the bar, last (Benjie, 25 Sep) */
html:root:root:root:root:root:root:root header.site-head .nav > a.nav-out{display:inline-flex!important;align-items:center}
html:root:root:root:root:root:root:root header.site-head .nav > a.nav-out *{color:inherit!important;font:inherit!important}
html:root:root:root:root:root:root:root header.site-head .nav > a.nav-out .extmark{display:none!important}
html:root:root:root:root:root:root:root header.site-head .nav > a.nav-out .brand__name{font-weight:400!important}
html:root:root:root:root:root:root:root header.site-head .nav > a.nav-out .brand__descriptor::before{content:"\00a0"}
html:root:root:root:root:root:root:root header.site-head .nav > a.nav-out,html:root:root:root:root:root:root:root header.site-head .nav > a.nav-out *{white-space:nowrap!important;display:inline!important}
html:root:root:root:root:root:root:root header.site-head .nav > a.nav-signin{order:9}

/* ─── top bar, 25 Sep 2026 (Benjie): current page in a soft cell, Sign in as a teal pill (matches /x.css) ─── */
html:root:root:root:root:root:root:root:root header.site-head .nav > a:is(.is-active,[aria-current="page"]) { background: rgba(242,240,239,.14) !important; border-radius: 8px !important; padding: 0 10px !important; line-height: 28px !important; }
html:root:root:root:root:root:root:root:root header.site-head .nav > a.nav-signin { background: #2F686D !important; color: #fff !important; opacity: 1 !important; border-radius: 999px !important; padding: 0 14px !important; line-height: 28px !important; font-weight: 500 !important; }
html:root:root:root:root:root:root:root:root header.site-head .nav > a.nav-signin:hover { background: #3A7A80 !important; }
html:root:root:root:root:root:root:root:root header.site-head .nav > a:is(.is-active,[aria-current="page"],.nav-signin) { height: 28px !important; min-height: 0 !important; align-self: center !important; display: inline-flex !important; align-items: center !important; }

/* 25 Sep 2026: every free dashboard's page title in Spectral, including the UK hub's page-hero title, which sits outside main */
html:root:root:root:root:root:root:root body .page-hero h1{font-family:"Spectral",Georgia,serif!important;font-weight:600!important;letter-spacing:-.01em!important}

/* ===== 26 Sep 2026: the open dashboards in the website's type (Benjie: "the free dashboard menu headings [should be]
   aligned to the website, update the dashboards, and the menus and fonts"). Appended; restyles only. =====
   - sidebar group headings in the site's gold label (Hanken 600, uppercase, .14em, gold)
   - sidebar sub-group labels as small tracked capitals in grey, one step down
   - the current page in the top bar marked with the site's soft pill, not bold text
   - page titles in Spectral 500 (the site's hero weight), section headings in Hanken 600
   - one family for text: Hanken Grotesk (a few headings were still falling back to the system font) */
html:root:root:root:root:root:root:root:root:root body .tab-head,html:root:root:root:root:root:root:root:root:root body .tab-head *{font:600 13px/1.25 var(--cb-sans,"Hanken Grotesk",sans-serif)!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:#7E5C1E!important}
html:root:root:root:root:root:root:root:root:root body .tab-head svg{color:#7E5C1E!important}
html:root:root:root:root:root:root:root:root:root body .tab-menu-grp{font:600 11px/1.3 var(--cb-sans,"Hanken Grotesk",sans-serif)!important;letter-spacing:.1em!important;text-transform:uppercase!important;color:#8E8983!important}
html:root:root:root:root:root:root:root:root:root body .page-hero h1,html:root:root:root:root:root:root:root:root:root body h1.ph-title,html:root:root:root:root:root:root:root:root:root body h1.rf-large{font-family:var(--cb-serif,"Spectral",Georgia,serif)!important;font-weight:500!important;letter-spacing:-.012em!important}
html:root:root:root:root:root:root:root:root:root body main h2,html:root:root:root:root:root:root:root:root:root body .block h2,html:root:root:root:root:root:root:root:root:root body section h2:not(.t-eye){font-weight:600!important;letter-spacing:-.012em!important}
html:root:root:root:root:root:root:root:root:root body :is(h2,h3,h4,p,span,a,button,li,label,summary,div,td,th,small,strong,b,em):not(svg *):not(.ph-title):not(.rf-large):not(code):not(kbd){font-family:var(--cb-sans,"Hanken Grotesk",sans-serif)!important}
html:root:root:root:root:root:root:root:root:root body .pick-grp-name{font-weight:600!important;color:#6E6A66!important}
html:root:root:root:root:root:root:root:root:root body header.site-head .nav details>summary.is-active,html:root:root:root:root:root:root:root:root:root body header.site-head .nav a[aria-current="page"]{font-weight:500!important;background:rgba(242,240,239,.14)!important;border-radius:8px!important;padding:0 10px!important;line-height:28px!important;color:#fff!important}
@media (prefers-color-scheme:dark){
  html:root:root:root:root:root:root:root:root:root body .tab-head,html:root:root:root:root:root:root:root:root:root body .tab-head *,html:root:root:root:root:root:root:root:root:root body .tab-head svg{color:#D4AF67!important}
  html:root:root:root:root:root:root:root:root:root body .tab-menu-grp{color:#A1A1A6!important}
}
/* the sidebar the hubs actually render on wider screens (hig-sb-*), the title weight, and a pill that fits */
html:root:root:root:root:root:root:root:root:root:root:root body .hig-sb-ghead>span{font:600 13px/1.25 var(--cb-sans,"Hanken Grotesk",sans-serif)!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:#7E5C1E!important}
html:root:root:root:root:root:root:root:root:root:root:root body .hig-sb-cap{font:600 11px/1.3 var(--cb-sans,"Hanken Grotesk",sans-serif)!important;letter-spacing:.1em!important;text-transform:uppercase!important;color:#8E8983!important}
html:root:root:root:root:root:root:root:root:root:root:root body :is(#main,main) h1,html:root:root:root:root:root:root:root:root:root:root:root body :is(#main,main) h1 *{font-weight:500!important;letter-spacing:-.012em!important}
html:root:root:root:root:root:root:root:root:root:root:root body header.site-head .nav details>summary.is-active{height:28px!important;align-self:center!important;display:inline-flex!important;align-items:center!important;margin:0 -10px!important}
@media (prefers-color-scheme:dark){html:root:root:root:root:root:root:root:root:root:root:root body .hig-sb-ghead>span{color:#D4AF67!important}html:root:root:root:root:root:root:root:root:root:root:root body .hig-sb-cap{color:#A1A1A6!important}}
/* the desktop top bar is pointer-driven (phones use the drawer), so the active pill can sit at the site's 28px */
@media (min-width:835px){html:root:root:root:root:root:root:root:root:root:root:root body header.site-head .nav details>summary.is-active{min-height:28px!important}}
html:root:root:root:root:root:root:root:root:root:root:root body .hig-sb-ghead>span{font-size:12px!important;letter-spacing:.08em!important;white-space:nowrap!important}
html:root:root:root:root:root:root:root:root:root:root:root body .tab-head,html:root:root:root:root:root:root:root:root:root:root:root body .tab-head *{font-size:12px!important;letter-spacing:.08em!important}
/* the UK and NZ sidebars (hig-side), the home-card labels, the page-hero eyebrows and the map rail label:
   the same gold label everywhere (12px in the narrow sidebar, 14px elsewhere) */
html:root:root:root:root:root:root:root:root:root:root:root body .hig-side__head>span{font-family:var(--cb-sans,"Hanken Grotesk",sans-serif)!important;font-weight:600!important;text-transform:uppercase!important;line-height:1.25!important;font-size:12px!important;letter-spacing:.08em!important;white-space:nowrap!important;color:#7E5C1E!important}
html:root:root:root:root:root:root:root:root:root:root:root body .home-kick,html:root:root:root:root:root:root:root:root:root:root:root body .hero-eyebrow,html:root:root:root:root:root:root:root:root:root:root:root body p.rf-free-note,html:root:root:root:root:root:root:root:root:root:root:root body p.rail-kind{font-family:var(--cb-sans,"Hanken Grotesk",sans-serif)!important;font-weight:600!important;text-transform:uppercase!important;line-height:1.25!important;font-size:14px!important;letter-spacing:.14em!important;color:#7E5C1E!important}
html:root:root:root:root:root:root:root:root:root:root:root body .cbr-side-free{font-family:var(--cb-sans,"Hanken Grotesk",sans-serif)!important;font-weight:600!important;text-transform:uppercase!important;line-height:1.25!important;font-size:11px!important;letter-spacing:.1em!important;color:#8E8983!important}
@media (prefers-color-scheme:dark){html:root:root:root:root:root:root:root:root:root:root:root body .hig-side__head>span,html:root:root:root:root:root:root:root:root:root:root:root body .home-kick,html:root:root:root:root:root:root:root:root:root:root:root body .hero-eyebrow,html:root:root:root:root:root:root:root:root:root:root:root body p.rf-free-note,html:root:root:root:root:root:root:root:root:root:root:root body p.rail-kind{color:#D4AF67!important}}
@media (max-width:734px){html:root:root:root:root:root:root:root:root:root:root:root body .home-kick,html:root:root:root:root:root:root:root:root:root:root:root body .hero-eyebrow,html:root:root:root:root:root:root:root:root:root:root:root body p.rf-free-note,html:root:root:root:root:root:root:root:root:root:root:root body p.rail-kind{font-size:12px!important;letter-spacing:.08em!important}}
/* ID-level, to outrank refine.css (html.hub-uk body.is-home #main .home-kick) and nav-signin's #main .eyebrow; NZ's own classes */
html:root:root:root:root:root:root:root:root:root:root:root body :is(#main,main,#higSidebar,aside) :is(.home-kick,.nzr-card__kick,.hero-eyebrow,p.rf-free-note,p.nzr-home__free,p.rail-kind){font-family:var(--cb-sans,"Hanken Grotesk",sans-serif)!important;font-weight:600!important;text-transform:uppercase!important;line-height:1.25!important;font-size:14px!important;letter-spacing:.14em!important;color:#7E5C1E!important}
html:root:root:root:root:root:root:root:root:root:root:root body :is(#main,main,#higSidebar,aside) :is(.nzr-free,.cbr-side-free){font-family:var(--cb-sans,"Hanken Grotesk",sans-serif)!important;font-weight:600!important;text-transform:uppercase!important;line-height:1.25!important;font-size:11px!important;letter-spacing:.1em!important;color:#8E8983!important}
@media (prefers-color-scheme:dark){html:root:root:root:root:root:root:root:root:root:root:root body :is(#main,main,#higSidebar,aside) :is(.home-kick,.nzr-card__kick,.hero-eyebrow,p.rf-free-note,p.nzr-home__free,p.rail-kind){color:#D4AF67!important}}
@media (max-width:734px){html:root:root:root:root:root:root:root:root:root:root:root body :is(#main,main,#higSidebar,aside) :is(.home-kick,.nzr-card__kick,.hero-eyebrow,p.rf-free-note,p.nzr-home__free,p.rail-kind){font-size:12px!important;letter-spacing:.08em!important}}