/* Look F: public service. Plain, accessible, square. Loaded after app.css and dlts.css, so it has the last word. */
:root{
  --paper:#FFFFFF; --ink:#0B0C0C; --red:#1D70B8; --grey:#505A5F; --line:#B1B4B6; --surface:#F3F2F1; --surface2:#E8E7E5; --raise:#FFFFFF; --tint:#E8F1F8;
  --green:#00703C; --amber:#8A5300; --focus:#FFDD00; --blue-dark:#003078; --r-sm:0; --r:0; --r-lg:0; --r-xl:0; --shadow:none;
}
:root[data-theme="dark"],:root[data-theme="midnight"]{--paper:#111315;--ink:#F3F2F1;--red:#5694CA;--grey:#B1B4B6;--line:#505A5F;--surface:#1D2023;--surface2:#26292C;--raise:#1D2023;--tint:#1B2C3D;--blue-dark:#2B5F8F}
:root[data-theme="contrast"]{--red:#0B0C0C;--line:#0B0C0C;--grey:#0B0C0C;--tint:#FFF7BF}
body,button,input,select,textarea,h1,h2,h3,.h-display,.kpi>b,.h-serif,.wordmark,.ln-n,.steps .n,.kpi-inline b{font-family:'Noto Sans','Helvetica Neue',Arial,sans-serif}
html[data-font="easy"] body,html[data-font="easy"] button,html[data-font="easy"] input{font-family:'Atkinson Hyperlegible',Verdana,sans-serif}
html[data-font="dyslexia"] body,html[data-font="dyslexia"] button,html[data-font="dyslexia"] input{font-family:'Lexend',Verdana,sans-serif}
body{background:var(--paper);color:var(--ink);margin:0;font-size:16px}
h1,.h-display,h1.h-display{font-weight:700;font-size:36px;line-height:1.15;letter-spacing:0;margin:0}h2{font-weight:700;letter-spacing:0}
a{color:var(--red);text-underline-offset:3px}a:hover{color:var(--blue-dark)}
:focus-visible{outline:3px solid var(--focus)!important;outline-offset:0;box-shadow:0 4px 0 var(--ink)!important}
.skip{position:absolute;left:-9999px;top:0;padding:10px 16px;background:var(--focus);color:var(--ink);font-weight:700;z-index:1000}.skip:focus{left:10px}

/* ---- the shell: black header with the blue rule, one row of sections, a second row only inside Coordinate / Build / Admin ---- */
.gv-w{max-width:1200px;margin:0 auto;padding:0 32px}
.gv-head{background:#0B0C0C;border-bottom:10px solid #1D70B8}.gv-head-in{display:flex;align-items:center;gap:24px;min-height:60px}
.gv-brand{color:#FFFFFF;font-weight:700;font-size:22px;text-decoration:none}.gv-brand:hover{color:#FFFFFF;text-decoration:underline;text-decoration-thickness:3px}
.gv-user{margin-left:auto;display:flex;align-items:center;gap:18px;font-size:16px}.gv-user a{color:#FFFFFF;font-weight:700;text-decoration:none}.gv-user a span{font-weight:400;color:#DADADA}.gv-user a:hover{text-decoration:underline}
.gv-signout{background:none;border:0;padding:0;color:#FFFFFF;font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.gv-nav{background:var(--paper);border-bottom:1px solid var(--line)}.gv-nav .gv-w{display:flex;gap:26px;align-items:center;flex-wrap:wrap;min-height:54px}
.gv-nav a,.gv-sub a{color:var(--red);font-weight:700;text-decoration:none;padding:15px 0 12px;border-bottom:4px solid transparent;display:inline-flex;gap:6px;align-items:center}
.gv-nav a:hover,.gv-sub a:hover{text-decoration:underline;text-decoration-thickness:3px}.gv-nav a.on,.gv-sub a.on{color:var(--ink);border-bottom-color:var(--red)}
.gv-sep{width:1px;height:24px;background:var(--line)}
.gv-sub{background:var(--surface);border-bottom:1px solid var(--line)}.gv-sub .gv-w{display:flex;gap:22px;flex-wrap:wrap}.gv-sub a{font-size:15px;padding:12px 0 9px}
.gv-main{padding:36px 0 64px;min-height:60vh}.gv-main .wrap{max-width:none;margin:0;padding:0}
.gv-foot{border-top:10px solid #1D70B8;background:var(--surface);padding:24px 0;font-size:14px;color:var(--grey)}.gv-foot .gv-w{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.nav-badge{background:#D4351C;color:#FFFFFF;border-radius:999px!important;font-size:12px;min-width:20px;height:20px;display:inline-grid;place-items:center;padding:0 6px}
.flash{position:static;max-width:none;margin:0 0 24px;background:var(--paper);color:var(--ink);border:5px solid var(--green);border-radius:0;padding:16px 20px;box-shadow:none}
.budget-warn{border-left:10px solid #D4351C;background:var(--paper);padding:12px 16px;margin-bottom:24px}

/* ---- buttons, inputs, panels: square, plain ---- */
.gv-main *:not(.nav-badge):not(.vx-play):not(.vb-rec):not(.vb-av):not(.vx-dot i):not(.vb-li i):not(.ring):not(svg *){border-radius:0}
.btn{border-radius:0!important;font-weight:700;font-size:16px;padding:9px 16px 7px;border:2px solid transparent;box-shadow:0 2px 0 var(--blue-dark);letter-spacing:0}
.btn-ink,.btn-red{background:var(--red)!important;border-color:var(--red)!important;color:#FFFFFF!important}.btn-ink:hover,.btn-red:hover{background:var(--blue-dark)!important;border-color:var(--blue-dark)!important}
.btn-outline,.btn-ghost{background:var(--surface)!important;color:var(--ink)!important;border-color:var(--surface)!important;box-shadow:0 2px 0 #929191}.btn-outline:hover{background:#DBDAD9!important}
.btn.small{font-size:14px;padding:5px 12px 4px}
input:not([type=checkbox]):not([type=radio]),select,textarea{border:2px solid var(--ink)!important;border-radius:0!important;font-size:16px}
.panel,.kpi,.table,.gv-main section.panel{border:1px solid var(--line);background:var(--paper)}.panel{padding:24px}
.chip{border-radius:0;font-weight:700;letter-spacing:.02em;text-transform:uppercase;font-size:12px;padding:4px 8px}
.chip.green{background:#CCE2D8;color:#005A30}.chip.amber{background:#FFF7BF;color:#594D00}.chip.navy{background:#D2E2F1;color:#0C2D4A}
.pbar{height:8px;border-radius:0!important;background:var(--surface)}.pbar i{background:var(--red)}
.eyebrow{font-size:14px;letter-spacing:0;text-transform:none;font-weight:700;color:var(--grey)}
.lede{font-size:19px;color:var(--ink);line-height:1.45}
.crumbs{font-size:16px}.crumbs a{color:var(--ink);text-decoration:underline}

/* ---- My practice, look F ---- */
.pf .pf-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:26px}.pf .pf-head .lede{margin:10px 0 0;max-width:680px}
.pf .pf-search{position:relative;width:340px}.pf .pr-searchbox{display:flex;align-items:center;gap:8px;border:2px solid var(--ink);padding:0 10px;background:var(--paper)}.pf .pr-searchbox input{border:0!important;padding:10px 0;flex-grow:1;outline:none;background:transparent}
.pf .pr-found{position:absolute;left:0;right:0;top:100%;z-index:20;background:var(--paper);border:2px solid var(--ink);border-top:0;list-style:none;margin:0;padding:0}.pf .pr-found a{display:block;padding:10px 12px;text-decoration:none;color:var(--ink);border-top:1px solid var(--line)}.pf .pr-found a:hover{background:var(--surface)}.pf .pr-found span{display:block;font-size:14px;color:var(--grey)}
.pf-hero{background:var(--surface);padding:30px 34px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;margin-bottom:24px}.pf-hero h2{font-size:32px;margin:6px 0 8px}.pf-hero p{margin:0;font-size:19px;max-width:720px}.pf-hero .pf-btns{display:flex;flex-direction:column;gap:12px;align-items:stretch}
.pf-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-bottom:24px}.pf-kpi{border:1px solid var(--line);padding:18px 20px}.pf-kpi b{display:block;font-size:34px;line-height:1.1}.pf-kpi span{font-size:16px;color:var(--grey)}
.pf-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:34px;align-items:start}.pf-card{border:1px solid var(--line);padding:20px 22px;display:flex;flex-direction:column;gap:10px}.pf-card h2{font-size:14px;color:var(--grey);margin:0}.pf-card .t{font-size:19px;font-weight:700}.pf-card p{margin:0;color:var(--grey)}
.pf-card .done{text-decoration:line-through;color:var(--grey)}.pf-sk{display:grid;grid-template-columns:minmax(0,1fr) 46px;gap:4px 10px;font-size:15px;align-items:center}.pf-sk .pbar{grid-column:1/-1;margin-bottom:6px}.pf-sk b{text-align:right}
.pf-h2{font-size:27px;margin:0 0 16px}.pf-grp{font-size:19px;margin:22px 0 12px}
.pf-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.pf-tile{border:1px solid var(--line);border-top:5px solid var(--red);padding:16px 18px;display:flex;flex-direction:column;gap:8px;text-decoration:none;color:var(--ink)}
.pf-tile:hover{background:var(--surface)}.pf-tile b{color:var(--red);font-size:19px;text-decoration:underline;text-underline-offset:3px}.pf-tile .s{font-size:15px;color:var(--grey)}.pf-tile .n{font-size:14px;color:var(--grey);margin-top:auto}
.pf-spec{columns:3;column-gap:32px;margin:0;padding:0;list-style:none}.pf-spec li{break-inside:avoid;padding:8px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:10px}.pf-spec a{font-weight:700}.pf-spec span{color:var(--grey);font-size:15px;white-space:nowrap}
.pf-two{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:34px}.pf-ms{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px 16px;font-size:15px}.pf-ms li{display:flex;gap:8px;align-items:center;color:var(--grey)}.pf-ms li.got{color:var(--ink)}.pf-ms svg{color:var(--line)}.pf-ms li.got svg{color:var(--green)}
.pf-cert{display:grid;grid-template-columns:190px minmax(0,1fr) 70px;gap:12px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line);font-size:15px}
.pf-plan{border-left:5px solid var(--red);padding:4px 0 4px 16px;margin-top:6px}.pf-plan p{margin:4px 0 8px}.pf-plan .links{display:flex;flex-wrap:wrap;gap:8px}
@media (max-width:1000px){.pf-kpis,.pf-tiles{grid-template-columns:1fr 1fr}.pf-three,.pf-two,.pf-hero{grid-template-columns:1fr}.pf-spec{columns:1}.pf .pf-head{flex-direction:column;align-items:stretch}.pf .pf-search{width:auto}}
.pf .pr-searchbox:focus-within{outline:3px solid var(--focus);box-shadow:0 0 0 1px var(--ink) inset}.pf .pr-searchbox input:focus-visible{outline:0!important;box-shadow:none!important}
h1.h-display,.gv-main h1,.gv-main h2,.gv-main h3,.gv-main .h-display,.gv-main .kpi>b,.gv-main .kpi-inline b,.gv-main .steps .n,.gv-main .ln-n,.gv-main .h-serif,.login2-brand b,.login2-card h1,.otp-key{font-family:'Noto Sans','Helvetica Neue',Arial,sans-serif!important}

/* ---- look F: shared page patterns (two-thirds / one-third, inset text, warning text, plain tables, start button) ---- */
.gf-crumbs{display:flex;gap:8px;align-items:center;font-size:16px;margin:-14px 0 26px;color:var(--grey)}.gf-crumbs a{color:var(--ink)}
.gf-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:48px;align-items:start}
.gf-caption{display:block;font-size:19px;color:var(--grey);margin-bottom:6px}.gf .lede{margin:14px 0 22px}
.gf-inset{border-left:10px solid var(--line);padding:14px 20px;margin:0 0 26px;font-size:19px;line-height:1.45}
.gf-start{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-bottom:38px}.gf-btn-start{font-size:22px!important;padding:12px 20px 10px!important;display:inline-flex;gap:12px;align-items:center}
.gf-prog{display:flex;flex-direction:column;gap:6px;min-width:200px;color:var(--grey)}
.gf-h2{font-size:27px;margin:0 0 10px}.gf-h3{font-size:22px;margin:0 0 12px}.gf-h4{font-size:17px;margin:22px 0 8px}
.gf-table{width:100%;border-collapse:collapse;margin:12px 0 18px;font-size:17px}.gf-table th,.gf-table td{text-align:left;padding:12px 16px 12px 0;border-bottom:1px solid var(--line);vertical-align:top}
.gf-table thead th{font-size:17px;font-weight:700;color:var(--ink);letter-spacing:0;text-transform:none}.gf-table tbody th{font-weight:700}.gf-table .num{text-align:right}.gf-table .grey{color:var(--grey);font-size:16px}.gf-table .nowrap{white-space:nowrap}
.gf-steps{margin:0 0 10px;padding-left:22px;display:flex;flex-direction:column;gap:10px;font-size:17px;line-height:1.45}.gf-list{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px;font-size:16px}
.gf-warn{display:grid;grid-template-columns:36px minmax(0,1fr);gap:14px;align-items:start;margin-top:28px}.gf-warn p{margin:0;font-size:17px;line-height:1.45}
.gf-warn-i{width:34px;height:34px;border-radius:50%!important;background:var(--ink);color:var(--paper);display:grid;place-items:center;font-weight:700;font-size:26px;line-height:1}
.gf-summary{margin:0 0 26px;border-top:1px solid var(--line)}.gf-summary>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr) auto;gap:16px;padding:12px 0;border-bottom:1px solid var(--line);font-size:17px}.gf-summary dt{font-weight:700}.gf-summary dd{margin:0}
.gf-form{display:flex;flex-direction:column;gap:18px;margin-bottom:34px}.gf-form label{display:flex;flex-direction:column;gap:6px;font-weight:700;font-size:17px}.gf-form label .hint{font-weight:400;color:var(--grey);font-size:16px}
.gf-form input,.gf-form select,.gf-form textarea{padding:8px;font:inherit;font-size:17px;max-width:100%}.gf-form .btn{align-self:flex-start}
.gf-checks{display:flex;flex-direction:column;gap:10px;margin:0;border:0;padding:0}.gf-checks label{flex-direction:row;align-items:center;gap:12px;font-weight:400}.gf-checks input{width:28px;height:28px;accent-color:var(--ink)}
@media (max-width:1000px){.gf-row{grid-template-columns:1fr}}
.gv-linkbtn{background:none;border:0;padding:0;color:var(--red);font:inherit;font-size:16px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.gv-linkbtn:hover{color:var(--blue-dark)}
.gf-chart{height:90px;display:flex;gap:4px;align-items:flex-end;margin:0 0 8px;border-bottom:2px solid var(--ink)}.gf-chart .wb-bar{flex:1;background:var(--red)}
.gf-one3 .wb-mine{list-style:none;padding:0;margin:-18px 0 30px;font-size:16px}.gf-one3 .wb-mine li{padding:6px 0;border-bottom:1px solid var(--line)}
.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* ---- the two-minute lessons in look F: flowing content, not boxes ---- */
.ln2 .two-col{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:48px}.ln2 .crumbs{margin:-14px 0 26px}.ln2 .crumbs span:last-child{font-weight:400}
.ln2 article.stack{gap:0}.ln2 article .panel{border:0;padding:0;margin:0 0 34px;background:transparent}.ln2 article .panel h2,.ln2 .ln-check h2{font-size:27px}
.ln2 .ln-head{margin-bottom:30px}.ln2 .ln-head .eyebrow{font-size:19px;font-weight:400}.ln2 .ln-head h1{font-size:40px;margin:4px 0 10px}.ln2 .ln-head .lede{font-size:19px;max-width:none}
.ln2 .quote{border-left:10px solid var(--line);background:transparent;padding:14px 20px;font-size:19px;border-radius:0}
.ln2 .steps{font-size:19px;gap:12px}.ln2 .steps .n{color:var(--ink)}
.ln2 .ln-ex-l{background:transparent;border-bottom:1px solid var(--line);padding:12px 0;border-radius:0;font-size:18px;grid-template-columns:120px minmax(0,1fr)}.ln2 .ln-ex-l.you{background:transparent}.ln2 .ln-ex-l.you span:last-child{font-weight:700}
.ln2 .ln-who{font-size:16px;letter-spacing:0;text-transform:none;color:var(--grey)}.ln2 .ln-ex-l.you .ln-who{color:var(--ink)}
.ln2 .ln-say li{font-size:18px;padding:12px 0}.ln2 .ln-avoid{font-size:18px}.ln2 .ln-wi b{font-size:18px}.ln2 .ln-wi p{font-size:17px}
.ln2 article .two-col.even{grid-template-columns:1fr 1fr;gap:32px}
.ln2 .ln-check{border:0;padding:0;background:transparent}.ln2 .ln-q{border:0;border-left:5px solid var(--line);padding:4px 0 4px 18px;margin:0 0 22px;background:transparent}.ln2 .ln-q legend{font-size:19px;padding:0;margin-bottom:8px}
.ln2 .ln-opt{font-size:18px;padding:6px 0}.ln2 .ln-opt input{width:26px;height:26px;accent-color:var(--ink)}.ln2 .ln-q.right{border-left-color:var(--green);background:transparent}.ln2 .ln-q.wrong{border-left-color:#D4351C;background:transparent}
.ln2 .ln-why{border-left:0;background:transparent;padding:0;font-size:17px}
.ln2 aside .panel{border:0;border-top:2px solid var(--red);padding:16px 0 0;background:transparent}.ln2 aside .eyebrow{font-size:19px;color:var(--ink)}
.ln2 .ln-toc{padding-left:22px;font-size:17px}.ln2 .ln-toc li.on a{color:var(--ink);text-decoration:none;font-weight:700}
.ln2 .pg-head h1{font-size:40px}.ln2 .pg-head .lede{font-size:19px;max-width:760px}.ln2 .table{border:0}.ln2 .thead{background:transparent;border-bottom:1px solid var(--line);font-size:17px;letter-spacing:0;text-transform:none;color:var(--ink);padding:10px 0}
.ln2 .trow{padding:14px 0;font-size:17px}.ln2 .trow:hover{background:transparent}.ln2 .trow b{color:var(--red);text-decoration:underline;text-underline-offset:3px}
.gf-table th,.gf-table tbody th,.gf-table thead th{font-size:17px!important;letter-spacing:0!important;text-transform:none!important;color:var(--ink)}.gf-table tbody th a{color:var(--red)}
.gf-table tbody th{white-space:nowrap}.gf-one3 .wb-mine{margin:0 0 30px}
.ln2 aside .panel p.small,.ln2 aside .small{font-size:16px!important;line-height:1.5}
/* ---- departments ---- */
.dept-sw{display:inline-block;width:10px;height:10px;border-radius:50%!important;margin-right:5px;vertical-align:middle}.dept-sw.big{width:18px;height:18px;flex-shrink:0;margin:3px 0 0}
.dp-row{grid-template-columns:320px minmax(0,1fr)}.dp-list{display:flex;flex-direction:column;gap:6px}.dp-list .btn{align-self:flex-start;margin-bottom:10px}
.dp-item{display:flex;gap:12px;padding:12px 10px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}.dp-item:hover{background:var(--surface)}.dp-item.on{background:var(--surface);box-shadow:inset 5px 0 0 var(--red)}
.dp-item span{display:flex;flex-direction:column}.dp-item b{color:var(--red);text-decoration:underline}.dp-item small{color:var(--grey);font-size:14px;line-height:1.4}
.dp-top{display:grid;grid-template-columns:minmax(0,2fr) 160px minmax(0,1fr);gap:20px;align-items:end}.dp-colour{height:44px;width:100%;padding:2px!important;cursor:pointer}
.hint-p{margin:-8px 0 0;color:var(--grey)}.dp-count{margin:0;font-weight:700}
.dp-group{border:0;border-top:2px solid var(--ink);padding:10px 0 0;margin:0}.dp-group legend{font-weight:700;font-size:19px;padding:0 10px 0 0}
.dp-svc{border-bottom:1px solid var(--line);padding:8px 0}.dp-svc details summary{cursor:pointer;color:var(--red);font-size:15px;margin:4px 0 0 40px;text-decoration:underline}
.dp-callers,.dp-scenes{display:grid;grid-template-columns:1fr 1fr;gap:4px 20px;padding:8px 0 8px 40px}.dp-scenes{padding-left:0}
.dp-check{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:12px;font-weight:400!important;cursor:pointer}.dp-check input{width:26px;height:26px;flex-shrink:0;accent-color:var(--ink);margin:0}.dp-check.small{font-size:15px!important}.dp-check.small input{width:22px;height:22px}
.dp-check input:disabled+span{color:var(--grey)}.dp-save{display:flex;gap:20px;align-items:center;margin-top:10px;position:sticky;bottom:0;background:var(--paper);padding:14px 0;border-top:1px solid var(--line)}
/* ---- department themes: the header, page and lettering for each kind of organisation; the colour comes from the department ---- */
.gv-dept{color:#DADADA;font-size:16px;border-left:1px solid #6F777B;padding-left:16px}
html[data-look] .gv-head{border-bottom-color:var(--dept)}html[data-look] .gv-foot{border-top-color:var(--dept)}
html[data-look] a:hover{color:color-mix(in srgb,var(--dept) 70%,#000)}html[data-look] .btn-ink:hover,html[data-look] .btn-red:hover{background:color-mix(in srgb,var(--dept) 75%,#000)!important;border-color:color-mix(in srgb,var(--dept) 75%,#000)!important}
html[data-look] .btn{box-shadow:0 2px 0 color-mix(in srgb,var(--dept) 55%,#000)}html[data-look] .btn-outline{box-shadow:0 2px 0 #929191}
html[data-look="health"]{--paper:#FFFFFF;--surface:#F0F4F5;--line:#AEB7BD;--ink:#212B32;--grey:#4C6272}
html[data-look="health"] body{background:#F0F4F5}html[data-look="health"] .gv-head{background:var(--dept);border-bottom:0}html[data-look="health"] .gv-dept{color:#FFFFFF;border-left-color:rgba(255,255,255,.4)}
html[data-look="health"] .gv-main{background:#F0F4F5}html[data-look="health"] .gv-nav{background:#FFFFFF}
html[data-look="police"] .gv-head{background:#0B2A5B;border-bottom:0}html[data-look="police"] .gv-head::after{content:"";display:block;height:14px;background-color:#0B2A5B;background-image:linear-gradient(45deg,#FFF 25%,transparent 25%,transparent 75%,#FFF 75%),linear-gradient(45deg,#FFF 25%,transparent 25%,transparent 75%,#FFF 75%);background-size:14px 14px;background-position:0 0,7px 7px}
html[data-look="police"] body,html[data-look="police"] button,html[data-look="police"] input,html[data-look="police"] select,html[data-look="police"] .gv-main h1,html[data-look="police"] .gv-main h2,html[data-look="police"] .gv-main h3{font-family:'IBM Plex Sans','Noto Sans',Arial,sans-serif!important}
html[data-look="crisis"]{--paper:#FAF7F2;--surface:#F1ECE4;--line:#D5CCBF;--ink:#1F2A2C;--grey:#566466}html[data-look="crisis"] body{background:#FAF7F2}
html[data-look="crisis"] .gv-head{background:#0F4C52}html[data-look="crisis"] .gv-nav{background:#FAF7F2}
html[data-look="crisis"] body,html[data-look="crisis"] button,html[data-look="crisis"] input,html[data-look="crisis"] select,html[data-look="crisis"] .gv-main h1,html[data-look="crisis"] .gv-main h2,html[data-look="crisis"] .gv-main h3{font-family:'Nunito Sans','Noto Sans',Arial,sans-serif!important}
html[data-look="night"]{--paper:#0D1117;--surface:#161B22;--line:#30363D;--ink:#E6EDF3;--grey:#9DA7B3;--raise:#161B22;--tint:#1B2A3F}html[data-look="night"] body{background:#0D1117;color:#E6EDF3}
html[data-look="night"] .gv-head{background:#05070A}html[data-look="night"] .gv-nav a.on,html[data-look="night"] .gv-sub a.on{color:#E6EDF3}html[data-look="night"] input:not([type=checkbox]):not([type=radio]),html[data-look="night"] select,html[data-look="night"] textarea{background:#161B22;color:#E6EDF3;border-color:#9DA7B3!important}
html[data-look="night"] .pf-tile:hover,html[data-look="night"] .dp-item:hover{background:#161B22}
.ac-note{margin:0;padding:10px 14px;border-left:5px solid var(--line);font-size:16px}
.ln2 article .ln-work{border-left:5px solid var(--red)!important;padding:4px 0 4px 20px!important}.ln2 .ln-work .lede{font-size:19px}
/* ---- the word lists: a full-width data screen, not squeezed into the page column ---- */
.gv-main .gv-w:has(.wl){max-width:1680px}
.gv-main .wl{margin:0;padding:0;gap:32px;grid-template-columns:280px minmax(0,1fr);min-height:0}
.gv-main .wl-main{padding:0}.gv-main .wl-side{padding:18px 16px}
.gv-main .wl-table{border:1px solid var(--line);border-radius:0;margin-top:16px}
.gv-main .wl-row{gap:18px;padding:12px 18px}
.gv-main .wl-cards .wl-row{grid-template-columns:minmax(170px,1.1fr) 130px minmax(280px,3.2fr) 130px 108px}
.gv-main .wl-cards .wl-row>*:nth-child(3){line-height:1.5}
.wl-find{border:2px solid var(--ink)!important;background:var(--paper)!important}.wl-find input{border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;padding:8px 4px!important}
.wl-find:focus-within{outline:3px solid var(--focus)}
@media (max-width:1100px){.gv-main .wl{grid-template-columns:1fr}.gv-main .wl-cards .wl-row{grid-template-columns:1fr 1fr}}
body:has(.wl) .gv-w{max-width:1680px}
.wl-find input:not([type=checkbox]):not([type=radio]){border:0!important;outline:0!important;box-shadow:none!important}
.gv-main .wl-cards .wl-row{grid-template-columns:minmax(170px,1.1fr) 130px minmax(280px,3.2fr) 130px 156px}
.gv-main .wl-row>*:last-child{display:flex;gap:6px;justify-content:flex-end}.gv-main .wl-row>*:last-child>*{flex-shrink:0}
.wl-table.wl-lines{max-height:none;overflow:visible;display:block;padding:0;gap:0;margin-top:16px;border:1px solid var(--line);border-radius:0}
.wl-table.wl-words{display:block;padding:0;flex-wrap:nowrap}.wl-table .wl-words{padding:14px 16px}
.dp-lrow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) auto;gap:14px;align-items:end;padding:10px 0;border-bottom:1px solid var(--line)}.dp-lrow textarea{min-height:44px}
fieldset.dp-group>.btn{margin-top:10px}
.wl-dept{display:flex;align-items:center;gap:14px;flex-wrap:wrap;border-left:5px solid var(--line);padding:8px 14px;margin:14px 0 4px}.wl-dept p{margin:0;flex:1;min-width:280px}.wl-dept label{display:flex;gap:8px;align-items:center;font-weight:700;font-size:15px}
.wl-plus{display:inline-block;margin-left:6px;font-size:12px;font-weight:700;background:#D2E2F1;color:#0C2D4A;padding:1px 6px;white-space:nowrap}
.wl-deptlines{margin-top:18px}.wl-deptlines .gf-table{margin-bottom:24px}
.dp-ai{background:var(--surface);padding:18px 20px;display:flex;flex-direction:column;gap:12px;margin-bottom:8px}
.gv-head .gv-w{padding-right:max(32px,72px - (100vw - 100%) / 2)}.gv-head-in{padding-right:0}@media (max-width:1400px){.gv-head .gv-w{padding-right:72px}}body:has(.wl) .gv-head .gv-w{padding-right:72px}
.ac-access{margin:8px 0 0}
/* ---- customers ---- */
.cu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 22px}.cu-new{margin-top:34px;border-top:2px solid var(--ink);padding-top:10px}
.cu-name{display:flex;align-items:center;gap:10px}.cu-logo{width:28px;height:28px;object-fit:contain;border-radius:0}.cu-logo.big{width:56px;height:56px}
.cu-head{display:flex;align-items:center;gap:16px;margin-bottom:18px}.cu-own{display:flex;gap:14px;align-items:flex-end;margin-top:18px;flex-wrap:wrap}.cu-own label{display:flex;flex-direction:column;gap:6px;font-weight:700;flex:1;min-width:280px}
.gv-dept img{height:26px;width:auto;vertical-align:middle;margin-right:8px;background:#FFFFFF;padding:2px}
@media (max-width:1000px){.cu-grid{grid-template-columns:1fr}}
/* ---- competencies and the compliance report ---- */
.chip.red{background:#F4CDC6;color:#942514}.chip.blue{background:#D2E2F1;color:#0C2D4A}.chip.grey{background:#E5E6E7;color:#383F43}
.ac-comps{font-size:15px;margin:14px 0}.ac-comps th,.ac-comps td{padding:7px 10px 7px 0}.ac-checks{list-style:none;margin:10px 0;padding:0;font-size:15px}.ac-checks li{padding:4px 0}.ac-checks li.met b{color:#00703C}.ac-checks li.unmet b{color:#942514}
.rp-wide{overflow-x:auto}.rp-matrix{font-size:14px}.rp-matrix thead th{font-size:14px!important;vertical-align:bottom}.rp-matrix td,.rp-matrix th{padding:8px 10px 8px 0}
.rp-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:26px}.pg-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
@media print{.gv-head,.gv-nav,.gv-sub,.gv-foot,.no-print,#hfal-settings,.skip{display:none!important}.gv-main{padding:0}.gv-w{max-width:none;padding:0}.chip{border:1px solid #999}body{font-size:12pt}.rp-three{grid-template-columns:1fr 1fr 1fr}}
@media (max-width:1000px){.rp-three{grid-template-columns:1fr}}
.em-body{white-space:pre-wrap;font:inherit;font-size:14px;background:var(--surface);padding:10px;margin:6px 0 0}
.sc-joinbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:0 0 18px;padding:12px 16px;background:var(--surface)}.sc-joinbar label{display:flex;gap:10px;align-items:center;font-weight:700}
.sc-tabsnav{display:flex;gap:26px;border-bottom:1px solid var(--line);margin:0 0 22px}.sc-tabsnav a{padding:10px 0 8px;font-weight:700;text-decoration:none;color:var(--red);border-bottom:4px solid transparent}
.sc-tabsnav a.on{color:var(--ink);border-bottom-color:var(--red)}.sc-tabsnav a:hover{text-decoration:underline}
.sp-find{display:flex;gap:12px;align-items:center;margin-bottom:10px}.sp-find label{display:flex;gap:10px;align-items:center;font-weight:700}.sp-pages{display:flex;gap:20px;justify-content:center;margin-top:18px}
/* ---- the lesson's views ---- */
.ln-open{border:3px solid var(--ink);padding:24px 28px;display:flex;flex-direction:column;gap:14px;margin-bottom:26px}.ln-open.seen{border-width:1px;border-color:var(--line)}
.ln-open-k{font-weight:700;color:var(--grey);font-size:16px}.ln-open blockquote{margin:0;font-size:26px;line-height:1.3;font-weight:700}.ln-open blockquote span{display:block;font-size:15px;font-weight:700;color:var(--grey);margin-bottom:4px}
.ln-open h2{margin:0;font-size:19px}.ln-open-opts{display:flex;flex-direction:column;gap:10px}
.ln-open-o{display:flex;gap:14px;align-items:flex-start;text-align:left;font:inherit;font-size:18px;padding:14px 16px;background:var(--paper);color:var(--ink);border:2px solid var(--ink);cursor:pointer}
.ln-open-o:hover:not(:disabled){background:var(--surface)}.ln-open-o b{min-width:22px}.ln-open-o.right{border:3px solid var(--green);background:#E6F2EB}.ln-open-o.wrong{border:3px solid #D4351C;background:#FDECEA}.ln-open-o:disabled{cursor:default;color:var(--ink)}
.ln-open-fb{border-left:10px solid var(--line);padding:12px 16px;font-size:18px}.ln-open-fb.right{border-left-color:var(--green)}.ln-open-fb.wrong{border-left-color:#D4351C}.ln-open-skip{align-self:flex-start}
.ln-views{display:flex;gap:0;border-bottom:1px solid var(--line);margin-bottom:22px;flex-wrap:wrap}.ln-views button{font:inherit;font-weight:700;background:none;border:0;border-bottom:4px solid transparent;color:var(--red);padding:10px 16px 8px;cursor:pointer}
.ln-views button.on{color:var(--ink);border-bottom-color:var(--red)}.ln-views button:hover{text-decoration:underline}
.ln-player{display:flex;gap:14px;align-items:center;flex-wrap:wrap;background:var(--ink);color:#FFFFFF;padding:16px 20px;margin-bottom:22px}.ln-player .grey{color:#DADADA!important}.ln-player .btn-outline{background:transparent!important;color:#FFFFFF!important;border:2px solid #FFFFFF!important;box-shadow:none}
.ln-stepbar{display:flex;align-items:center;gap:14px;margin-bottom:18px;font-weight:700}.ln-stepbar .pbar{flex:1;height:10px}.ln-stepbar .pbar i{display:block;height:10px;background:var(--red)}
.v-steps [data-step]:not(.cur){display:none!important}.v-steps .ln-open{display:none}.ln-stepnav{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px;margin-top:10px}.ln-stepnav[hidden]{display:none}
.v-card [data-step],.v-card .ln-open{display:none!important}
.v-listen [data-step].speaking{box-shadow:inset 6px 0 0 #FFDD00;background:#FFFCE6!important;padding-left:18px!important}
.ln-card{display:flex;flex-direction:column;gap:18px}.ln-card-top h2{margin:4px 0 0;font-size:32px}.ln-card-key{margin:0;background:var(--ink);color:#FFFFFF;padding:18px 22px;font-size:22px;font-weight:700;line-height:1.3}
.ln-card-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.ln-card-cols h3,.ln-card-two h3{margin:0 0 8px;font-size:19px;padding-top:10px}.ln-card-cols ul{margin:0;padding-left:18px;font-size:16px}.ln-card-cols li{padding:5px 0}
.c-do h3{border-top:6px solid var(--green)}.c-say h3{border-top:6px solid var(--red)}.c-avoid h3{border-top:6px solid #D4351C}
.ln-card-two{display:grid;grid-template-columns:3fr 2fr;gap:24px}.ln-bub{margin:0 0 8px;padding:10px 14px;background:var(--surface);max-width:85%;font-size:16px}.ln-bub.you{margin-left:auto;background:var(--red);color:#FFFFFF}.ln-bub span{display:block;font-size:12px;font-weight:700;opacity:.85}
.ln-wicard{background:var(--surface);padding:12px 14px;margin-bottom:10px;font-size:15px}.ln-wicard b{display:block;margin-bottom:4px}
.ln-onpage ol{margin:6px 0 0;padding-left:20px;font-size:16px}.ln-onpage li{padding:3px 0}.ln-strip{display:flex;gap:4px;margin:8px 0 4px}.ln-strip a{flex:1;height:10px;background:var(--line)}.ln-strip a.done{background:var(--green)}.ln-strip a.on{background:var(--red)}
@media (max-width:700px){.ln-card-cols,.ln-card-two{grid-template-columns:1fr}.ln-open blockquote{font-size:21px}}
@media print{.ln2 aside,.ln-views,.ln-open,.ln-player,.ln-stepbar,.ln-stepnav,.gf-crumbs,.ln2 .crumbs,.no-print{display:none!important}.ln2 .two-col{display:block}.ln-card{page-break-inside:avoid}.ln-card-key{border:2px solid #000}}
.ln-player[hidden],.ln-stepbar[hidden],.ln-card[hidden],.ln-open[hidden],.ln-open-fb[hidden]{display:none!important}
.v-steps:not(.last-step) .ln-foot{display:none!important}.v-card .ln-foot{display:none!important}
/* ---- My practice: next up, then the sector's layout ---- */
.mp-kicker{display:block;font-size:19px;color:var(--grey);margin-bottom:4px}
.mp-next{background:#0B0C0C;color:#FFFFFF;padding:26px 30px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:26px;align-items:center;margin:0 0 26px}
.mp-next-k{font-size:14px;font-weight:700;color:#DADADA;text-transform:uppercase;letter-spacing:.04em}.mp-next h2{margin:6px 0 8px;font-size:30px;color:#FFFFFF}.mp-next p{margin:0;font-size:18px;color:#F3F2F1}
.mp-next-go{display:flex;flex-direction:column;gap:10px;align-items:stretch}.mp-next-btn{background:#FFFFFF;color:#0B0C0C!important;text-decoration:none;font-weight:700;font-size:19px;padding:12px 24px;text-align:center}
.mp-next-btn:hover{background:#F3F2F1}.mp-next-alt{color:#FFFFFF!important;font-weight:700;text-align:center}
.mp-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:40px;align-items:start;margin-bottom:34px}.mp-main{display:flex;flex-direction:column;gap:28px}
.mp-sec-h{display:flex;justify-content:space-between;align-items:baseline;gap:14px;margin-bottom:10px}.mp-sec-h h2{margin:0;font-size:24px}.mp-sec-h span{color:var(--grey);font-size:15px}
.mp-stops{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.mp-stop{display:grid;grid-template-columns:44px minmax(0,1fr) auto 70px;gap:14px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);position:relative}
.mp-dot{width:36px;height:36px;border-radius:50%!important;display:grid;place-items:center;font-weight:700;border:3px solid var(--line);background:var(--paper);color:var(--grey)}
.mp-stop.done .mp-dot{background:var(--green);border-color:var(--green);color:#FFFFFF}.mp-stop.ready .mp-dot{border-color:var(--red);color:var(--red)}.mp-stop.here .mp-dot{background:var(--red);border-color:var(--red);color:#FFFFFF}
.mp-stop.late .mp-dot{border-color:#D4351C;color:#D4351C}.mp-stop.here{background:var(--surface);padding-left:10px;padding-right:10px}.mp-stop.todo b{color:var(--grey);font-weight:400}.mp-ev{color:var(--grey);font-size:14px;text-align:right}
.mp-todo{list-style:none;margin:0;padding:0}.mp-todo li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}
.mp-todo li span:first-child{display:block;font-size:14px;color:var(--grey)}.mp-todo li b{display:block;font-size:17px}
.mp-chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}.mp-chips>div{display:grid;grid-template-columns:minmax(0,1fr) auto 60px;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line);font-size:15px}
.mp-side{display:flex;flex-direction:column;gap:18px}.mp-box{border-top:5px solid var(--red);padding-top:10px}.mp-box.dark{border-top-color:var(--ink)}.mp-box h2{margin:0 0 8px;font-size:19px}.mp-box p{margin:0;font-size:16px}
.mp-box dl{margin:0;font-size:16px}.mp-box dl div{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px solid var(--line)}.mp-box dd{margin:0;font-weight:700}
.mp-read{background:var(--surface);padding:14px 16px;display:flex;flex-direction:column;gap:2px}.mp-read span{font-size:14px;color:var(--grey)}
.mp-svc a{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,2fr) 170px 16px;gap:16px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}
.mp-svc a b{color:var(--red);text-decoration:underline;text-underline-offset:3px}.mp-svc .s{color:var(--grey);font-size:15px}.mp-svc .n{font-size:13px;color:var(--grey);display:flex;flex-direction:column;gap:4px}.mp-svc a:hover{background:var(--surface)}
@media (max-width:900px){.mp-next,.mp-grid{grid-template-columns:1fr}.mp-chips{grid-template-columns:1fr}.mp-svc a{grid-template-columns:minmax(0,1fr) 110px}.mp-svc .s,.mp-svc a>span:last-child{display:none}.mp-stop{grid-template-columns:40px minmax(0,1fr) auto}.mp-ev{display:none}}
/* accessibility: the selected person on Accounts, and the count on the selected Face to face tab */
.ac-item.on{background:#E8F1F8!important;color:var(--ink)!important;box-shadow:inset 5px 0 0 var(--red)}.ac-item.on b,.ac-item.on span,.ac-item.on .ac-item-t{color:var(--ink)!important}
.sc-tab.on span{color:#FFFFFF!important;opacity:1!important}
.gf-summary .gf-act{margin:0;text-align:right}
.rq-upd{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;margin-top:8px}.rq-upd label{display:flex;flex-direction:column;font-size:14px;font-weight:700}.rq-upd input{min-width:220px}
.sc-tab.on{color:#FFFFFF!important}
.sc-tab span{opacity:1!important}.sc-tab:not(.on) span{color:#505A5F!important}

/* pages that need the whole width (the 3D scene maker) */
.gv-w.gv-full{max-width:none;padding:0}.gv-main.gv-main-full{padding:0}
.gv-hide-bleed{display:none}
/* Every page full width: the header, the menus and the page fill the screen (paragraphs keep their reading width) */
.gv-w,.gv-main .gv-w:has(.wl),body:has(.wl) .gv-w{max-width:none}
.gv-w{padding-left:clamp(16px,2.5vw,40px);padding-right:clamp(16px,2.5vw,40px)}
.wrap,.main .wrap,.co-layout,.lc-grid,.spine-top,.spine,.spine-say,#rhSummary,.call-top,.call-stage,body:has(.vx-work) .wrap{max-width:none}