/* ===================== GUIDES ===================== */
/* hub */
.gdhh .nwh-g{grid-template-columns:1fr}
.gdhh h1{font-size:clamp(54px,min(8.6vw,15vh),156px)}
.gdhh .nwh-sub{max-width:44ch}
.gd-hc a{grid-template-rows:auto auto 1fr auto auto}
.gd-hm{display:flex;flex-wrap:wrap;gap:4px 14px;font:500 11.5px/1.5 var(--m);color:var(--mut)}
.gd-hm span+span::before{content:"·";margin-right:14px;color:var(--ln)}
.gd-hs{margin-top:clamp(40px,5vw,64px)}
.gd-hs>.label{margin-bottom:12px}

/* guide hero */
.gdh{padding-bottom:clamp(60px,7vw,110px)}
.gd-tabs a{letter-spacing:.08em}
.gdh h1{margin-top:clamp(44px,5.5vw,90px);font-size:clamp(44px,min(7.2vw,13.5vh),132px);font-weight:800;letter-spacing:-.06em;line-height:.9}
.gdh h1 span{color:var(--vul)}
.gdh-g{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:30px clamp(40px,6vw,110px);align-items:start;margin-top:clamp(30px,4vw,56px);padding-top:24px;border-top:1px solid var(--ln)}
.gdh-g .nwh-sub{margin-top:0;max-width:36ch}
.gd-mt div{grid-template-columns:130px minmax(0,1fr)}
.gd-mt dd a{border-bottom:1px solid var(--vul)}

/* reading band */
.gd-b{padding-top:clamp(70px,8vw,120px)}
.gd-g{display:grid;grid-template-columns:minmax(0,248px) minmax(0,1fr);gap:40px clamp(44px,6.5vw,120px);align-items:start}
.gd-toc{position:sticky;top:112px;max-height:calc(100vh - 150px);max-height:calc(100svh - 150px);overflow:auto;border-top:1px solid var(--fg);padding-top:12px;scrollbar-width:thin}
.gd-toc ol{list-style:none;margin:12px 0 0;padding:0}
.gd-toc a{display:grid;grid-template-columns:26px minmax(0,1fr);gap:6px;padding:8px 0 8px 12px;border-left:2px solid var(--ln);font-size:14px;font-weight:600;line-height:1.3;color:var(--mut);transition:color .2s,border-color .2s}
.gd-toc a span{font:500 11px/1.65 var(--m)}
.gd-toc a:hover{color:var(--fg)}
.gd-toc a[aria-current="true"]{color:var(--fg);border-left-color:var(--vul)}
.gd-toc a[aria-current="true"] span{color:var(--ac)}
.gd-toc-m{margin-top:16px;padding-left:14px;font:500 11px/1.7 var(--m);color:var(--mut)}
.gd-a{min-width:0}
.gd-c{position:relative;padding-bottom:clamp(56px,6vw,96px)}
.gd-c+.gd-c{border-top:1px solid var(--ln);padding-top:clamp(40px,4.4vw,64px)}
.gd-anc{position:absolute;top:-80px;left:0;width:1px;height:1px;visibility:hidden;pointer-events:none}
.gd-cn{font:500 12px/1 var(--m);color:var(--ac)}
.gd-c>h2{margin-top:12px;font-size:clamp(32px,3.5vw,56px);font-weight:800;letter-spacing:-.048em;line-height:.98;max-width:18ch}
.gd-tx{display:grid;gap:1em;margin-top:26px;max-width:68ch;font-size:18px;line-height:1.66;color:color-mix(in srgb,var(--fg) 86%,var(--bg))}
.gd-tx p{margin:0}
.gd-tx b{color:var(--fg);font-weight:700}
.gd-tx a,.gd-ol a,.gd-cl a,.eg-faq .a a{border-bottom:1.5px solid var(--ac)}
.gd-ul{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.gd-ul li{position:relative;padding-left:24px}
.gd-ul li::before{content:"";position:absolute;left:0;top:.8em;width:12px;height:2px;background:var(--ac)}
.gd-lk{display:flex;flex-wrap:wrap;gap:14px 30px;margin-top:30px}
.gd-lk .eg-a{font-size:15px}
.gd-c .eg-faq{margin-top:26px}
.gd-c .nw-n{margin-top:30px}

/* source numbers */
.gd-rs{display:inline-flex;gap:3px;margin-left:5px;vertical-align:.14em;white-space:nowrap}
.gd-rf{display:inline-grid;place-items:center;min-width:17px;height:17px;padding:0 4px;font:500 10px/1 var(--m);letter-spacing:0;color:var(--ac);border:1px solid color-mix(in srgb,var(--ac) 55%,transparent);border-radius:2px;transition:background-color .2s,color .2s}
.gd-rf:hover{background:var(--ac);color:var(--bg)}
.gd-tx .gd-rf,.gd-ol .gd-rf{border-bottom:1px solid color-mix(in srgb,var(--ac) 55%,transparent)}

/* fact boxes */
.gd-fx{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:34px 0 0;border-top:2px solid var(--fg)}
.gd-fx>div{display:grid;gap:10px;align-content:start;padding:18px 20px 22px 0;border-bottom:1px solid var(--ln)}
.gd-fx>div:not(:nth-child(3n+1)){padding-left:20px;border-left:1px solid var(--ln)}
.gd-fx.f4{grid-template-columns:repeat(4,minmax(0,1fr))}
.gd-fx.f4>div:not(:nth-child(3n+1)){padding-left:0;border-left:0}
.gd-fx.f4>div:not(:nth-child(4n+1)){padding-left:20px;border-left:1px solid var(--ln)}
.gd-fx dt{font:600 10.5px/1.4 var(--f);letter-spacing:.16em;text-transform:uppercase;color:var(--ac)}
.gd-fx dd{margin:0;display:grid;gap:8px}
.gd-fx dd b{font-size:clamp(19px,1.7vw,25px);font-weight:800;letter-spacing:-.03em;line-height:1.12}
.gd-fx dd span{font-size:14.5px;line-height:1.5;color:var(--mut)}

/* callout */
.gd-co{margin:30px 0 0;max-width:72ch;padding:18px 22px 20px;border-left:4px solid var(--vul);background:color-mix(in srgb,var(--fg) 5%,transparent)}
.gd-co .label{color:var(--ac)}
.gd-co p:not(.label){margin-top:8px;font-size:16.5px;line-height:1.6}

/* roles */
.gd-rl{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:34px}
.gd-rl article{display:grid;gap:12px;align-content:start;padding:20px 22px 22px;border:1px solid var(--fg)}
.gd-rl header{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px}
.gd-rl header b{font-size:clamp(24px,2.2vw,32px);font-weight:800;letter-spacing:-.045em;line-height:1}
.gd-rl header .o{font-size:14px;font-weight:600;color:var(--mut)}
.gd-rl header .a{margin-left:auto;font:500 11px/1 var(--m);padding:5px 7px;border:1px solid var(--ln);color:var(--mut)}
.gd-rl article>p{font-size:15.5px;line-height:1.55}
.gd-rl dl{margin:0;display:grid;gap:10px;border-top:1px solid var(--ln);padding-top:12px}
.gd-rl dl div{display:grid;gap:3px}
.gd-rl dt{font:600 10px/1.4 var(--f);letter-spacing:.16em;text-transform:uppercase;color:var(--mut)}
.gd-rl dd{margin:0;font-size:14.5px;line-height:1.5;color:color-mix(in srgb,var(--fg) 86%,var(--bg))}

/* risk classes */
.gd-cl{list-style:none;margin:34px 0 0;padding:0;border-top:2px solid var(--fg)}
.gd-cl li{position:relative;display:grid;grid-template-columns:minmax(0,190px) minmax(0,1fr);gap:10px 34px;padding:24px 0 26px 22px;border-bottom:1px solid var(--ln)}
.gd-cl li::before{content:"";position:absolute;left:0;top:26px;bottom:26px;width:5px;background:var(--c)}
.gd-cl li.pro{--c:#FF4103}
.gd-cl li.hr::before{background:repeating-linear-gradient(-45deg,#FF4103 0 3px,transparent 3px 6px);box-shadow:inset 0 0 0 1px #FF4103}
.gd-cl li.tr{--c:var(--fg)}
.gd-cl li.mi{--c:#2F9E6E}
.gd-cl .h{display:grid;gap:6px;align-content:start}
.gd-cl .h b{font-size:clamp(22px,2vw,30px);font-weight:800;letter-spacing:-.04em;line-height:1}
.gd-cl .h .a{font:500 11.5px/1.3 var(--m);color:var(--mut)}
.gd-cl .h .w{font-size:13px;font-weight:700;color:var(--ac)}
.gd-cl p{max-width:68ch;font-size:16.5px;line-height:1.62;color:color-mix(in srgb,var(--fg) 86%,var(--bg))}
.gd-sub{display:block;margin-top:14px;padding:14px 16px;border:1.5px dashed var(--ln);font-size:15px;line-height:1.55}
.gd-sub b{color:var(--fg)}

/* numbered list */
.gd-ol{list-style:none;margin:30px 0 0;padding:0;border-top:1px solid var(--fg);max-width:78ch}
.gd-ol li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;padding:16px 0 18px;border-bottom:1px solid var(--ln)}
.gd-ol .n{font:500 12px/1.9 var(--m);color:var(--ac)}
.gd-ol b{font-size:clamp(18px,1.5vw,21px);font-weight:800;letter-spacing:-.025em;line-height:1.25}
.gd-ol p{margin-top:5px;font-size:16px;line-height:1.6;color:color-mix(in srgb,var(--fg) 82%,var(--bg))}

/* lane charts, drawn to scale */
.gd-ln{margin:34px 0 0;--lw:280px}
.gd-ln-h{margin-bottom:10px}
.gd-ln-b{position:relative;border-top:1px solid var(--fg)}
.gd-ln-ax{position:relative;margin-left:var(--lw);height:44px;font:500 10.5px/1 var(--m);color:var(--mut)}
.gd-ln-ax span{position:absolute;top:9px;left:calc(var(--a) * 100%);transform:translateX(-50%);white-space:nowrap}
.gd-ln-ax span.l0{transform:none}.gd-ln-ax span.l1{transform:translateX(-100%)}
.gd-ln-gr,.gd-ln-ov{position:absolute;top:0;bottom:0;left:var(--lw);right:0;pointer-events:none}
.gd-ln-gr{z-index:0}.gd-ln-ov{z-index:2}
.gd-ln-gr .g{position:absolute;top:26px;bottom:0;left:calc(var(--a) * 100%);width:1px;background:var(--ln)}
.gd-ln-gr .bd{position:absolute;top:26px;bottom:0;left:calc(var(--a) * 100%);width:max(6px,calc(var(--w) * 100%));background:color-mix(in srgb,var(--vul) 16%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--vul) 60%,transparent)}
.gd-ln-gr .dt{position:absolute;left:0;right:0;top:26px;height:8px}
.gd-ln-gr .dt i{position:absolute;top:0;height:8px;width:1px;left:calc(var(--a) * 100%);background:var(--mut);opacity:.6}
.gd-ln-ov .v{position:absolute;top:26px;bottom:0;left:calc(var(--a) * 100%);width:2px;margin-left:-1px;background:var(--vul)}
.gd-ln-ov .v b{position:absolute;top:1px;left:6px;font:500 10.5px/1 var(--m);color:var(--ac);white-space:nowrap}
.gd-ln-ov .v.om{width:0;margin-left:0;background:none;border-left:1.5px dashed var(--ac)}
.gd-ln-ov .v.om b{left:auto;right:6px}
.gd-ln ol{position:relative;z-index:1;list-style:none;margin:0;padding:0}
.gd-ln ol>li{display:grid;grid-template-columns:var(--lw) minmax(0,1fr);align-items:stretch;min-height:62px;border-bottom:1px solid var(--ln)}
.gd-ln .l{display:grid;gap:3px;align-content:center;padding:11px 18px 11px 0;min-width:0}
.gd-ln .l b{font-size:15px;font-weight:800;letter-spacing:-.012em;line-height:1.25}
.gd-ln .l .s{font:500 10.5px/1.4 var(--m);color:var(--mut)}
.gd-ln .l .d{font-size:13px;line-height:1.4;color:var(--mut)}
.gd-ln ol>li.hi .l b{color:var(--ac)}
.gd-ln .tr{position:relative}
.gd-ln .tr i{position:absolute;top:50%}
.gd-ln .br{left:calc(var(--a) * 100%);width:calc(var(--w) * 100%);height:8px;margin-top:-4px;background:var(--fg)}
.gd-ln .br.fu{background:repeating-linear-gradient(-45deg,var(--fg) 0 2px,transparent 2px 6px);box-shadow:inset 0 0 0 1px var(--fg)}
.gd-ln .br.ol{background:var(--mut)}
.gd-ln .br.a{background:var(--vul)}
.gd-ln .br.n{background:repeating-linear-gradient(90deg,var(--fg) 0 6px,transparent 6px 8px)}
.gd-ln .p{left:calc(var(--a) * 100%);width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:var(--fg);box-shadow:0 0 0 2.5px var(--bg)}
.gd-ln .p.m{border-radius:0;width:12px;height:12px;margin:-6px 0 0 -6px}
.gd-ln .p.x{width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:0;background:var(--vul);transform:rotate(45deg)}
.gd-ln .p.o{background:var(--bg);box-shadow:inset 0 0 0 2px var(--mut)}
.gd-ln .p.e{width:2px;height:22px;margin:-11px 0 0 -1px;border-radius:0;box-shadow:none;background:var(--fg)}
.gd-ln .mv{left:calc(var(--a) * 100%);width:calc(var(--w) * 100%);height:0;border-top:1.5px dashed var(--mut)}
.gd-ln-lg{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 22px;font-size:13px;color:var(--mut)}
.gd-ln-lg li{display:inline-flex;align-items:center;gap:8px}
.gd-ln-lg .k{position:relative;display:inline-block;width:14px;height:14px;flex:none}
.gd-ln-lg .k.s{border-radius:50%;background:var(--fg)}
.gd-ln-lg .k.m{width:11px;height:11px;background:var(--fg)}
.gd-ln-lg .k.x{width:10px;height:10px;background:var(--vul);transform:rotate(45deg)}
.gd-ln-lg .k.o{border-radius:50%;box-shadow:inset 0 0 0 2px var(--mut)}
.gd-ln-lg .k.td{width:2px;height:16px;background:var(--vul)}
.gd-ln-lg .k.om{width:0;height:16px;border-left:1.5px dashed var(--ac)}
.gd-ln-lg .k.bd{width:14px;height:12px;background:color-mix(in srgb,var(--vul) 16%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--vul) 60%,transparent)}
.gd-ln-lg .k.n{width:22px;height:8px;background:repeating-linear-gradient(90deg,var(--fg) 0 6px,transparent 6px 8px)}
.gd-ln-lg .k.g{width:22px;height:8px;background:var(--fg)}
.gd-ln-lg .k.a{width:22px;height:8px;background:var(--vul)}
.gd-ln figcaption,.gd-fn figcaption,.gd-lad figcaption{margin-top:12px;max-width:78ch;font-size:13.5px;line-height:1.55;color:var(--mut)}
.gd-ln.zm{margin-top:26px}
.gd-ln.zm ol>li{min-height:54px}
.gd-ln.ck ol>li{min-height:58px}

/* fines, to scale */
.gd-fn{margin:34px 0 0}
.gd-fn ul{list-style:none;margin:0;padding:0;border-top:2px solid var(--fg)}
.gd-fn li{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:10px 28px;align-items:center;padding:16px 0;border-bottom:1px solid var(--ln)}
.gd-fn .l{display:grid;gap:3px}
.gd-fn .l b{font-size:15.5px;font-weight:800;line-height:1.3}
.gd-fn .l span{font:500 11px/1.4 var(--m);color:var(--mut)}
.gd-fn .b{display:flex;align-items:center;gap:14px;min-width:0}
.gd-fn .b i{flex:none;display:block;height:22px;width:calc(var(--w) * (100% - 190px));min-width:10px;background:var(--vul)}
.gd-fn .b em{font-style:normal;font-size:14px;font-weight:700;white-space:nowrap}

/* checklist */
.gd-ck{margin-top:30px;border-top:2px solid var(--fg)}
.gd-ck-h{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;padding:18px 0}
.gd-ck-n{display:flex;align-items:center;gap:12px;font:500 13px/1 var(--m);color:var(--mut)}
.gd-ck-n b{font:800 22px/1 var(--f);color:var(--fg)}
.gd-bar{position:relative;display:block;width:120px;height:6px;background:var(--ln)}
.gd-bar i{position:absolute;left:0;top:0;bottom:0;width:calc(var(--w) * 100%);background:var(--vul);transition:width .35s var(--eo)}
.gd-ck-l{list-style:none;margin:0;padding:0;border-top:1px solid var(--ln)}
.gd-ck-l li[hidden]{display:none}
.gd-ck-l label,.gd-rd-f label{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:12px 16px;align-items:start;padding:15px 0;border-bottom:1px solid var(--ln);cursor:pointer}
.gd-ck-l input,.gd-rd-f input{position:absolute;opacity:0;pointer-events:none}
.gd-ck .bx,.gd-rd .bx{position:relative;width:22px;height:22px;margin-top:1px;border:1.5px solid var(--line2,var(--ln));transition:background-color .2s,border-color .2s}
html[data-t="light"] .gd-ck .bx,html[data-t="light"] .gd-rd .bx{border-color:#8FA5AF}
.gd-ck input:checked+.bx,.gd-rd input:checked+.bx{background:var(--vul);border-color:var(--vul)}
.gd-ck input:checked+.bx::after,.gd-rd input:checked+.bx::after{content:"";position:absolute;left:6px;top:1px;width:6px;height:12px;border:solid var(--noturno);border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
.gd-ck input:focus-visible+.bx,.gd-rd input:focus-visible+.bx{outline:2px solid var(--ac);outline-offset:3px}
.gd-ck .tx{display:grid;gap:4px}
.gd-ck .tx b{font-size:16.5px;font-weight:800;letter-spacing:-.015em}
.gd-ck .tx span{max-width:72ch;font-size:15px;line-height:1.5;color:color-mix(in srgb,var(--fg) 80%,var(--bg))}
.gd-ck input:checked~.tx{opacity:.55}
.gd-ck .m{display:grid;gap:6px;justify-items:end;text-align:right}
.gd-ck .m time{font:500 11.5px/1.3 var(--m);color:var(--ac);white-space:nowrap}
.gd-ck .m span{font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--mut);max-width:16ch}
.gd-ck-f{display:flex;flex-wrap:wrap;align-items:center;gap:16px 26px;padding-top:22px}

/* article 4 diff */
.gd-qd{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:30px}
.gd-qd blockquote{margin:0;padding:20px 22px 22px;border:1px solid var(--ln);background:color-mix(in srgb,var(--fg) 3%,transparent)}
.gd-qd blockquote.nw{border-color:var(--fg)}
.gd-qd .label time{font-family:var(--m);letter-spacing:0;text-transform:none;color:var(--ac)}
.gd-qd blockquote>p:not(.label){margin-top:12px;font-size:16px;line-height:1.62}
.gd-qd del{color:var(--mut);text-decoration:line-through;text-decoration-color:var(--ac);text-decoration-thickness:1.5px}
.gd-qd ins{text-decoration:none;font-weight:700;background:color-mix(in srgb,var(--vul) 16%,transparent);box-shadow:inset 0 -2px 0 var(--ac)}
.gd-qn{display:block;margin-top:10px;font-size:14.5px;color:var(--mut)}

/* who counts */
.gd-io{display:grid;grid-template-columns:1.3fr 1fr;gap:12px;margin-top:30px}
.gd-io>div{padding:20px 22px 22px;border:1px solid var(--fg)}
.gd-io .out{border-color:var(--ln);border-style:dashed}
.gd-io .label{margin-bottom:14px}
.gd-io .in .label{color:var(--ac)}
.gd-io .gd-ul{font-size:15.5px;line-height:1.5;gap:10px}
.gd-io .out .gd-ul li::before{background:var(--mut)}

/* table of measures */
.gd-tb{margin-top:30px;border-top:2px solid var(--fg)}
.gd-tb>div{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.5fr) minmax(0,1fr);gap:8px 26px;padding:15px 0;border-bottom:1px solid var(--ln)}
.gd-tb .hd{padding:12px 0}
.gd-tb .hd span{font:600 10.5px/1.4 var(--f);letter-spacing:.16em;text-transform:uppercase;color:var(--mut)}
.gd-tb b{font-size:16px;font-weight:800;line-height:1.3}
.gd-tb span{font-size:15px;line-height:1.5}
.gd-tb .f{color:var(--mut)}

/* planner */
.gd-pl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px clamp(24px,3vw,46px);margin-top:30px;align-items:start}
.gd-pl fieldset{margin:0;padding:16px 0 20px;border:0;border-top:1px solid var(--fg)}
.gd-pl legend{float:left;width:100%;display:flex;gap:10px;align-items:baseline;margin-bottom:12px;padding:0;font-size:17px;font-weight:800;letter-spacing:-.02em}
.gd-pl legend span{font:500 11px/1 var(--m);color:var(--ac)}
.gd-pl .nw-seg{clear:both;gap:6px}
.gd-pl .nw-seg button{font-size:14px;padding:10px 13px;text-align:left}
html[data-t="light"] .gd-pl .nw-seg button{border-color:#A9BBC3}
.gd-rk{display:grid!important}
.gd-rk button{display:grid;gap:3px}
.gd-rk button b{font-weight:800}
.gd-rk button span{font-size:13px;font-weight:500;opacity:.8}
.gd-pl-r{position:sticky;top:110px;border:1px solid var(--fg);padding:20px 22px 22px;background:var(--bg)}
.gd-pl-h{display:grid;gap:6px;padding-bottom:12px;border-bottom:1px solid var(--ln)}
.gd-pl-h b{font-size:clamp(22px,2vw,28px);font-weight:800;letter-spacing:-.035em}
.gd-pl-h .tn{color:var(--ac)}
.gd-pl-w{margin-top:12px;padding:10px 12px;border-left:3px solid var(--vul);font-size:14px;line-height:1.5;background:color-mix(in srgb,var(--vul) 8%,transparent)}
.gd-pl-o{list-style:none;margin:0;padding:0}
.gd-pl-o>li{padding:14px 0 16px;border-bottom:1px solid var(--ln)}
.gd-pl-o h3{font-size:17px;font-weight:800;letter-spacing:-.02em}
.gd-pl-o ul{margin:8px 0 0;padding:0 0 0 18px;display:grid;gap:5px;font-size:14.5px;line-height:1.5}
.gd-pl-o ul li::marker{color:var(--ac)}
.gd-pl-o .f{margin-top:8px;font-size:13.5px;line-height:1.5;color:var(--mut)}
.gd-pl-o .f span{display:inline-block;margin-right:8px;font:600 10px/1.4 var(--f);letter-spacing:.14em;text-transform:uppercase;color:var(--ac)}
.gd-pl-ev{padding-top:14px}
.gd-pl-ev .gd-ul{margin-top:10px;font-size:14px;gap:6px}
.gd-pl-ev .gd-ul li{padding-left:20px}
.gd-pl-ev .gd-ul li::before{width:9px}
.gd-pl-a{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:18px}
.gd-pl-e0{font-size:15px;color:var(--mut)}

/* agents: permission ladder */
.gd-lad{margin:34px 0 0}
.gd-lad .hd{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) minmax(0,1fr);gap:20px;padding:0 0 10px;border-bottom:2px solid var(--fg)}
.gd-lad .hd span{font:600 10.5px/1.4 var(--f);letter-spacing:.16em;text-transform:uppercase;color:var(--mut)}
.gd-lad ol{list-style:none;margin:0;padding:0}
.gd-lad li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) minmax(0,1fr);gap:8px 20px;align-items:center;padding:14px 0;border-bottom:1px solid var(--ln)}
.gd-lad .l{display:flex;align-items:center;gap:14px}
.gd-lad .m{display:flex;gap:3px;flex:none}
.gd-lad .m i{width:9px;height:18px;background:var(--ln)}
.gd-lad .m i.on{background:var(--fg)}
.gd-lad li.s3 .m i.on,.gd-lad li.s4 .m i.on{background:var(--vul)}
.gd-lad b{font-size:16px;font-weight:800;line-height:1.25}
.gd-lad .e{font-size:14.5px;line-height:1.45;color:var(--mut)}
.gd-lad .g{font-size:14.5px;font-weight:700;line-height:1.4}
.gd-lad li.s4 .g{color:var(--ac)}

/* logging chips */
.gd-chips{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px;max-width:78ch}
.gd-chips li{font:500 12.5px/1.3 var(--m);padding:8px 11px;border:1px solid var(--fg)}

/* OWASP lists */
.gd-ow{display:grid;grid-template-columns:1fr 1fr;gap:12px 34px;margin-top:34px}
.gd-ow .label{display:flex;align-items:center;flex-wrap:wrap;gap:4px;padding-bottom:10px;border-bottom:2px solid var(--fg);line-height:1.4}
.gd-ow ol{list-style:none;margin:0;padding:0}
.gd-ow li{display:grid;grid-template-columns:62px minmax(0,1fr);gap:10px;padding:9px 0;border-bottom:1px solid var(--ln);font-size:14.5px;font-weight:600;line-height:1.35;color:var(--mut)}
.gd-ow li span{font:500 11px/1.8 var(--m)}
.gd-ow li.on{color:var(--fg)}
.gd-ow li.on span{color:var(--ac)}

/* works agreement */
.gd-wa{margin-top:34px}
.gd-wa .gd-ol{margin-top:12px}

/* readiness */
.gd-rd{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:30px clamp(24px,3.4vw,50px);margin-top:30px;align-items:start}
.gd-rd-f{margin:0;padding:14px 0 6px;border:0;border-top:1px solid var(--fg)}
.gd-rd-f legend{float:left;width:100%;display:flex;gap:12px;align-items:baseline;padding:0;margin-bottom:2px;font-size:17px;font-weight:800;letter-spacing:-.02em}
.gd-rd-f legend span{font:500 11px/1 var(--m);color:var(--ac)}
.gd-rd-f label{clear:both;padding:10px 0;font-size:15px;line-height:1.45;border-bottom:0}
.gd-rd-f .mu{font:500 10px/1 var(--m);padding:4px 6px;border:1px solid var(--ac);color:var(--ac);margin-top:3px;white-space:nowrap}
.gd-rd input:checked~.tx{color:var(--mut)}
.gd-rd-r{position:sticky;top:110px;border:1px solid var(--fg);padding:22px;background:var(--bg)}
.gd-rd-lv{margin-top:8px;font-size:clamp(40px,4.2vw,68px);font-weight:800;letter-spacing:-.055em;line-height:.95}
.gd-rd-lv .no{color:var(--fg)}.gd-rd-lv .pi{color:var(--ac)}.gd-rd-lv .ok{color:#2F9E6E}
.gd-rd-m{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;margin-top:16px}
.gd-rd-m>i{position:relative;display:block;height:8px;background:var(--ln)}
.gd-rd-m>i>i{position:absolute;left:0;top:0;bottom:0;width:calc(var(--w) * 100%);background:var(--vul);transition:width .3s var(--eo)}
.gd-rd-n{margin-top:12px;font:500 12px/1.5 var(--m);color:var(--mut)}
.gd-rd-n b{font-family:var(--f);font-weight:800;color:var(--fg)}
.gd-rd-t{margin-top:12px;font-size:14.5px;line-height:1.5;color:var(--mut)}
.gd-rd-t ul{margin:8px 0 0;padding-left:18px;color:var(--fg);font-weight:600;display:grid;gap:4px}
.gd-rd-t li::marker{color:var(--ac)}
.gd-rd-a{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:18px}

/* sources band */
.gd-sl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 40px;border-top:1px solid var(--fg)}
.gd-sl li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;padding:12px 0;border-bottom:1px solid var(--ln)}
.gd-sl .n{font:500 11px/1.8 var(--m);color:var(--ac)}
.gd-sl a{font-size:14.5px;font-weight:600;line-height:1.4;overflow-wrap:anywhere}
.gd-sl a:hover{color:var(--ac)}
.gd-sl a span{color:var(--ac)}
.gd-sl .u{display:block;margin-top:3px;font:500 11px/1.4 var(--m);color:var(--mut);overflow-wrap:anywhere}
.gd-nx{position:relative;display:grid;gap:10px;margin-top:clamp(50px,6vw,90px);padding:24px 60px 26px 26px;border:1px solid var(--line2,var(--ln));transition:background-color .3s}
.gd-nx .n{font:500 12px/1 var(--m);color:var(--mut)}
.gd-nx b{font-size:clamp(28px,3vw,50px);font-weight:800;letter-spacing:-.05em;line-height:1}
.gd-nx p{font-size:15.5px;line-height:1.5;color:var(--mut);max-width:60ch}
.gd-nx>span[aria-hidden]{position:absolute;right:26px;top:24px;font-size:24px;color:var(--vul);transition:transform .4s var(--eo)}
.gd-nx:hover{background:var(--surface)}.gd-nx:hover b{color:var(--vul)}.gd-nx:hover>span[aria-hidden]{transform:translateX(6px)}

/* responsive */
@media (max-width:1100px){
  .gd-fx.f4{grid-template-columns:1fr 1fr}.gd-fx.f4>div:nth-child(3){padding-left:0;border-left:0}
  .gd-g{grid-template-columns:1fr;gap:10px}
  .gd-toc{position:static;max-height:none;overflow:visible;margin-bottom:40px}
  .gd-toc ol{display:grid;grid-template-columns:1fr 1fr;column-gap:24px}
  .gdh-g{grid-template-columns:1fr}
  .gd-pl,.gd-rd{grid-template-columns:1fr}
  .gd-pl-r,.gd-rd-r{position:static}
  .gd-ln{--lw:220px}
}
@media (max-width:760px){
  .gdh h1{font-size:clamp(42px,12.4vw,66px)}
  .gd-toc ol{grid-template-columns:1fr}
  .gd-tx{font-size:17px}
  .gd-fx{grid-template-columns:1fr 1fr}
  .gd-fx>div:not(:nth-child(3n+1)){padding-left:0;border-left:0}
  .gd-fx>div:nth-child(even){padding-left:16px;border-left:1px solid var(--ln)}
  .gd-fx>div{padding-right:14px}
  .gd-rl,.gd-qd,.gd-io,.gd-ow,.gd-sl{grid-template-columns:1fr}
  .gd-cl li{grid-template-columns:1fr;padding-left:18px}
  .gd-ol li{grid-template-columns:34px minmax(0,1fr)}
  .gd-ln{--lw:124px}
  .gd-ln .l{padding-right:10px}
  .gd-ln .l b{font-size:13px}
  .gd-ln .l .d{font-size:11.5px}
  .gd-ln .l .s{display:none}
  .gd-ln-ov .v b{display:none}
  .gd-ln-ax span:not(.l0):not(.l1):nth-child(even){opacity:0}
  .gd-fn li{grid-template-columns:1fr}
  .gd-fn .b i{width:calc(var(--w) * (100% - 150px))}
  .gd-ck-l label{grid-template-columns:28px minmax(0,1fr)}
  .gd-ck .m{grid-column:2;justify-items:start;text-align:left;grid-auto-flow:column;justify-content:start;gap:12px}
  .gd-tb .hd{display:none}
  .gd-tb>div{grid-template-columns:1fr;gap:4px}
  .gd-lad .hd{display:none}
  .gd-lad li{grid-template-columns:1fr;gap:6px}
  .gd-lad .e,.gd-lad .g{padding-left:62px}
  .gd-nx{padding:20px 50px 22px 20px}
  .gd-rd-f label{grid-template-columns:28px minmax(0,1fr)}
  .gd-rd-f .mu{grid-column:2;justify-self:start;margin-top:0}
}
@media (max-width:560px){
  .gd-fx,.gd-fx.f4{grid-template-columns:1fr}
  .gd-fx>div,.gd-fx>div:nth-child(even),.gd-fx.f4>div:not(:nth-child(4n+1)),.gd-fx.f4>div:nth-child(3){padding-left:0;border-left:0}
  .gd-fx dd b{font-size:22px}
}