/* Publicly network frame: the bar above every page, the footer below it and the "on other Publicly
   sites" links. Identical on every Publicly site; the site's own accent (--accent) is the one thing
   that changes. Source of truth: F:\Publicly\network (DESIGN.md). Don't edit the copy in a site. */
@font-face{font-family:"Atkinson Next";src:url("/_publicly/atkinson-next-latin-wght.woff2") format("woff2");font-weight:200 800;font-display:swap}
:root{
  --pn-ink:#161d29; --pn-paper:#e8ebf0; --pn-soft:#a3abb8; --pn-line:#2c333f;
  --pn-font:"Atkinson Next",system-ui,-apple-system,"Segoe UI",sans-serif;
  --pn-max:var(--page-max,1240px); --pn-gutter:var(--page-gutter,20px);
}
[style*="--c:"]{--k:var(--c)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--pn-ink:#07090d}:root:not([data-theme="light"]) [style*="--c:"]{--k:var(--cd)}}
:root[data-theme="dark"]{--pn-ink:#07090d}
:root[data-theme="dark"] [style*="--c:"]{--k:var(--cd)}

.pn-in{max-width:var(--pn-max);margin:0 auto;padding-inline:var(--pn-gutter)}
@media (max-width:640px){.pn-in{padding-inline:16px}}

/* The bar: Publicly's ink strip with the site's accent as its lower edge. */
.pn-bar{position:relative;z-index:20;background:var(--pn-ink);color:var(--pn-paper);border-bottom:3px solid var(--accent,#2440c7);
  font:500 0.875rem/1.4 var(--pn-font)}
.pn-bar .pn-in{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:40px}
.pn-bar a{color:inherit}
.pn-home{display:inline-flex;align-items:center;gap:8px;padding-block:8px;font-weight:800;font-size:1rem;letter-spacing:-0.02em;text-decoration:none}
.pn-home svg{width:16px;height:16px;flex:none}
.pn-home:hover{text-decoration:underline;text-underline-offset:0.2em}
.pn-sites{position:static}
.pn-sites>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:8px 2px;color:var(--pn-paper)}
.pn-sites>summary::-webkit-details-marker{display:none}
.pn-sites>summary svg{width:12px;height:12px;transition:transform .2s}
.pn-sites[open]>summary svg{transform:rotate(180deg)}
.pn-sites>summary:hover{text-decoration:underline;text-underline-offset:0.2em}
.pn-bar :focus-visible{outline:2px solid var(--pn-paper);outline-offset:2px}
.pn-panel{position:absolute;left:0;right:0;top:100%;margin-top:3px;background:var(--pn-ink);border-bottom:1px solid var(--pn-line);box-shadow:0 12px 24px rgb(0 0 0 / .25)}
.pn-panel ul{list-style:none;margin:0 auto;padding:8px var(--pn-gutter) 16px;max-width:var(--pn-max);display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:4px 24px}
.pn-panel a{display:block;padding:10px 0 10px 14px;border-left:3px solid var(--cd);text-decoration:none}
.pn-panel a:hover b{text-decoration:underline;text-underline-offset:0.2em}
.pn-panel b{display:block;font-weight:700;color:var(--pn-paper)}
.pn-panel span{display:block;color:var(--pn-soft);font-weight:400}
.pn-panel [aria-current] b::after{content:" (this site)";font-weight:400;color:var(--pn-soft)}
.pn-panel .pn-all{--cd:transparent}
@media (max-width:640px){.pn-panel ul{padding-inline:16px}}

/* Footer: who runs the site and what else exists. */
.pn-foot{margin-top:0;padding-block:24px 40px;border-top:1px solid var(--line,#cdd2da);color:var(--muted,#4a5363);font:0.875rem/1.55 var(--pn-font)}
.pn-foot .pn-in{display:grid;gap:12px 48px}
@media (min-width:800px){.pn-foot .pn-in{grid-template-columns:minmax(0,26rem) minmax(0,1fr)}}
.pn-foot p{margin:0;max-width:none}
.pn-foot .pn-home{color:var(--ink,#161d29);padding-block:4px}
.pn-foot a:not(.pn-home){color:var(--ink,#161d29);padding-block:4px;display:inline-block}
.pn-foot ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:2px 24px}
.pn-foot li a{border-left:3px solid var(--k);padding-left:10px}

/* Links to the same department on the other Publicly sites. */
.pn-cross{margin:32px 0 0;padding:16px 18px;border:1px solid var(--line,#cdd2da);border-radius:var(--r,6px);background:var(--surface,transparent)}
.pn-cross h2{font-size:1rem;margin:0 0 8px}
.pn-cross ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:8px 24px}
.pn-cross li{border-left:3px solid var(--k);padding-left:10px}
.pn-cross a{display:inline-block;padding-block:4px;color:var(--ink,#161d29);font-weight:600}
.pn-cross span{display:block;color:var(--muted,#4a5363);font-size:0.875rem}

@media (prefers-reduced-motion:reduce){.pn-sites>summary svg{transition:none}}
@media print{.pn-bar,.pn-cross{display:none}}