/* UK AI Universe shared pillar header (29 Oct 2026, Alex: "Taking uk government ai universe as the model").
   Copied from the live Government home header (gov-home.css + gov-whitehall.css) and scoped to body.pillar-hdr so the
   root, Business, What changed and Method pages render it identically. Black is written rgb(0,0,0) on purpose. */

/* 1. photo band: 111px at desktop width (the extra 10px comes from the credit grid's margin-top, exactly as on Government) */
@media (min-width:861px){
  .hub-home.pillar-hdr .header-inner .header-credit{--usf:10px;--ush:14.5px;margin-top:10px;display:grid!important;grid-column:2/span 2;grid-row:1/-1;align-self:center;justify-self:end;
    grid-template-columns:auto auto auto;grid-template-rows:calc(var(--ush) + 5px) calc(var(--ush) + 0px) calc(var(--ush) + 0px) calc(var(--ush) + 3px);column-gap:.7rem;row-gap:0;align-items:center;justify-items:end}
  .hub-home.pillar-hdr .header-inner .header-credit #uni-switch.sec-switch{grid-column:2;grid-row:1/span 4;align-self:start;justify-self:end;font-size:var(--usf);gap:2px;padding:3px;border-width:1px;grid-template-columns:repeat(4,auto);line-height:1}
  .hub-home.pillar-hdr .header-inner .header-credit #uni-switch.sec-switch .us-opt{font-size:10px;padding:.18em .42em;line-height:1;letter-spacing:0}
  .hub-home.pillar-hdr .header-inner .header-credit .credit-name{grid-column:3;grid-row:1;align-self:center;justify-self:end;font-size:.72rem;padding:.12em .55em;line-height:1.15}
  .hub-home.pillar-hdr .header-inner .header-credit .site-url{grid-column:3;grid-row:3;align-self:center;justify-self:end;font-size:.72rem;padding:.12em .55em;line-height:1.15}
}

/* 2. title lozenge: colour Union Jack (the tab icon) at its left end, cap height, plus one letter of extra right padding */
body.pillar-hdr .site-header h1 a.lozenge{color:#FFFFFF;text-decoration:none}
body.pillar-hdr .site-header .header-titles h1 .lozenge{padding-right:1.15em}
body.pillar-hdr .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}

/* 3. all header lozenges (title, strapline, credits) pure black with white text, light and dark */
body.pillar-hdr .site-header .header-titles h1 .lozenge,body.pillar-hdr .site-header .header-titles p .lozenge,body.pillar-hdr .site-header .header-credit a.lozenge,
html.dark body.pillar-hdr .site-header .header-titles h1 .lozenge,html.dark body.pillar-hdr .site-header .header-titles p .lozenge,html.dark body.pillar-hdr .site-header .header-credit a.lozenge{background:rgb(0,0,0)!important;color:#FFFFFF!important}

/* 4. pillar switch states. Active = white pill, black text (from site.css .us-opt.on). Not ready = 50%, no link. */
body.pillar-hdr #uni-switch .us-opt.on,html.dark body.pillar-hdr #uni-switch .us-opt.on{background:#FFFFFF!important;color:rgb(0,0,0)!important}
#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}

/* 5. Gen-AI disclaimer: black pill centred under the switch, exactly its text width (positioned by the inline script) */
body.pillar-hdr .site-header>.gen-note.gov-gen{position:absolute;right:auto;bottom:auto;z-index:2;margin:0;display:flex;flex-direction:column;align-items:center;text-align:center;box-sizing:border-box;
  font-size:calc(10px - 1pt);line-height:1.2;font-weight:400;color:#FFFFFF;background:rgb(0,0,0)!important;border-radius:6px;padding:1px 0;text-shadow:0 1px 2px rgba(0,0,0,.9);pointer-events:none;transform:none}
body.pillar-hdr .site-header>.gen-note.gov-gen *{font-size:inherit;font-weight:400;color:#FFFFFF}
body.pillar-hdr .site-header>.gen-note.gov-gen span{white-space:nowrap}
body.pillar-hdr .site-header>.gen-note.gov-gen>br{display:none}
@media (max-width:700px){body.pillar-hdr .site-header>.gen-note.gov-gen{position:relative;left:auto!important;top:auto!important;width:max-content!important;max-width:calc(100% - 2rem);margin:0 1rem 6px auto;padding:1px 7px;align-items:flex-end;text-align:right}
  body.pillar-hdr .site-header>.gen-note.gov-gen span{white-space:normal}}
body.pillar-hdr .site-header>#theme-toggle{z-index:6!important}

/* 6. ticker: black bar, white label pill with black text, white news text */
body.pillar-hdr #news-bar,html.dark body.pillar-hdr #news-bar{background:rgb(0,0,0)!important;color:#FFFFFF!important}
body.pillar-hdr #news-bar .news-label,html.dark body.pillar-hdr #news-bar .news-label{background:#FFFFFF!important;color:rgb(0,0,0)!important}
body.pillar-hdr #news-bar .news-item,body.pillar-hdr #news-bar .news-item a,body.pillar-hdr #news-bar .nd,body.pillar-hdr #news-bar .ns,body.pillar-hdr #news-bar .d,body.pillar-hdr #news-bar .meta,
html.dark body.pillar-hdr #news-bar .news-item,html.dark body.pillar-hdr #news-bar .news-item a,html.dark body.pillar-hdr #news-bar .nd,html.dark body.pillar-hdr #news-bar .ns{color:#FFFFFF!important}
body.pillar-hdr #news-bar .utag{color:#FFFFFF!important;border-color:rgba(255,255,255,.6)}

/* 7. white link strip on sub-pages (Government department-strip style): photo ends above it, white band, two balanced rows */
body.pillar-hdr .gov-bar{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:7px 1.5rem 7px;background:#FFFFFF;box-shadow:none;pointer-events:none}
body.pillar-hdr .gov-bar .gb-row{display:flex;flex-wrap:wrap;gap:3px}
body.pillar-hdr .gov-bar .gb-opt{pointer-events:auto;font-size:.64rem;font-weight:700;line-height:1;text-decoration:none;padding:.36em .7em;border-radius:999px;white-space:nowrap;background:#FFFFFF;color:var(--strip-ink,#1F2F4F);border:1px solid var(--strip-ink,#1F2F4F)}
body.pillar-hdr .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(31,47,79,.55)}
body.pillar-hdr .gov-bar .gb-opt.gb-all::before{display:none}
body.pillar-hdr .gov-bar .gb-opt:hover,body.pillar-hdr .gov-bar .gb-opt:focus-visible{background:#E8ECF4;color:var(--strip-ink,#1F2F4F)}
body.pillar-hdr .gov-bar .gb-opt.on{background:var(--strip-ink,#1F2F4F);color:#FFFFFF;border-color:var(--strip-ink,#1F2F4F);outline:2px solid var(--co,var(--c));outline-offset:1px}
body.pillar-hdr .gov-bar .gb-opt.on::before{box-shadow:0 0 0 1px rgba(255,255,255,.7)}
html.dark body.pillar-hdr .gov-bar{background:#0E1729}
html.dark body.pillar-hdr .gov-bar .gb-opt{background:rgba(255,255,255,.06);color:#FFFFFF;border-color:rgba(255,255,255,.55)}
html.dark body.pillar-hdr .gov-bar .gb-opt:hover,html.dark body.pillar-hdr .gov-bar .gb-opt:focus-visible{background:#FFFFFF;color:#1F2F4F}
html.dark body.pillar-hdr .gov-bar .gb-opt.on{background:#FFFFFF;color:#1F2F4F;border-color:#FFFFFF}
@media (max-width:860px){body.pillar-hdr .gov-bar{padding:2px .6rem 6px}body.pillar-hdr .gov-bar .gb-opt{font-size:.6rem}}
@media (max-width:700px){body.pillar-hdr .gov-bar{flex-direction:row;flex-wrap:wrap}body.pillar-hdr .gov-bar .gb-row{display:contents}}

/* Alex 29 Oct 22:09: his black-and-white City of London photo (Gherkin) is the header background on every Business page */
html.theme-biz body.pillar-hdr .site-header{background-image:url("biz-header-photo.webp")!important;background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important}


/* Business copy of Gov's kicker-link CSS (build/gov_assets/gov-whitehall.css, Alex 30 Oct 22:02/22:03), kept identical so Business and Gov match */
/* Alex 30 Oct 22:02: "make the text above the switch box that says 'THE UK AI UNIVERSE' link to the UK AI UNIVERSE page."
   The kicker is now a real link (<a class="uk-ai-kicker">, first child of the switch nav, which gets class has-kicker-link) instead of
   the ::before pseudo-element; same look and position: centred above the lozenge, colour Union Jack at its left, white with shadow.
   Scoped to .has-kicker-link so pages still using ::before (Business, until it switches) are unaffected. */
#uni-switch.sec-switch.has-kicker-link::before{content:none!important;display:none!important}
#uni-switch.sec-switch.has-kicker-link{position:relative;overflow:visible;grid-template-columns:repeat(3,auto)!important}
#uni-switch.sec-switch .uk-ai-kicker,#uni-switch.sec-switch .uk-ai-kicker:visited{position:absolute;left:50%;right:auto;bottom:calc(100% + 3px);transform:translateX(-50%);display:block;margin:0;padding:0 0 0 1.32em;border:0;border-radius:0;box-shadow:none;min-width:0;width:auto;height:auto;background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiIgcm9sZT0iaW1nIiBhcmlhLWxhYmVsPSJVSyBBSSI+CiAgPHRpdGxlPlVLIEFJPC90aXRsZT4KICA8ZGVmcz48Y2xpcFBhdGggaWQ9ImMiPjxjaXJjbGUgY3g9IjE2IiBjeT0iMTYiIHI9IjE1Ii8+PC9jbGlwUGF0aD48L2RlZnM+CiAgPGcgY2xpcC1wYXRoPSJ1cmwoI2MpIj4KICAgIDxyZWN0IHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzAxMjE2OSIvPgogICAgPHBhdGggZD0iTTAgMCBMMzIgMzIgTTMyIDAgTDAgMzIiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSI1LjUiLz4KICAgIDxwYXRoIGQ9Ik0wIDAgTDMyIDMyIE0zMiAwIEwwIDMyIiBzdHJva2U9IiNDODEwMkUiIHN0cm9rZS13aWR0aD0iMi4yIi8+CiAgICA8cGF0aCBkPSJNMTYgMCBWMzIgTTAgMTYgSDMyIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iNyIvPgogICAgPHBhdGggZD0iTTE2IDAgVjMyIE0wIDE2IEgzMiIgc3Ryb2tlPSIjQzgxMDJFIiBzdHJva2Utd2lkdGg9IjQiLz4KICAgIDxyZWN0IHg9IjE1IiB5PSIwIiB3aWR0aD0iMTciIGhlaWdodD0iMzIiIGZpbGw9IiMwMTIxNjkiIG9wYWNpdHk9Ii41Ii8+CiAgICA8ZyBmb250LWZhbWlseT0idWktbW9ub3NwYWNlLE1lbmxvLG1vbm9zcGFjZSIgZm9udC1zaXplPSI1LjUiIGZvbnQtd2VpZ2h0PSI3MDAiIGZpbGw9IiNGNEY3RkIiPgogICAgICA8dGV4dCB4PSIxNi41IiB5PSI4Ij4xIDAgMTwvdGV4dD4KICAgICAgPHRleHQgeD0iMTYuNSIgeT0iMTUiPjAgMSAwPC90ZXh0PgogICAgICA8dGV4dCB4PSIxNi41IiB5PSIyMiI+MSAxIDA8L3RleHQ+CiAgICAgIDx0ZXh0IHg9IjE2LjUiIHk9IjI5Ij4wIDEgMTwvdGV4dD4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=") no-repeat 0 50%/1em 1em;font-size:max(8px,.8em);font-weight:700;letter-spacing:.14em;line-height:1;color:#fff;text-align:center;white-space:nowrap;text-decoration:none;text-shadow:0 1px 2px rgba(0,0,0,.9),0 0 1px rgb(0,0,0);opacity:1;cursor:pointer;z-index:3}
.site-header.has-photo #uni-switch.sec-switch .uk-ai-kicker{text-shadow:0 0 2px rgba(10,16,30,.95),0 0 6px rgba(10,16,30,.85),0 1px 2px rgba(10,16,30,.9)}
#uni-switch.sec-switch .uk-ai-kicker:hover{color:#fff;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}
#uni-switch.sec-switch .uk-ai-kicker:focus-visible{outline:2px solid #fff;outline-offset:2px;border-radius:2px;box-shadow:0 0 0 4px rgb(0,0,0)}
/* 3 equal columns on phones as on Business and Universities; the lozenge still ends at its last pill */
@media (max-width:700px){#uni-switch.sec-switch.has-kicker-link,.header-credit #uni-switch.sec-switch.has-kicker-link{grid-template-columns:repeat(3,minmax(0,1fr))!important;width:max-content;max-width:100%}}