/* Vigavo components. Values come from tokens.css (D-09 hand-written CSS, D-100 tokens only). */
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--fs-body-app);line-height:var(--lh-body)}
body.mk{font-size:var(--fs-body-mk)}
a{color:var(--accent)}
h1{font-size:clamp(1.9rem,1.4rem + 1.6vw,2.6rem);line-height:1.12;margin:.3em 0}h2{font-size:1.45rem;margin-block:1.6em .6em}h3{font-size:1.1rem}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:16px}.narrow{max-width:760px}.tiny{max-width:440px}
.center{text-align:center}.row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.gap{gap:8px;justify-content:flex-start}
.stack{display:flex;flex-direction:column;gap:12px}.stack label{display:flex;flex-direction:column;gap:4px;font-size:.92rem}
.inline{display:inline}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.skip{position:absolute;inset-inline-start:-999px}.skip:focus{inset-inline-start:8px;top:8px;background:var(--surface);padding:8px;z-index:9}
.muted{color:var(--text2)}.small{font-size:.85rem}
.topbar{border-bottom:1px solid var(--border);background:var(--surface);padding-block:10px}
.logo{font-weight:700;font-size:1.2rem;color:var(--text);text-decoration:none;display:flex;align-items:center;gap:8px}
.logo .dot{width:12px;height:12px;border-radius:50%;background:var(--accent);display:inline-block}
.nav{display:flex;align-items:center;gap:14px;font-size:.92rem}.nav a{text-decoration:none}
.btn{display:inline-block;background:var(--accent);color:var(--accent-fg);border:0;border-radius:var(--radius);padding:12px 20px;font:inherit;font-weight:600;cursor:pointer;text-decoration:none}
.btn.small{padding:6px 12px;font-size:.88rem}.btn.ghost{background:transparent;color:var(--accent);border:1px solid var(--border)}
.btn:focus-visible,input:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.link{background:none;border:0;color:var(--accent);font:inherit;cursor:pointer;padding:0}
.icon{background:none;border:1px solid var(--border);border-radius:var(--radius);color:var(--text);cursor:pointer;padding:4px 8px}
input[type=text],input[type=email],input[type=password],input:not([type]){background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:12px;font:inherit;width:100%}
.hero{padding-block:56px 24px}.eyebrow{color:var(--accent);font-weight:600;letter-spacing:.04em;text-transform:uppercase;font-size:.8rem;margin:0}
.lead{color:var(--text2);font-size:1.1rem}
.scanbox{display:flex;gap:8px;margin:24px auto 8px;max-width:620px}.scanbox input{flex:1}
@media (max-width:560px){.scanbox{flex-direction:column}h1{font-size:1.8rem}}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-block:24px}
.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column}
.stat b{font-size:1.6rem}.stat span{color:var(--text2);font-size:.88rem}
.steps3 li{margin-block:6px}.faq{border-bottom:1px solid var(--border);padding-block:10px}.faq summary{cursor:pointer;font-weight:600}
.alert{background:color-mix(in srgb,var(--critical) 12%,transparent);border:1px solid var(--critical);border-radius:var(--radius);padding:10px 14px}
.ok{background:color-mix(in srgb,var(--passed) 12%,transparent);border:1px solid var(--passed);border-radius:var(--radius);padding:10px 14px}
.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;margin-block:40px}
.report{padding-block:24px}.url{word-break:break-all}
.gradehero{display:flex;align-items:center;gap:20px;margin-block:16px}.big{font-size:2.2rem;font-weight:700}.big small{font-size:1rem;color:var(--text2)}
.grade{display:inline-flex;align-items:center;justify-content:center;width:84px;height:84px;border-radius:var(--radius);font-size:2.6rem;font-weight:800;color:#fff;background:var(--info)}
.grade-a{background:var(--grade-a)}.grade-b{background:var(--grade-b)}.grade-c{background:var(--grade-c)}.grade-d{background:var(--grade-d)}.grade-f,.grade-err{background:var(--grade-f)}
.counts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-block:12px 24px}
.count{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:10px;text-align:center}.count b{display:block;font-size:1.4rem}
.count span{font-size:.8rem;color:var(--text2)}.c-critical b,.c-critical{color:var(--critical)}.c-warning b{color:var(--warning)}.c-passed b{color:var(--passed)}
.pill{display:inline-block;border-radius:999px;padding:1px 10px;font-size:.75rem;font-weight:700;color:#fff;background:var(--info);white-space:nowrap}
.pill-critical{background:var(--critical)}.pill-warning{background:var(--warning)}.pill-passed{background:var(--passed)}
.finding{background:var(--surface);border:1px solid var(--border);border-inline-start:4px solid var(--info);border-radius:var(--radius);padding:14px 16px;margin-block:10px}
.finding.sev-critical{border-inline-start-color:var(--critical)}.finding.sev-warning{border-inline-start-color:var(--warning)}
.finding header{display:flex;gap:10px;align-items:baseline}.finding h4{margin:0;font-size:1rem}
.finding dl{margin:10px 0 0}.finding dt{font-weight:600;font-size:.85rem;color:var(--text2);margin-top:6px}.finding dd{margin:0}
.tech{font-size:.8rem;color:var(--text2);word-break:break-word;margin-bottom:0}.tech span{font-weight:600}
.blurred{filter:blur(3px);user-select:none;margin-block:12px}.ghost-row{display:flex;gap:10px;align-items:center;padding:10px;border:1px solid var(--border);border-radius:var(--radius);margin-block:6px;background:var(--surface)}
.ghost-row .bar{flex:1;height:10px;border-radius:5px;background:var(--surface2)}
.gate{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-block:16px}.gate form input{flex:1;min-width:200px}
.cat{margin-top:28px}.plain{list-style:none;padding:0}.plain li{padding-block:4px}
.cta{background:var(--surface);border:1px solid var(--accent);border-radius:var(--radius);padding:20px;margin-block:28px}
.progress{list-style:none;padding:0;margin-block:16px}.progress li{display:flex;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--border)}
.progress .meta{margin-inline-start:auto;color:var(--text2);font-size:.85rem}
.progress .ico{width:16px;height:16px;border-radius:50%;border:2px solid var(--border);display:inline-block;flex:none}
.st-running .ico{border-color:var(--accent);border-top-color:transparent;animation:spin 1s linear infinite}
.st-finished .ico{background:var(--passed);border-color:var(--passed)}.st-failed .ico{background:var(--critical);border-color:var(--critical)}
.st-skipped{color:var(--text2)}.st-skipped .ico{border-style:dashed}
@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.st-running .ico{animation:none}}
.status{font-weight:600}
.table{width:100%;border-collapse:collapse;font-size:.88rem}.table td{border-bottom:1px solid var(--border);padding:6px;vertical-align:top}
.footer{border-top:1px solid var(--border);margin-top:48px;padding-block:20px;color:var(--text2);font-size:.88rem}
code{background:var(--surface2);padding:1px 5px;border-radius:4px;font-size:.85em}
.prose p{max-width:65ch}
.fixprompt{margin-block-start:.75rem}
.fixprompt pre{white-space:pre-wrap;word-break:break-word;max-height:28rem;overflow:auto;padding:.75rem;border-radius:.5rem;background:var(--surface2);border:1px solid var(--border);font-size:.85rem}
/* WO-3 dashboard */
.appnav,.tabs{margin-block:12px;font-size:.95rem}.tabs{padding-block-end:8px;border-block-end:1px solid var(--border)}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.pcard{display:flex;gap:12px;align-items:flex-start;text-decoration:none;color:var(--text)}
.wizsteps{display:flex;flex-wrap:wrap;gap:8px;padding:0;list-style:none;counter-reset:w}
.wizsteps li{counter-increment:w;padding:4px 10px;border:1px solid var(--border);border-radius:var(--radius);color:var(--text2);font-size:.9rem}
.wizsteps li::before{content:counter(w) ". "}.wizsteps li.cur{border-color:var(--accent);color:var(--text);font-weight:600}.wizsteps li.done{color:var(--passed)}
.check{display:flex;gap:8px;align-items:center}.num{width:7em}
.danger{border-color:var(--critical)}.btn.danger{background:var(--critical);border-color:var(--critical);color:#fff}
.chart svg{width:100%;max-width:600px;height:auto;color:var(--accent)}
.table th{text-align:start;font-weight:600;font-size:.9rem;color:var(--text2)}
.bar{block-size:10px;border-radius:5px;background:var(--surface2);overflow:hidden}.bar>span{display:block;block-size:100%;background:var(--accent)}
.bar{border:0}progress.bar,meter.bar{inline-size:100%;block-size:10px;appearance:none;-webkit-appearance:none}
progress.bar::-webkit-progress-bar{background:var(--surface2);border-radius:5px}progress.bar::-webkit-progress-value{background:var(--accent);border-radius:5px}
progress.bar::-moz-progress-bar{background:var(--accent);border-radius:5px}
.scrollbox{max-block-size:16rem;overflow:auto}
/* ---- WO-6 marketing (layout C) ---- */
h1,h2,.display{font-family:var(--font-display);font-weight:var(--weight-display);letter-spacing:var(--tracking-display)}
.mk h2{font-size:var(--fs-h2);line-height:1.12;margin-block:0 var(--s5)}.mk h3{font-size:var(--fs-h3)}
.topbar .nav{gap:var(--s5)}.nav .navlink{color:var(--text);font-weight:500}
.section{padding-block:var(--s8) 0}.section>.wrap>header{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--s6);margin-block-end:var(--s6)}
.section header p{color:var(--text2);margin:0;max-inline-size:var(--measure)}
.facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:var(--border-w) solid var(--rule);margin-block-start:var(--s7)}
.facts div{padding:var(--s5) var(--s4);border-inline-start:var(--border-w) solid var(--border)}.facts div:first-child{border-inline-start:0}
.facts b{display:block;font-family:var(--font-mono);font-size:clamp(2rem,1.4rem + 2vw,3rem);font-weight:500;line-height:1.1}
.facts span{color:var(--text2);font-size:var(--fs-small)}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s6);list-style:none;padding:0;margin:0;counter-reset:st}
.steps li{counter-increment:st;border-block-start:2px solid var(--rule);padding-block-start:var(--s4)}
.steps li::before{content:"0" counter(st);display:block;font-family:var(--font-mono);color:var(--accent);margin-block-end:var(--s2)}
.steps h3{margin:0 0 var(--s2)}.steps p{margin:0;color:var(--text2)}
.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:var(--border-w) solid var(--rule);border-radius:var(--radius)}
.plans>div{padding:var(--s5);border-inline-start:var(--border-w) solid var(--border)}.plans>div:first-child{border-inline-start:0}
.plans .price{font-family:var(--font-mono);font-size:2.2rem;line-height:1}.plans .price small{font-size:1rem;color:var(--text2)}
.plans ul{padding-inline-start:1.1em;color:var(--text2);font-size:.95rem}.plans h3{margin-block:0 var(--s3)}
.plans .hl{background:var(--accent-soft)}
.faq-list{border-block-start:var(--border-w) solid var(--rule)}.faq-list .faq{padding-block:var(--s4)}
.faq-list summary{font-size:1.1rem;list-style:none}.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:"+";float:inline-end;font-family:var(--font-mono);color:var(--accent)}.faq-list details[open] summary::after{content:"–"}
.faq-list p{color:var(--text2);max-inline-size:var(--measure)}
.note{border-inline-start:3px solid var(--warning);padding:var(--s3) var(--s4);background:var(--surface);margin-block:var(--s5)}
.cta-band{margin-block-start:var(--s8);border-block:var(--border-w) solid var(--rule);padding-block:var(--s7)}
.cta-band .row{align-items:end}.cta-band h2{margin:0;max-inline-size:18ch}
.prose{max-inline-size:var(--measure)}.prose h2{font-size:1.5rem;margin-block:var(--s6) var(--s3)}.legal{padding-block:var(--s7)}
.draft{font-family:var(--font-mono);font-size:var(--fs-small);color:var(--warning)}
.footer .cols{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:var(--s5);padding-block:var(--s5)}
.footer h4{font-size:var(--fs-small);text-transform:uppercase;letter-spacing:.06em;margin:0 0 var(--s2);color:var(--text)}
.footer ul{list-style:none;padding:0;margin:0}.footer li{padding-block:2px}.footer a{color:var(--text2);text-decoration:none}.footer a:hover{color:var(--accent)}
/* feedback widget: <details> works without JS */
.fb{position:fixed;inset-block-end:var(--s4);inset-inline-end:var(--s4);z-index:20;max-inline-size:340px}
.fb>summary{list-style:none;cursor:pointer;background:var(--text);color:var(--bg);border-radius:var(--radius);padding:8px 14px;font-size:var(--fs-small);font-weight:600;inline-size:max-content;margin-inline-start:auto}
.fb>summary::-webkit-details-marker{display:none}
.fb form{background:var(--surface);border:var(--border-w) solid var(--rule);border-radius:var(--radius);padding:var(--s4);margin-block-start:var(--s2);font-size:.95rem}
.fb textarea,.stack textarea{inline-size:100%;min-block-size:90px;background:var(--surface);color:var(--text);border:var(--border-w) solid var(--border);border-radius:var(--radius);padding:var(--s3);font:inherit}
.fb fieldset{border:0;padding:0;margin:0 0 var(--s2);display:flex;flex-wrap:wrap;gap:var(--s3);min-inline-size:0}
.rating{display:flex;gap:var(--s2);align-items:center;margin-block:var(--s4)}.rating .btn{padding:6px 12px}
select{background:var(--surface);color:var(--text);border:var(--border-w) solid var(--border);border-radius:var(--radius);padding:10px;font:inherit}
.empty{border:var(--border-w) dashed var(--border);border-radius:var(--radius);padding:var(--s6);text-align:center;color:var(--text2)}
.statcard{border:var(--border-w) solid var(--border);border-radius:var(--radius);padding:var(--s4);background:var(--surface)}
.statcard b{display:block;font-family:var(--font-mono);font-size:1.6rem}.statcard .delta{font-size:var(--fs-small);color:var(--text2)}
.toast{position:fixed;inset-block-start:var(--s4);inset-inline-end:var(--s4);background:var(--text);color:var(--bg);padding:var(--s3) var(--s4);border-radius:var(--radius);z-index:30}
.filters{display:flex;gap:var(--s3);flex-wrap:wrap;align-items:end;margin-block:var(--s4)}
.filters label{display:flex;flex-direction:column;font-size:var(--fs-small);gap:2px}
[dir="rtl"] .mirror{transform:scaleX(-1)}
@media (max-width:860px){.hero-c .grid,.section>.wrap>header{grid-template-columns:1fr}.hero-c .grid{gap:var(--s6)}
 .steps,.features,.plans,.footer .cols{grid-template-columns:minmax(0,1fr)}.plans>div{border-inline-start:0;border-block-start:var(--border-w) solid var(--border)}
 .plans>div:first-child{border-block-start:0}.section{padding-block-start:var(--s7)}}
@media (max-width:560px){.facts{grid-template-columns:1fr}.facts div{border-inline-start:0;border-block-start:var(--border-w) solid var(--border)}.facts div:first-child{border-block-start:0}.nav{gap:var(--s3)}.nav .navlink.opt{display:none}}
/* Shepherd tour skin (tokens) */
.shepherd-element{background:var(--surface);color:var(--text);border:var(--border-w) solid var(--rule);border-radius:var(--radius);max-inline-size:360px;font-family:var(--font)}
.shepherd-text{color:var(--text);font-size:.95rem}.shepherd-title{font-family:var(--font-display);color:var(--text);font-size:1.15rem}
.shepherd-has-title .shepherd-content .shepherd-header{background:var(--surface2)}.shepherd-button{background:var(--accent);color:var(--accent-fg);border-radius:var(--radius)}
.shepherd-button.shepherd-button-secondary{background:transparent;color:var(--text);border:var(--border-w) solid var(--border)}
.shepherd-arrow:before{background:var(--surface)!important}.shepherd-cancel-icon{color:var(--text2)}

/* hero: split layout, two-tone headline, product visual in HTML/CSS */
.mk{background:var(--bg)}
.hero-c{padding-block:var(--s8) var(--s7)}
.hero-c .grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:var(--s7);align-items:center}
.hero-c h1{font-size:var(--fs-hero);line-height:var(--lh-tight);margin:var(--s4) 0 var(--s5);font-weight:var(--weight-display);letter-spacing:var(--tracking-display)}
.hero-c h1 .l2,.accent-ink{color:var(--accent)}.hero-c h1 span{display:block}
.hero-c .lead{font-size:var(--fs-lead);max-inline-size:60ch;color:var(--text2);margin-block:0 var(--s6)}
.hero-c .scanbox{margin:0;max-inline-size:600px;gap:var(--s2)}
.scanbox input{block-size:var(--control-h);font-size:1.1rem;padding-inline:var(--s4);border-color:var(--rule)}
.scanbox .btn{block-size:var(--control-h);padding-inline:var(--s6);font-size:1.1rem;font-weight:700}
.kicker{font-size:var(--fs-small);color:var(--text2);font-weight:600;margin:0;display:inline-flex;gap:var(--s2);align-items:center}
.kicker::before{content:"";inline-size:8px;block-size:8px;border-radius:50%;background:var(--passed)}
.visual{position:relative;padding-block-end:var(--s7)}
.visual::before{content:"";position:absolute;inset:8% 4% 18% 8%;background:radial-gradient(closest-side,var(--accent-glow),transparent);z-index:0}
.sample{position:relative;z-index:1;border:var(--border-w) solid var(--border);border-radius:12px;background:var(--surface);padding:var(--s5);font-size:.95rem}
.sample .head{display:flex;gap:var(--s4);align-items:center}.sample .head small{display:block;color:var(--text2);font-family:var(--font-mono);font-size:.78rem}
.sample .grade{inline-size:64px;block-size:64px;font-size:2.2rem;font-family:var(--font-display)}
.sample .counts{margin-block:var(--s4) var(--s2)}.sample .count{padding:var(--s2)}.sample .count b{font-size:1.15rem}
.sample ul{list-style:none;padding:0;margin:0}
.sample li{display:flex;gap:var(--s3);align-items:center;padding-block:10px;border-block-start:var(--border-w) solid var(--border);font-size:.9rem}
.sample li code{margin-inline-start:auto;font-size:.75rem;white-space:nowrap}
.floatcard{position:absolute;z-index:2;inset-block-end:0;inset-inline-start:-6%;background:var(--surface);border:var(--border-w) solid var(--border);border-radius:12px;padding:var(--s3) var(--s4);display:flex;gap:var(--s3);align-items:center;font-size:.9rem}
.floatcard b{display:block}.floatcard small{color:var(--text2)}
.okdot{inline-size:28px;block-size:28px;border-radius:50%;background:color-mix(in srgb,var(--passed) 16%,transparent);color:var(--passed);display:inline-flex;align-items:center;justify-content:center}
/* platform wordmarks strip */
.strip{padding-block:var(--s5);border-block:var(--border-w) solid var(--border)}
.strip p{margin:0 0 var(--s3);color:var(--text2);font-size:var(--fs-small)}
.marks{display:flex;flex-wrap:wrap;gap:var(--s3) var(--s7);list-style:none;padding:0;margin:0}
.marks a{font-family:var(--font-display);font-weight:700;font-size:1.35rem;letter-spacing:-.02em;color:var(--text2);opacity:.7;text-decoration:none}
.marks a:hover{opacity:1;color:var(--text)}
/* bento */
.bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s4)}
.bento article{border:var(--border-w) solid var(--border);border-radius:12px;background:var(--surface);padding:var(--s6);display:flex;flex-direction:column;gap:var(--s3)}
.bento .wide{grid-column:span 2;grid-row:span 2}
.bento h3{margin:0;font-family:var(--font-display);font-size:1.4rem;letter-spacing:-.02em}.bento p{margin:0;color:var(--text2)}
.bento .ico{inline-size:28px;block-size:28px;color:var(--accent)}
.bento pre,.bento .mini{margin-block-start:auto;background:var(--surface2);border-radius:var(--radius);padding:var(--s4);font-family:var(--font-mono);font-size:.8rem;line-height:1.6;overflow:hidden;white-space:pre-wrap;color:var(--text)}
.mini .tl{display:flex;gap:6px;align-items:end;block-size:56px}.mini .tl i{flex:1;background:var(--passed);border-radius:2px;opacity:.85}
.mini .tl i.w{background:var(--warning)}.mini .tl i.c{background:var(--critical)}
.h-10{block-size:30%}.h-20{block-size:45%}.h-30{block-size:60%}.h-40{block-size:75%}.h-50{block-size:100%}
.c-ok{color:var(--passed)}.c-bad{color:var(--critical)}.c-mut{color:var(--text2)}
.mk .section h2{font-size:var(--fs-h2);font-weight:var(--weight-display);letter-spacing:var(--tracking-display);line-height:1.05}
.section header p{font-size:var(--fs-lead)}
.topbar{background:var(--bg);border-block-end:var(--border-w) solid var(--border)}
.logo{font-family:var(--font-display);font-weight:800;letter-spacing:-.03em;font-size:1.4rem}
.btn{border-radius:var(--radius);font-weight:700}
@media (max-width:860px){.hero-c .grid{grid-template-columns:minmax(0,1fr)}.bento{grid-template-columns:minmax(0,1fr)}.bento .wide{grid-column:auto;grid-row:auto}.floatcard{inset-inline-start:var(--s4)}.hero-c{padding-block:var(--s7) var(--s6)}}
/* i18n resilience (D-102): long compounds wrap, balanced headlines, no case/tracking tricks outside Latin */
h1,h2,h3{text-wrap:balance;overflow-wrap:anywhere;hyphens:auto}
.btn,.nav a,.marks a{white-space:normal;overflow-wrap:anywhere}
:root:not([data-script="latin"]) .footer h4,:root:not([data-script="latin"]) .eyebrow,:root:not([data-script="latin"]) .kicker{text-transform:none;letter-spacing:0}
.langsw{position:relative}.langsw>summary{cursor:pointer;list-style:none}.langsw>summary::-webkit-details-marker{display:none}
.langsw .panel{position:absolute;inset-inline-end:0;inset-block-start:calc(100% + 8px);z-index:25;background:var(--surface);border:var(--border-w) solid var(--rule);border-radius:var(--radius);padding:var(--s3);inline-size:min(320px,90vw);max-block-size:60vh;overflow:auto}
.langsw input{padding:8px;margin-block-end:var(--s2)}.langsw h5{margin:var(--s2) 0 var(--s1);font-size:var(--fs-small);color:var(--text2)}
.langsw ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:2px var(--s3)}.langsw li a{display:block;padding:4px 0;color:var(--text);text-decoration:none}
.langsw li a[aria-current]{color:var(--accent);font-weight:700}
/* WO-8 operator console */
.ops-nav{display:flex;flex-wrap:wrap;gap:8px 16px;margin-block:8px 24px;padding-block-end:12px;border-block-end:1px solid var(--border)}
.scrollx{overflow-x:auto;max-inline-size:100%}
.ops-list li{margin-block:10px}
.imp-banner{background:var(--warning);color:#111;padding-block:8px;font-weight:600}
.digest table td{padding:2px 12px 2px 0}

.pcard-wrap{gap:6px}.pcard-actions{margin:0}

.help{display:inline-block;margin-inline-start:6px;vertical-align:middle;font-size:.8rem;font-weight:400}
.help>summary{list-style:none;cursor:pointer;width:1.2em;height:1.2em;border-radius:50%;border:1px solid var(--muted,#888);color:var(--muted,#888);text-align:center;line-height:1.1em;font-style:italic}
.help>summary::-webkit-details-marker{display:none}
.help>summary::before{content:"i"}
.help[open]>summary{background:var(--muted,#888);color:var(--bg,#fff)}
.help-text{display:block;max-width:34em;margin-top:4px;padding:6px 8px;border-radius:6px;background:var(--surface-2,rgba(127,127,127,.12));color:var(--text);font-size:.85rem;line-height:1.4}