/* UK GOVERNMENT AI UNIVERSE — department page overrides on top of the universities' universe page CSS (copied).
   Teal palette = the top site's hub-base tokens (doc 1.4); department colour is a thin accent only. */
:root{--header-bg:#1F2F4F;--page-bg:#eef1f2;--text:#14222a;--muted:#4c5a62;--border:#c9d3d6;--head-col:#1F2F4F;--link:#0b5c66;--hover:#e3eaec;--chip:#dde6e8;--chip-text:#14222a;--soft:#f2f5f6}
html.dark{--dk-deep:#0E1729;--dk-page:#0E1729;--dk-panel:#14203A;--dk-soft:#08333a;--dk-hover:#0c3d44;--dk-border:#24474d;--dk-chip:#0f4049;--dk-bar:#14203A;--dk-pill:#1F2F4F;
  --header-bg:#1F2F4F;--page-bg:#0E1729;--text:#e4eef0;--muted:#a6b8bd;--panel:#14203A;--stage-bg:#0E1729;--link:#7fd6e0;--glass:rgba(4,20,23,.86)}
html.dark .lab.div,html.dark .row.active,html.dark .filter-chip{background:#e4eef0;color:#0E1729}
.site-header{background-color:#1F2F4F}
/* black title lozenges */
.lozenge{background:#1F2F4F}
.gov-unit .box-head h2,.gov-unit .full-list h2{letter-spacing:.01em}
.gov-unit .box{border-top:4px solid var(--dept)}
html.dark .gov-unit .box{border-top-color:var(--dept-dk)}
/* sticky government top bar (doc 1.5): 26 pills, under the header lines */
.gov-bar{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:3px;padding:4px 1.5rem 8px;justify-content:flex-start}
.gov-bar .gb-opt{font-size:.64rem;font-weight:700;line-height:1;color:#fff;text-decoration:none;padding:.36em .7em;border-radius:999px;background:rgba(0,0,0,.72);border:1px solid rgba(255,255,255,.55);white-space:nowrap}
.gov-bar .gb-opt::before{content:"";display:inline-block;width:.6em;height:.6em;border-radius:50%;background:var(--c);margin-right:.35em;vertical-align:-.05em;box-shadow:0 0 0 1px rgba(255,255,255,.7)}
.gov-bar .gb-opt.gb-all::before{display:none}
.gov-bar .gb-opt:hover,.gov-bar .gb-opt:focus-visible{background:#fff;color:#1F2F4F}
.gov-bar .gb-opt.on{background:#fff;color:#1F2F4F;outline:2px solid var(--co,var(--c));outline-offset:1px}
/* right column: tabbed info box */
.gov-info{flex:1 1 auto;display:flex;flex-direction:column;min-height:180px}
.gi-tabs{display:flex;gap:4px;flex-wrap:wrap}
.gi-tab{font:inherit;font-size:.74rem;font-weight:700;border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:999px;padding:3px 9px;cursor:pointer}
.gi-tab.on{background:#1F2F4F;color:#fff;border-color:#1F2F4F}
html.dark .gi-tab.on{background:#e4eef0;color:#0E1729}
.gi-tab .n{opacity:.7;font-weight:600}
.gi-body{overflow:auto;flex:1 1 0;min-height:0}
.gi-pane{list-style:none;padding:6px 10px;display:flex;flex-direction:column;gap:7px}
.gi-pane li{display:flex;flex-direction:column;gap:1px;font-size:.78rem;border-bottom:1px solid var(--border);padding-bottom:6px}
.gi-pane li .d{font-weight:700;color:var(--muted);font-size:.72rem}
.gi-pane li .meta{color:var(--muted);font-size:.7rem}
.gi-pane li.past{opacity:.72}
.gi-pane li.tot{background:var(--chip);border-radius:8px;padding:6px 8px;border:0}
.gi-pane li.gap,.gap-msg{color:var(--muted);font-style:italic}
/* popup additions */
.conf{display:inline-block;font-size:.66rem;font-weight:700;border-radius:999px;padding:1px 7px;margin-left:4px;vertical-align:middle;background:#dfe9e3;color:#0d4a2a}
.conf.conf-single_source{background:#fff1cc;color:#5c4300}
html.dark .conf{background:#0f4a33;color:#d7f5e4}html.dark .conf.conf-single_source{background:#5c4300;color:#fff1cc}
.srcs q{display:block;font-style:italic;color:var(--muted);margin:2px 0 4px 8px;font-size:.92em}
.srcs q::before{content:"\201C"}.srcs q::after{content:"\201D"}
.pop-asof{color:var(--muted);font-size:.72rem;margin-top:6px}
.pop-corr{display:inline-block;margin-top:6px;font-weight:700}
.ext-links li{margin:2px 0}
/* lower sections */
.gov-extra{margin-top:10px}
.gx-pad{padding:8px 14px}
.gx-list{padding:6px 14px 10px 30px;font-size:.84rem;display:flex;flex-direction:column;gap:4px}
.gx-dl{display:flex;flex-wrap:wrap;gap:6px}
.kv{display:grid;grid-template-columns:200px 1fr;gap:10px;font-size:.84rem;padding:4px 0;border-bottom:1px solid var(--border)}
.kv b{text-transform:capitalize}
.idtag{font-family:ui-monospace,Menlo,monospace;font-size:.74rem;color:var(--muted)}
@media (max-width:860px){.kv{grid-template-columns:1fr;gap:2px}.gov-bar{padding:4px .6rem 6px}.gov-bar .gb-opt{font-size:.6rem}}

/* Gov pages: departments have many single-team directorates (up to ~20). The Oxford grid puts every unit in one row,
   which squeezes them to slivers; wrap them into readable columns instead. */
#c-canvas #c-divs{grid-template-columns:repeat(var(--gcols,5),240px)!important;justify-content:center!important;grid-template-rows:auto!important;row-gap:22px;column-gap:22px}
#c-canvas #c-divs>.unit{grid-row:auto!important;grid-column:auto!important;width:240px!important;min-width:240px!important;max-width:240px!important}
#c-canvas #c-divs>.unit .card,#c-canvas #c-divs>.unit>.hd{width:auto!important;max-width:100%!important}
#c-canvas #c-divs{width:max-content!important}
#c-canvas{width:max-content!important;min-width:0!important}
#c-canvas #c-root{white-space:normal!important;max-width:1250px!important;line-height:1.1}
/* pop-up and tooltip: label above value (the panel is narrow) */
#node-pop .kv,#tooltip .kv,.tooltip .kv{grid-template-columns:1fr;gap:1px}
#node-pop .kv b,#tooltip .kv b,.tooltip .kv b{text-transform:none;font-size:.72rem;color:var(--muted);letter-spacing:.02em}
/* edition 2.1: a record's own table from the research, shown in its panel */
.rec-tbl{overflow-x:auto;max-height:260px;margin:4px 0 6px}
.rec-tbl table{border-collapse:collapse;font-size:.7rem;min-width:100%}
.rec-tbl th,.rec-tbl td{border:1px solid rgba(127,127,127,.35);padding:2px 5px;text-align:left;vertical-align:top}
.gx-closed-h{font-size:.85rem;margin:10px 0 4px}
.gx-closed li{opacity:.85}

/* 28 Oct 2026 (Alex): kicker above every section switch. Absolutely placed so the header grid keeps its shape. */
#uni-switch.sec-switch{position:relative;overflow:visible}
#uni-switch.sec-switch::before{content:"THE UK AI UNIVERSE";position:absolute;left:50%;right:auto;transform:translateX(-50%);text-align:center;padding-left:.14em;margin:0;bottom:calc(100% + 3px);font-size:max(8px,.8em);font-weight:700;letter-spacing:.14em;line-height:1;color:#fff;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.9),0 0 1px #1F2F4F;pointer-events:none}
@media (max-width:860px){#uni-switch.sec-switch{margin-top:15px}}

/* Alex 29 Oct 13:36: strand switch (ALL / UNIVERSITIES / BUSINESS / GOVERNMENT) bar and inactive buttons pure black, not dark grey, on every page; active pill and text colours unchanged; hover still visible */
#uni-switch.sec-switch,html.dark #uni-switch.sec-switch{background:rgb(0,0,0)!important}
#uni-switch.sec-switch .us-opt.us-all:not(.on),html.dark #uni-switch.sec-switch .us-opt.us-all:not(.on){background:rgb(0,0,0)!important}
#uni-switch.sec-switch .us-opt:not(.on):hover,#uni-switch.sec-switch .us-opt.us-all:not(.on):hover{background:#333!important}

/* Alex 29 Oct 13:47: department chips in two explicit rows (14 / 12); on phones the rows dissolve and the chips wrap freely */
.gov-bar{flex-direction:column;align-items:flex-start}
.gov-bar .gb-row{display:flex;flex-wrap:wrap;gap:3px}
@media (max-width:700px){.gov-bar{flex-direction:row}.gov-bar .gb-row{display:contents}}

/* Alex 29 Oct 14:34: on every page that keeps the department chips, the header photo ends just above them and the chips sit on a
   plain band (white in light mode, the page background in dark mode), restyled to read on white. The navy news ticker directly
   below (the "frieze") is unchanged. */
.site-header .gov-bar{background:#FFFFFF;padding-top:7px;padding-bottom:7px;box-shadow:none}
.site-header .gov-bar .gb-opt{background:#FFFFFF;color:#1F2F4F;border:1px solid #1F2F4F}
.site-header .gov-bar .gb-opt::before{box-shadow:0 0 0 1px rgba(31,47,79,.55)}
.site-header .gov-bar .gb-opt:hover,.site-header .gov-bar .gb-opt:focus-visible{background:#E8ECF4;color:#1F2F4F}
.site-header .gov-bar .gb-opt.on{background:#1F2F4F;color:#FFFFFF;border-color:#1F2F4F;outline:2px solid var(--co,var(--c));outline-offset:1px}
.site-header .gov-bar .gb-opt.on::before{box-shadow:0 0 0 1px rgba(255,255,255,.7)}
html.dark .site-header .gov-bar{background:#0E1729}
html.dark .site-header .gov-bar .gb-opt{background:rgba(255,255,255,.06);color:#FFFFFF;border-color:rgba(255,255,255,.55)}
html.dark .site-header .gov-bar .gb-opt::before{box-shadow:0 0 0 1px rgba(255,255,255,.7)}
html.dark .site-header .gov-bar .gb-opt:hover,html.dark .site-header .gov-bar .gb-opt:focus-visible{background:#FFFFFF;color:#1F2F4F}
html.dark .site-header .gov-bar .gb-opt.on{background:#FFFFFF;color:#1F2F4F;border-color:#FFFFFF}
html.dark .site-header .gov-bar .gb-opt.on::before{box-shadow:0 0 0 1px rgba(31,47,79,.55)}
.site-header>.theme-switch,.site-header #theme-toggle{z-index:6!important}

/* 29 Oct 2026 (Alex): the tab icon (Union Jack favicon, full colour) inline before THE in the kicker, cap height; decorative (CSS background, not announced). */
#uni-switch.sec-switch::before{padding-left:1.32em;background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiIgcm9sZT0iaW1nIiBhcmlhLWxhYmVsPSJVSyBBSSI+CiAgPHRpdGxlPlVLIEFJPC90aXRsZT4KICA8ZGVmcz48Y2xpcFBhdGggaWQ9ImMiPjxjaXJjbGUgY3g9IjE2IiBjeT0iMTYiIHI9IjE1Ii8+PC9jbGlwUGF0aD48L2RlZnM+CiAgPGcgY2xpcC1wYXRoPSJ1cmwoI2MpIj4KICAgIDxyZWN0IHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzAxMjE2OSIvPgogICAgPHBhdGggZD0iTTAgMCBMMzIgMzIgTTMyIDAgTDAgMzIiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSI1LjUiLz4KICAgIDxwYXRoIGQ9Ik0wIDAgTDMyIDMyIE0zMiAwIEwwIDMyIiBzdHJva2U9IiNDODEwMkUiIHN0cm9rZS13aWR0aD0iMi4yIi8+CiAgICA8cGF0aCBkPSJNMTYgMCBWMzIgTTAgMTYgSDMyIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iNyIvPgogICAgPHBhdGggZD0iTTE2IDAgVjMyIE0wIDE2IEgzMiIgc3Ryb2tlPSIjQzgxMDJFIiBzdHJva2Utd2lkdGg9IjQiLz4KICAgIDxyZWN0IHg9IjE1IiB5PSIwIiB3aWR0aD0iMTciIGhlaWdodD0iMzIiIGZpbGw9IiMwMTIxNjkiIG9wYWNpdHk9Ii41Ii8+CiAgICA8ZyBmb250LWZhbWlseT0idWktbW9ub3NwYWNlLE1lbmxvLG1vbm9zcGFjZSIgZm9udC1zaXplPSI1LjUiIGZvbnQtd2VpZ2h0PSI3MDAiIGZpbGw9IiNGNEY3RkIiPgogICAgICA8dGV4dCB4PSIxNi41IiB5PSI4Ij4xIDAgMTwvdGV4dD4KICAgICAgPHRleHQgeD0iMTYuNSIgeT0iMTUiPjAgMSAwPC90ZXh0PgogICAgICA8dGV4dCB4PSIxNi41IiB5PSIyMiI+MSAxIDA8L3RleHQ+CiAgICAgIDx0ZXh0IHg9IjE2LjUiIHk9IjI5Ij4wIDEgMTwvdGV4dD4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=") no-repeat 0 50%/1em 1em}

/* 29 Oct 2026 (Alex): Union Jack tab icon inside the title lozenge at its left end, cap height, plus about one letter of extra right padding. Decorative (CSS background). */
.site-header .header-titles h1 .lozenge{padding-right:1.15em}
.site-header .header-titles h1 .lozenge::before{content:"";display:inline-block;width:.8em;height:.8em;margin-right:.34em;vertical-align:-.04em;background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiIgcm9sZT0iaW1nIiBhcmlhLWxhYmVsPSJVSyBBSSI+CiAgPHRpdGxlPlVLIEFJPC90aXRsZT4KICA8ZGVmcz48Y2xpcFBhdGggaWQ9ImMiPjxjaXJjbGUgY3g9IjE2IiBjeT0iMTYiIHI9IjE1Ii8+PC9jbGlwUGF0aD48L2RlZnM+CiAgPGcgY2xpcC1wYXRoPSJ1cmwoI2MpIj4KICAgIDxyZWN0IHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzAxMjE2OSIvPgogICAgPHBhdGggZD0iTTAgMCBMMzIgMzIgTTMyIDAgTDAgMzIiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSI1LjUiLz4KICAgIDxwYXRoIGQ9Ik0wIDAgTDMyIDMyIE0zMiAwIEwwIDMyIiBzdHJva2U9IiNDODEwMkUiIHN0cm9rZS13aWR0aD0iMi4yIi8+CiAgICA8cGF0aCBkPSJNMTYgMCBWMzIgTTAgMTYgSDMyIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iNyIvPgogICAgPHBhdGggZD0iTTE2IDAgVjMyIE0wIDE2IEgzMiIgc3Ryb2tlPSIjQzgxMDJFIiBzdHJva2Utd2lkdGg9IjQiLz4KICAgIDxyZWN0IHg9IjE1IiB5PSIwIiB3aWR0aD0iMTciIGhlaWdodD0iMzIiIGZpbGw9IiMwMTIxNjkiIG9wYWNpdHk9Ii41Ii8+CiAgICA8ZyBmb250LWZhbWlseT0idWktbW9ub3NwYWNlLE1lbmxvLG1vbm9zcGFjZSIgZm9udC1zaXplPSI1LjUiIGZvbnQtd2VpZ2h0PSI3MDAiIGZpbGw9IiNGNEY3RkIiPgogICAgICA8dGV4dCB4PSIxNi41IiB5PSI4Ij4xIDAgMTwvdGV4dD4KICAgICAgPHRleHQgeD0iMTYuNSIgeT0iMTUiPjAgMSAwPC90ZXh0PgogICAgICA8dGV4dCB4PSIxNi41IiB5PSIyMiI+MSAxIDA8L3RleHQ+CiAgICAgIDx0ZXh0IHg9IjE2LjUiIHk9IjI5Ij4wIDEgMTwvdGV4dD4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=") no-repeat 50% 50%/contain}

/* header unify (Alex 29 Oct 17:33): not-ready pillars in the switch look disabled: 50% opacity, no link (same rule as build/pillar_assets/pillar-header.css) */
#uni-switch .us-opt.us-off,#uni-switch .us-opt.us-off:hover,#uni-switch .us-opt.us-off:focus{opacity:.5!important;cursor:default!important;pointer-events:none;text-decoration:none}