@scope (:root) to (.site-head, .foot-stack, .site-foot, a.skip){
.inline-form:where(:scope,:not(:scope)){display:inline-flex;margin:0}
.panel-b:where(:scope,:not(:scope)){padding:16px}
.bar-note:where(:scope,:not(:scope)){display:flex;align-items:center;gap:9px;padding:10px 14px;border-radius:var(--r);background:var(--brand-soft);color:var(--brand-ink);flex-wrap:wrap}
.bar-note.good:where(:scope,:not(:scope)){background:var(--good-soft);color:var(--good)}
.bar-note.warn:where(:scope,:not(:scope)){background:var(--warn-soft);color:var(--warn)}
.bar-note.bad:where(:scope,:not(:scope)){background:var(--bad-soft);color:var(--bad)}
.f-err:where(:scope,:not(:scope)){display:flex;gap:5px;align-items:center;color:var(--bad)!important;font-weight:500}
.f-err svg:where(:scope,:not(:scope)){width:13px;height:13px}
.f.bad input:where(:scope,:not(:scope)),.f.bad select:where(:scope,:not(:scope)),.f.bad textarea:where(:scope,:not(:scope)){border-color:var(--bad)}
.mail-body:where(:scope,:not(:scope)){white-space:pre-wrap;font:inherit;margin:0;max-width:var(--measure)}
.dlg:where(:scope,:not(:scope)){border:1px solid var(--line-2);border-radius:var(--r2);background:var(--surface);color:var(--ink);padding:20px;max-width:440px;width:calc(100vw - 32px);box-shadow:var(--shadow)}
.dlg:where(:scope,:not(:scope))::backdrop{background:rgba(20,16,40,.45)}
.dlg p:where(:scope,:not(:scope)){margin:8px 0 16px}
.dlg-a:where(:scope,:not(:scope)){justify-content:flex-end}
.head:where(:scope,:not(:scope)){align-items:flex-start;gap:12px}
@media (max-width:760px){.side-foot .sample:where(:scope,:not(:scope)){display:block}}
.mob-menu:where(:scope,:not(:scope)){display:none}
@media (max-width:760px){.foot:where(:scope,:not(:scope)){margin-bottom:64px}}
.fold>summary:where(:scope,:not(:scope)){cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}
.fold>summary:where(:scope,:not(:scope))::-webkit-details-marker{display:none}
.fold>summary .i:where(:scope,:not(:scope)){transition:transform .15s}
.fold[open]>summary .i:where(:scope,:not(:scope)){transform:rotate(180deg)}
.dlg-pts:where(:scope,:not(:scope)){margin:0 0 16px;padding-left:20px;display:grid;gap:6px;color:var(--ink-2);max-width:var(--measure)}
.dlg.dlg-dan:where(:scope,:not(:scope)){border-color:var(--bad)}
.dlg.dlg-dan h2:where(:scope,:not(:scope)){color:var(--bad)}
.dlg .btn.dan:where(:scope,:not(:scope)){background:var(--bad);border-color:var(--bad);color:#fff}
.rec-acts:where(:scope,:not(:scope)){margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}
.rec-sub:where(:scope,:not(:scope)){margin-top:20px}
.rec-sub>h3:where(:scope,:not(:scope)){font-size:14px;font-weight:650;margin-bottom:10px}
.rec-listing:where(:scope,:not(:scope)){display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.rec-logo:where(:scope,:not(:scope)){width:64px;height:64px;border-radius:var(--r);border:1px solid var(--line);background:var(--surface-2);display:grid;place-items:center;overflow:hidden;flex:none}
.rec-logo img:where(:scope,:not(:scope)){width:100%;height:100%;object-fit:contain}
.rec-logo .i:where(:scope,:not(:scope)){width:22px;height:22px;color:var(--ink-3)}
.rec-listing .grow:where(:scope,:not(:scope)){min-width:160px}
.rec-listing b:where(:scope,:not(:scope)){display:block;font-weight:650;margin-bottom:4px}
.other-list:where(:scope,:not(:scope)){display:grid;gap:0}
.other-list>*:where(:scope,:not(:scope)){padding:14px 0;border-top:1px solid var(--line)}
.other-list>*:first-child:where(:scope,:not(:scope)){border-top:0;padding-top:0}
.other-row:where(:scope,:not(:scope)){display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.other-row p:where(:scope,:not(:scope)){color:var(--ink-2);max-width:var(--measure)}
.danger-zone:where(:scope,:not(:scope)){margin-top:6px;border:1px solid var(--bad);border-radius:var(--r2);padding:16px!important;background:var(--bad-soft)}
.danger-zone h3:where(:scope,:not(:scope)){color:var(--bad);font-size:14px;font-weight:650;display:flex;gap:6px;align-items:center}
.danger-zone h3 .i:where(:scope,:not(:scope)){width:16px;height:16px}
.danger-zone ul:where(:scope,:not(:scope)){margin:8px 0 12px;padding-left:20px;display:grid;gap:4px;color:var(--ink);max-width:var(--measure)}
.sub-fold>summary:where(:scope,:not(:scope)){cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:44px}
.sub-fold>summary:where(:scope,:not(:scope))::-webkit-details-marker{display:none}
.sub-fold>summary h3:where(:scope,:not(:scope)){font-size:14px;font-weight:650}
.sub-fold>summary .i:where(:scope,:not(:scope)){transition:transform .15s;color:var(--ink-3)}
.sub-fold[open]>summary .i:where(:scope,:not(:scope)){transform:rotate(180deg)}
.sub-fold .sub-b:where(:scope,:not(:scope)){padding:4px 0 12px}
.sub-fold+.sub-fold:where(:scope,:not(:scope)){border-top:1px solid var(--line)}
@media (prefers-reduced-motion:reduce){.sub-fold>summary .i:where(:scope,:not(:scope)){transition:none}}
.rec-sub.stack:where(:scope,:not(:scope)){grid-template-columns:minmax(0,1fr)}
.sub-fold input[type=checkbox]:where(:scope,:not(:scope)),.other-list input[type=checkbox]:where(:scope,:not(:scope)){width:24px;height:24px;margin:0;flex:none}
}
.site-head,.foot-stack,.site-foot,a.skip{min-width:0;min-height:0}