/* ==========================================================================
   a11y.css — the accessibility layer, shared by every page.
   Loaded AFTER each page's inline <style>, so these rules win on equal specificity.
   Sections: 1 utilities · 2 focus · 3 skip link · 4 type & targets · 5 card links ·
             6 dialogs · 7 toolbar · 8 preferences · 9 reduced motion · 10 contrast ·
             11 text/spacing/font prefs · 12 forced colours · 13 X-ray
   ========================================================================== */

:root{
  --focus:#1B2A4A;                       /* focus ring colour; flipped to white on coloured bands */
  --cherry-ink:#AB2842;--jade-ink:#196D3E;--citron-ink:#994324;--rose-ink:#953E61; /* text-safe shades for tinted tiles (>=5.3:1) */
}

/* 1 · utilities ----------------------------------------------------------- */
.vh{position:absolute !important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}

/* 2 · focus --------------------------------------------------------------- */
:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:4px}
.p-header,.p-header :focus-visible,.on-dark,.on-dark :focus-visible{--focus:#fff}
:focus:not(:focus-visible){outline:none}
[tabindex="-1"]:focus{outline:none}
html{scroll-padding-block:96px}

/* 3 · skip link ----------------------------------------------------------- */
.skip-link{position:absolute;left:12px;top:-100px;z-index:2147483600;background:#1B2A4A;color:#fff;font:700 .9375rem/1 var(--font-body,system-ui);padding:14px 20px;border-radius:12px;text-decoration:none;background-image:none;transition:top .15s}
.skip-link:focus{top:12px;outline:3px solid #fff;outline-offset:2px;box-shadow:0 0 0 6px #1B2A4A}

/* 4 · type & targets ------------------------------------------------------ */
.back-btn{min-height:44px;padding-block:8px !important;margin-bottom:var(--s4,16px) !important}
.hats th.role-name{font-weight:600;text-align:left;border:0;padding:9px 12px 9px 0;vertical-align:baseline}
.eyebrow{font-family:var(--font-body,system-ui);font-style:normal;line-height:1.3;margin:0 0 10px}
h2.eyebrow{font-size:.75rem;font-weight:700}
.t-h{margin:0 0 10px}
.card-link .vh{display:inline}

/* 5 · cards are real links (stretched-link pattern) ----------------------- */
.b-card .card-link{color:inherit;text-decoration:none;background-image:none;padding:0;font-weight:inherit;font-family:inherit;display:inline}
.b-card .card-link::after{content:"";position:absolute;inset:0;z-index:3;border-radius:20px}
.b-card .social,.b-card .social a{position:relative;z-index:4}
.b-card:has(.card-link:focus-visible){outline:3px solid var(--focus);outline-offset:4px;border-radius:20px}
.b-card .card-link:focus-visible{outline:none}
@supports not selector(:has(*)){.b-card .card-link:focus-visible::after{box-shadow:inset 0 0 0 3px var(--focus)}}
.b-card .b-back{pointer-events:none}
.strip:focus-visible{outline-offset:-3px}
.p-nav{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}

/* 6 · dialogs (native <dialog>) ------------------------------------------- */
dialog.pv{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:var(--paper,#F9F8F5);color:inherit;overflow-y:auto;z-index:60}
dialog.pv:not([open]){display:none}
dialog.pv::backdrop{background:rgba(25,24,20,.5)}
dialog.pv .p-title:focus{outline:none}

/* 7 · toolbar ------------------------------------------------------------- */
.a11y-bar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.a11y-btn{font:700 .8125rem/1 var(--font-body,system-ui);letter-spacing:.02em;min-height:44px;padding:0 16px;border-radius:999px;border:2px solid currentColor;background:transparent;color:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:8px;background-image:none;text-decoration:none}
.a11y-btn:hover{background:color-mix(in srgb,currentColor 10%,transparent)}
.a11y-btn[aria-pressed="true"]{background:var(--navy,#1B2A4A);color:#fff;border-color:var(--navy,#1B2A4A)}
.p-header .a11y-btn[aria-pressed="true"]{background:#fff;color:#1B2A4A;border-color:#fff}
.a11y-btn svg{width:18px;height:18px;flex:0 0 auto}
.top .a11y-bar{color:var(--navy,#1B2A4A)}
.p-header .a11y-bar{color:#fff}
.a11y-bar .a11y-link{font-size:.8125rem}

/* 8 · preferences dialog -------------------------------------------------- */
dialog.a11y-dlg{border:2px solid var(--navy,#1B2A4A);border-radius:22px;padding:0;max-width:min(560px,calc(100vw - 24px));width:100%;background:var(--paper,#F9F8F5);color:var(--navy,#1B2A4A);box-shadow:0 30px 80px -20px rgba(27,42,74,.5);max-height:calc(100vh - 24px);overflow:auto}
dialog.a11y-dlg::backdrop{background:rgba(25,24,20,.55)}
.a11y-dlg form{padding:26px 26px 22px}
.a11y-dlg .dlg-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 10px}
.a11y-dlg .dlg-head h2{flex:1 1 auto;margin:0}
.a11y-dlg .dlg-head .btn{margin:0 0 0 auto;min-height:44px}
:is(.a11y-dlg,.a11y-ribbon) .dlg-x{width:44px;height:44px;flex:0 0 auto;display:grid;place-items:center;padding:0;border:2px solid var(--navy,#1B2A4A);border-radius:10px;background:transparent;color:var(--navy,#1B2A4A);cursor:pointer}
:is(.a11y-dlg,.a11y-ribbon) .dlg-x:hover{background:var(--navy,#1B2A4A);color:var(--paper,#F9F8F5)}
:is(.a11y-dlg,.a11y-ribbon) .dlg-x:focus-visible{outline:3px solid var(--navy,#1B2A4A);outline-offset:3px}
@media (forced-colors:active){:is(.a11y-dlg,.a11y-ribbon) .dlg-x{border-color:ButtonText;color:ButtonText}}
.a11y-dlg .lede2{font-size:.9375rem;line-height:1.55;color:var(--navy-soft,#4E5D7A);margin:0 0 18px;max-width:none}
.a11y-dlg fieldset{border:0;border-top:1px solid var(--line,#E2E0D8);margin:0;padding:14px 0 16px;min-width:0}
.a11y-dlg legend{font:700 .9375rem/1.2 var(--font-body,system-ui);padding:0 0 8px;float:left;width:100%}
.a11y-dlg legend+*{clear:both}
@media (min-width:640px){
  dialog.a11y-dlg{max-width:min(860px,calc(100vw - 48px))}
  .a11y-dlg .dlg-groups{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));column-gap:28px}
}
.seg{display:flex;flex-wrap:wrap;gap:6px}
.seg label{position:relative;display:block}
.seg input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.seg span{display:flex;align-items:center;min-height:44px;padding:0 16px;border:2px solid var(--navy,#1B2A4A);border-radius:12px;font:600 .875rem/1.2 var(--font-body,system-ui)}
.seg input:checked+span{background:var(--navy,#1B2A4A);color:#fff}
.seg input:checked+span::before{content:"\2713";margin-right:8px;font-weight:700}
.seg input:focus-visible+span{outline:3px solid var(--navy,#1B2A4A);outline-offset:3px}
.a11y-dlg .row-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-top:14px;padding-top:16px;border-top:2px solid var(--navy,#1B2A4A)}
.a11y-dlg .row-actions .btn{margin:0}
.a11y-dlg .linkish{font-size:.875rem}
:is(.a11y-dlg,.a11y-ribbon) .btn.ghost{background:transparent;color:var(--navy,#1B2A4A);border-color:var(--navy,#1B2A4A)}

/* 8b · preferences ribbon (default ≥900px) — in normal flow, pushes the page down */
.a11y-ribbon{display:grid;grid-template-rows:0fr;transition:grid-template-rows .24s cubic-bezier(.2,.7,.2,1);position:relative;z-index:30;box-sizing:border-box;width:100%;background:#fff;color:var(--navy,#1B2A4A);border:0;border-bottom:2px solid var(--navy,#1B2A4A);border-radius:0 0 20px 20px;box-shadow:0 10px 24px -16px rgba(27,42,74,.5)}
.a11y-ribbon[data-open]{grid-template-rows:1fr}
.a11y-ribbon[hidden]{display:none}
html[data-motion="reduce"] .a11y-ribbon,.a11y-ribbon[data-settled]{transition:none}
.a11y-ribbon .rb-clip{overflow:hidden;min-height:0;border-radius:inherit}
.a11y-ribbon[data-settled] .rb-clip{overflow:visible}
.a11y-ribbon .rb-in{padding:12px clamp(14px,2.4vw,28px) 14px}
.a11y-ribbon .rb-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;padding-bottom:8px}
.a11y-ribbon .rb-head h2{margin:0;max-width:none;font:700 1.0625rem/1.25 var(--font-body,system-ui);font-style:normal;letter-spacing:0;color:var(--navy,#1B2A4A)}
.a11y-ribbon .rb-acts{display:flex;align-items:center;gap:8px;margin-left:auto}
/* dividers: every group has a left rule; the wrapper hides the first one in each row, so only inner vertical dividers show */
.a11y-ribbon .rb-groups{overflow:hidden;margin-left:-6px}
.a11y-ribbon .rb-bar{display:flex;flex-wrap:wrap;row-gap:4px;margin:0 0 0 -7px}
.a11y-ribbon .rb-group{flex:0 1 auto;min-width:0;margin:0;border:0;border-left:1px solid #C9CDD6;padding:6px 12px}
.a11y-ribbon .rb-group legend{float:left;width:100%;padding:0 0 6px;font:700 .8125rem/1.25 var(--font-body,system-ui);color:var(--navy,#1B2A4A)}
.a11y-ribbon .rb-group legend+*{clear:both}
.a11y-ribbon .seg{gap:4px}
.a11y-ribbon .seg span{min-height:40px;padding:0 11px;border-radius:999px;font-size:.8125rem;white-space:nowrap}
.a11y-ribbon .seg input:hover:not(:checked)+span{background:#EEF1F6}
.a11y-ribbon .seg input:focus-visible+span{outline-offset:2px}
:root[data-contrast="high"] .a11y-ribbon .rb-group{border-color:var(--navy)}
@media (forced-colors:active){
  .a11y-ribbon{border-color:CanvasText}
  .a11y-ribbon .rb-group{border-color:CanvasText}
}
@media print{.a11y-ribbon{display:none !important}}

/* 9 · reduced motion — system setting OR the visitor's own switch --------- */
@media (prefers-reduced-motion:reduce){
  :root:not([data-motion="full"]) *,:root:not([data-motion="full"]) *::before,:root:not([data-motion="full"]) *::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;transition-delay:0s !important;scroll-behavior:auto !important}
  :root:not([data-motion="full"]) .enter-veil{display:none !important}
  :root:not([data-motion="full"]) .hi-cut,:root:not([data-motion="full"]) .hi-greet,:root:not([data-motion="full"]) .hi-arrow{transform:none;opacity:1}
  :root:not([data-motion="full"]) .wb{opacity:1}:root:not([data-motion="full"]) .wb-type{max-width:none}
  :root:not([data-motion="full"]) .squig path{stroke-dashoffset:0}
  :root:not([data-motion="full"]) .glow{opacity:1;transform:none}
}
:root[data-motion="reduce"] *,:root[data-motion="reduce"] *::before,:root[data-motion="reduce"] *::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;transition-delay:0s !important;scroll-behavior:auto !important}
:root[data-motion="reduce"] .enter-veil{display:none !important}
:root[data-motion="reduce"] .hi-cut,:root[data-motion="reduce"] .hi-greet,:root[data-motion="reduce"] .hi-arrow{transform:none;opacity:1}
:root[data-motion="reduce"] .wb{opacity:1}:root[data-motion="reduce"] .wb-type{max-width:none}
:root[data-motion="reduce"] .squig path{stroke-dashoffset:0}
:root[data-motion="reduce"] .glow{opacity:1;transform:none}

/* 10 · high contrast (visitor choice, or the device's prefers-contrast: more) */
:root[data-contrast="high"]{
  --paper:#fff;--paper-2:#fff;--navy:#0F1B33;--navy-soft:#1B2A4A;--gray:#2A3550;--line:#0F1B33;--ink:#000;
  --tint-cherry:#fff;--tint-jade:#fff;--tint-citron:#fff;--tint-navy:#fff;--tint-rose:#fff;--pastel-pink:#fff;--tint-violet:#fff;
  --cherry:#8F1B33;--jade:#0F5A31;--citron:#84361A;--rose:#7E2F4E;
  --cherry-ink:#8F1B33;--jade-ink:#0F5A31;--citron-ink:#84361A;--rose-ink:#7E2F4E;
  --violet:#4B2F85;--violet-ink:#2F1F57;
}
:root[data-contrast="high"] a{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.2em;background-image:none}
:root[data-contrast="high"] .p-tile,:root[data-contrast="high"] .q,:root[data-contrast="high"] .b-face{border-width:3px !important}
:root[data-contrast="high"] .b-face.b-back{color:#fff}

/* 11 · text size / spacing / typeface ------------------------------------- */
:root[data-text="lg"]{font-size:125%}
:root[data-text="xl"]{font-size:150%}
:root[data-spacing="roomy"] :where(p,li,td,th,dd,figcaption,summary,blockquote,.hook,.stmt,.take,.full){line-height:1.8 !important;word-spacing:.08em}
:root[data-spacing="roomy"] :where(p,li,td,th,dd,figcaption,blockquote,.hook,.full){letter-spacing:.03em}
:root[data-spacing="roomy"] :where(p){margin-bottom:1.4em}
:root[data-font="readable"]{--font-body:"Atkinson Hyperlegible","Public Sans",system-ui,sans-serif;--font-display:"Atkinson Hyperlegible","Public Sans",system-ui,sans-serif}
:root[data-font="readable"] body *{font-style:normal !important}
:root[data-font="readable"] :is(em,i,q,cite){font-style:italic !important}
:root[data-font="readable"] :is(h1,h2,h3,h4,.brandname,.p-title,.stmt,.take){font-weight:700}

/* 12 · forced colours (Windows High Contrast) ----------------------------- */
@media (forced-colors:active){
  a{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.2em}
  .acc-tog{border:2px solid CanvasText}
  .acc-tog::before,.acc-tog::after{background:CanvasText}
  .b-card,.p-tile,.q,.b-face{border:2px solid CanvasText}
  .tag,.flag{border:1px solid CanvasText}
  .a11y-btn[aria-pressed="true"]{background:Highlight;color:HighlightText}
  .seg input:checked+span{background:Highlight;color:HighlightText}
  .b-card:has(.card-link:focus-visible){outline-color:Highlight}
  #cc-ring,.hi,.scene{display:none}
}

/* 13 · X-ray -------------------------------------------------------------- */
html[data-xray]{scroll-padding-bottom:calc(var(--xr-h,0px) + 16px)}
html[data-xray] body,html[data-xray] dialog.pv[open]{padding-bottom:var(--xr-h,0px) !important}
html[data-xray="strip"] :where(body *):not(.xr-ui):not(.xr-ui *){background:transparent !important;background-image:none !important;color:#1c1c1c !important;border-color:#8c8c8c !important;box-shadow:none !important;text-shadow:none !important;filter:none !important}
html[data-xray="strip"] body,html[data-xray="strip"] dialog.pv{background:#f7f7f5 !important}
html[data-xray="strip"] :where(body *):not(.xr-ui) img{opacity:.2;filter:grayscale(1) !important}
html[data-xray="strip"] :where(body *):not(.xr-ui) :is(.hi,.scene,.t-icon){display:none !important}
html[data-xray="strip"] :where(body *):not(.xr-ui) a{text-decoration:underline !important}
.xr-ui,.xr-ui *{box-sizing:border-box}
#xr-layer{position:absolute;left:0;top:0;z-index:2147482000;pointer-events:none;font:700 11px/1 var(--font-body,system-ui)}
/* one marker per element: dark fill + white outline + dark ring holds 3:1 on light or dark ground */
.xr-pin{position:absolute;display:inline-flex;align-items:center;gap:4px;height:24px;min-width:24px;padding:0 6px;border-radius:12px;background:#111;color:#fff;border:2px solid #fff;box-shadow:0 0 0 1px #111;pointer-events:auto;cursor:pointer;white-space:nowrap}
.xr-pin .xr-li{display:inline-flex;align-items:center;gap:2px}
.xr-pin svg{flex:0 0 auto}
.xr-pin b{font:700 11px/1 var(--font-body,system-ui)}
.xr-pin i{font-style:normal;font-size:12px;border-left:1px solid rgba(255,255,255,.45);margin-left:1px;padding-left:4px}
.xr-pin em{font-style:normal;font-size:10px;background:#fff;color:#111;border-radius:6px;padding:1px 4px;margin-left:2px}
.xr-pin.issue{border-radius:3px;background:#7a1405}
.xr-pin.fixed{border-radius:3px 12px 12px 3px;background:#4a3500}
.xr-pin.sel,.xr-pin.cur{box-shadow:0 0 0 2px #111,0 0 0 5px #f2b705;z-index:2}
.xr-pin:hover{z-index:3}
.xr-box{position:absolute;pointer-events:none;border:3px solid #111;border-radius:3px;box-shadow:0 0 0 2px #fff}
.xr-box.sel{box-shadow:0 0 0 2px #fff,0 0 0 6px rgba(242,183,5,.55)}
.xr-box.l-landmarks{border-style:dashed;border-color:#0b5a75}
.xr-box.l-headings{border-style:solid;border-color:#5a1d71}
.xr-box.l-controls{border-style:double;border-width:5px;border-color:#8a2a09}
.xr-box.l-images{border-style:dotted;border-width:4px;border-color:#145c2c}
.xr-box.l-focus{border-style:solid;border-width:4px;border-color:#111}
.xr-box.l-measurements{border-style:dashed;border-width:4px;border-color:#7a1405}
.xr-tip{position:absolute;z-index:4;max-width:min(380px,calc(100vw - 16px));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#fff;color:#111;border:2px solid #111;border-radius:6px;padding:4px 8px;font:600 12px/1.3 var(--font-body,system-ui)}
.xr-trail{position:absolute;left:0;top:0;overflow:visible;pointer-events:none}
.xr-trail line{stroke:#111;stroke-width:3;stroke-linecap:round}

/* bottom panel: non-modal region; the page gets matching bottom padding so nothing hides behind it */
#xr-panel{position:fixed;left:0;right:0;bottom:0;z-index:2147483300;max-height:min(64vh,640px);display:flex;flex-direction:column;padding:12px clamp(12px,2.4vw,28px) 10px;background:#fff;color:#111;border-top:2px solid #111;border-radius:20px 20px 0 0;box-shadow:0 -10px 30px -12px rgba(0,0,0,.4);font:500 .875rem/1.45 var(--font-body,system-ui)}
#xr-panel .xr-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;align-items:start;padding-bottom:10px;border-bottom:1px solid #d6d6d0}
#xr-panel .xr-ttl{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;min-width:0}
#xr-panel h2{margin:0;font:700 1.0625rem/1.2 var(--font-body,system-ui);font-style:normal;letter-spacing:0;color:#111;max-width:none}
#xr-panel .xr-subt{margin:0;font-size:.875rem;color:#3d3d3d;max-width:none}
#xr-panel .xr-hacts{display:flex;gap:8px;grid-row:1/3;grid-column:2}
#xr-panel .xr-intro{grid-column:1;margin:0;color:#3d3d3d;max-width:72ch;font-size:.8125rem}
#xr-panel .xr-sumrow{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px}
#xr-panel .xr-sum{margin:0;font-weight:700;white-space:nowrap}
#xr-panel.collapsed .xr-intro{display:none}
#xr-panel.collapsed .xr-head{border-bottom:0;padding-bottom:0}
#xr-panel .xr-legend{display:flex;flex-wrap:wrap;gap:6px 14px;list-style:none;margin:0;padding:0;font-size:.8125rem}
#xr-panel .xr-legend li{display:flex;align-items:center;gap:6px;margin:0}
#xr-panel button{min-height:44px;border:2px solid #111;background:#fff;color:#111;border-radius:10px;padding:0 14px;font:700 .8125rem/1.1 var(--font-body,system-ui);cursor:pointer}
#xr-panel button:hover{background:#efefea}
#xr-panel :focus-visible{outline:3px solid #5a1d71;outline-offset:2px}
#xr-panel .xr-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(340px,38%) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:0 24px;padding-top:10px}
#xr-panel .xr-body[hidden]{display:none}
#xr-panel .xr-ctl{overflow:auto;min-height:0;display:flex;flex-direction:column;gap:6px;padding:2px 6px 2px 2px}
#xr-panel fieldset{border:0;margin:0;padding:0;min-width:0}
#xr-panel legend{font:700 .8125rem/1.2 var(--font-body,system-ui);padding:0 0 4px;float:left;width:100%}
#xr-panel legend+*{clear:both}
#xr-panel .xr-lrow{display:grid;grid-template-columns:20px minmax(0,1fr);column-gap:10px;align-items:center;padding:3px 0}
#xr-panel .xr-lrow input{width:20px;height:20px;margin:0;accent-color:#111;cursor:pointer}
#xr-panel .xr-lrow label{display:flex;align-items:center;gap:8px;min-height:32px;cursor:pointer;min-width:0}
#xr-panel .xr-help{grid-column:2;margin:0;font-size:.75rem;line-height:1.35;color:#3d3d3d}
#xr-panel .xr-ico{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:11px;background:#111;color:#fff;flex:0 0 auto}
#xr-panel .xr-nm{font-weight:700}
#xr-panel .xr-ct{font:600 .8125rem/1.2 var(--font-body,system-ui);color:#3d3d3d;white-space:nowrap}
#xr-panel .xr-dim{border-top:1px solid #d6d6d0;padding-top:8px;margin-top:2px}
#xr-panel #xr-walk{display:flex;flex-wrap:wrap;gap:6px;padding-top:4px}
#xr-panel #xr-walk[hidden]{display:none}
#xr-panel #xr-walk button[aria-pressed="true"]{background:#111;color:#fff}
#xr-panel .xr-insp{min-height:0;display:flex;flex-direction:column;border-left:1px solid #d6d6d0;padding-left:24px}
#xr-panel .xr-bar{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:8px 16px;padding-bottom:8px}
#xr-panel .xr-filter{display:flex;flex-direction:column}
#xr-panel .xr-tabs{display:flex;gap:6px}
#xr-panel [role="tab"][aria-selected="true"]{background:#111;color:#fff}
#xr-panel .xr-pane{overflow:auto;min-height:0;flex:1;padding:2px 4px 8px 2px}
#xr-panel .xr-pane[hidden]{display:none}
#xr-panel .xr-how{grid-column:1/-1;margin:6px 0 0;padding-top:6px;border-top:1px solid #d6d6d0;font-size:.8125rem;color:#3d3d3d}
#xr-panel h3{font:700 .9375rem/1.3 var(--font-body,system-ui);font-style:normal;margin:10px 0 6px;color:#111;max-width:none;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
#xr-panel h3:first-child{margin-top:0}
#xr-panel h4{font:700 .75rem/1.3 var(--font-body,system-ui);text-transform:uppercase;letter-spacing:.06em;margin:10px 0 4px;color:#3d3d3d}
#xr-panel p{margin:0 0 8px;max-width:none;color:#111}
#xr-panel .xr-empty{color:#3d3d3d}
#xr-panel .xr-big{font-size:1rem;font-weight:700}
#xr-panel .xr-empty-card{display:flex;flex-direction:column;gap:10px;max-width:70ch}
#xr-panel .xr-empty-card .xr-empty{margin:0}
#xr-panel .xr-note{color:#7a1405;font-weight:700}
#xr-panel .xr-fixline{font-weight:700;color:#4a3500}
#xr-panel .xr-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:0 24px;align-items:start}
#xr-panel .xr-cr{min-width:0}
#xr-panel .xr-st{display:inline-flex;align-items:center;gap:4px;padding:1px 8px;border:2px solid #111;border-radius:999px;font:700 .75rem/1.4 var(--font-body,system-ui);white-space:nowrap;color:#111}
#xr-panel .xr-st.issue{border-radius:4px;border-color:#7a1405;color:#7a1405}
#xr-panel .xr-st.fixed{border-radius:4px 999px 999px 4px;border-color:#4a3500;color:#4a3500;background:#fff6d6}
#xr-panel dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 12px;margin:0 0 8px;font-size:.8125rem}
#xr-panel dt{font-weight:700}#xr-panel dd{margin:0;overflow-wrap:anywhere}
#xr-panel dd .xr-st{margin-left:4px;padding:0 6px}
#xr-panel ul.xr-sc{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-direction:column;gap:2px;font-size:.8125rem}
#xr-panel ul.xr-sc li{margin:0}
#xr-panel details.xr-code{margin:0 0 10px}
#xr-panel details.xr-code summary{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:2px solid #111;border-radius:10px;font-weight:700;cursor:pointer}
#xr-panel pre{background:#12151c;color:#e8ecf5;border-radius:12px;padding:12px;margin:6px 0 8px;overflow:auto;max-width:100%;max-height:260px;font:500 12px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre;tab-size:2}
#xr-panel pre mark{background:#f2b705;color:#111;border-radius:3px;padding:0 2px}
#xr-panel pre.before{border-left:5px solid #c0392b}
#xr-panel pre.after{border-left:5px solid #1b7a3b}
#xr-panel .xr-seg{display:flex;flex-wrap:wrap;gap:6px}
#xr-panel .xr-seg label{position:relative}
#xr-panel .xr-seg input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}
#xr-panel .xr-seg span{display:flex;align-items:center;min-height:44px;padding:0 14px;border:2px solid #111;border-radius:999px;font-weight:700;font-size:.8125rem;white-space:nowrap}
#xr-panel .xr-seg input:checked+span{background:#111;color:#fff}
#xr-panel .xr-seg input:checked+span::before{content:"\2713";margin-right:6px}
#xr-panel .xr-seg input:focus-visible+span{outline:3px solid #5a1d71;outline-offset:2px}
#xr-panel ul.xr-list{list-style:none;margin:0 0 6px;padding:0;columns:2 280px;column-gap:20px}
#xr-panel ul.xr-list li{margin:0;break-inside:avoid}
#xr-panel ul.xr-list button{width:100%;display:flex;align-items:center;gap:8px;text-align:left;border:0;border-bottom:1px solid #e2e2dc;border-radius:0;padding:4px 6px;font:500 .8125rem/1.3 var(--font-body,system-ui)}
#xr-panel ul.xr-list button[aria-current="true"]{background:#fff3c4}
@media (max-width:1100px){#xr-panel .xr-card{grid-template-columns:minmax(0,1fr)}}
@media (max-width:899px){
  #xr-panel{max-height:70vh;overflow:auto}
  #xr-panel .xr-body{display:flex;flex-direction:column;gap:10px}
  #xr-panel .xr-ctl,#xr-panel .xr-pane{overflow:visible}
  #xr-panel .xr-layers{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));column-gap:16px}
  #xr-panel .xr-layers legend{grid-column:1/-1}
  #xr-panel .xr-insp{border-left:0;padding-left:0;border-top:1px solid #d6d6d0;padding-top:10px}
}
@media (max-width:639px){
  #xr-panel{max-height:78vh;border-radius:16px 16px 0 0;padding:10px 14px 8px}
  #xr-panel .xr-head{grid-template-columns:minmax(0,1fr)}
  #xr-panel .xr-hacts{grid-row:auto;grid-column:1;order:-1;justify-content:flex-end}
  #xr-panel .xr-sum{white-space:normal}
  #xr-panel .xr-bar{flex-direction:column;align-items:stretch}
}
@media (forced-colors:active){
  #xr-panel{border:2px solid CanvasText}
  .xr-pin{forced-color-adjust:none}
}
@media print{#xr-panel,#xr-layer,.a11y-bar,.skip-link{display:none !important}}


/* 14 · standalone footer links meet target size (WCAG 2.5.8) */
footer.site a,.land-foot a{display:inline-flex;align-items:center;min-height:44px;padding-inline:4px}

/* 15 · inline mailto/text links on the statement page get a 24px+ target */
main a[href^="mailto:"]{display:inline-block;padding-block:4px}
@media (forced-colors:active){
  a.btn,a.iconbtn,a.a11y-btn,.b-card .card-link,a.plain{text-decoration:none}
}