/* Before you wire (/business/supplier-check/). Page-specific rules, prefixed .sup-. Logical properties only. */
.sup-grid{display:grid;gap:var(--s-5);align-items:start}
@media (min-width:901px){.sup-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.sup-ctl{position:sticky;inset-block-start:calc(var(--top-h) + 16px)}}
/* pinned checklist (stepper-sync): names only, no result, no score */
.sup-chk{margin-block-start:var(--s-4)}
.sup-chk-h{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);margin-block-end:8px}
.sup-chk-list{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.sup-chk-list li{display:flex;align-items:center;gap:10px;min-block-size:32px;font-size:var(--fs-14);color:var(--muted)}
.sup-dot{flex:none;inline-size:16px;block-size:16px;border-radius:50%;border:2px solid var(--border);background:transparent}
.sup-chk-list li.is-done{color:var(--ink)}
.sup-chk-list li.is-done .sup-dot{background:var(--gold);border-color:var(--gold)}
.sup-chk-list li.is-now{font-weight:var(--fw-semibold)}
.sup-grid.ahs.is-live .sup-ctl .ahs-pic{position:static}
.sup-list .ahs-step{min-block-size:0!important;display:flex}
.sup-list li{flex-wrap:wrap}
.sup-list .ahs-n{flex-basis:100%;padding-inline-start:30px}
@media (prefers-reduced-motion:reduce){.sup-dot{transition:none}}
.sup-opts{display:flex;flex-direction:column;gap:8px}
.sup-opts .choice{min-block-size:48px;padding-block:8px;align-items:flex-start;line-height:1.35}
.sup-opts .choice input{margin-block-start:2px}
.sup-report{gap:var(--s-4)}
.sup-meta{margin:0;display:grid;gap:8px}
.sup-meta div{display:grid;grid-template-columns:90px minmax(0,1fr);gap:var(--s-3);font-size:var(--fs-15)}
.sup-meta dt{font-weight:var(--fw-semibold);color:var(--muted)}
.sup-meta dd{margin:0;color:var(--ink)}
.sup-count{margin:0;padding:10px 14px;border-radius:var(--r-md);background:var(--card-2);border:1px solid var(--border);font-weight:var(--fw-semibold);font-size:var(--fs-15)}
.sup-list{gap:12px}
.sup-list li{padding-block-end:12px;border-block-end:1px solid var(--border)}
.sup-list li:last-child{border-block-end:0;padding-block-end:0}
.sup-list strong{display:block;font-size:var(--fs-15)}
.sup-list span span{display:block;font-size:var(--fs-14);color:var(--ink-2);margin-block-start:2px}
.sup-h4{font:var(--fw-semibold) var(--fs-16)/1.3 var(--font-sans);color:var(--ink-2);margin:var(--s-2) 0 0}
.sup-q,.sup-not{margin:0;padding-inline-start:1.3em;display:flex;flex-direction:column;gap:6px;font-size:var(--fs-15);color:var(--ink-2)}
.sup-cta{display:flex;gap:var(--s-6);align-items:center;justify-content:space-between;flex-wrap:wrap}
.sup-cta>div:first-child{flex:1 1 320px}
.sup-cta .actions{flex:0 1 auto;min-inline-size:0}
@media (max-width:520px){.sup-cta .actions .btn,.hero-copy .actions .btn{inline-size:100%;white-space:normal;text-align:center;line-height:1.25;padding-block:10px}.sup-meta div{grid-template-columns:minmax(0,1fr)}.sup-meta dt{font-size:var(--fs-13)}}
.steps h3 .badge{margin-inline-start:6px;vertical-align:middle}
/* the "not open yet" notice shown while the supplier_check flag is off */
.sup-off{min-block-size:50vh}
.sup-off-h{margin:0 0 var(--s-3);font:var(--fw-semibold) var(--fs-32)/1.2 var(--font-serif);color:var(--ink)}

/* closed details: the demos and small print are folded (same look as the FAQ rows) */
.fold{background:var(--card);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-1);overflow:hidden;margin-block-start:var(--s-4)}
.fold>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);padding:14px 18px;font-weight:var(--fw-semibold);font-size:var(--fs-16);color:var(--ink);min-block-size:52px}
.fold>summary::-webkit-details-marker{display:none}
.fold>summary::after{content:"";inline-size:10px;block-size:10px;border-inline-end:2px solid var(--muted);border-block-end:2px solid var(--muted);transform:rotate(45deg);flex:none;margin-inline-end:4px;transition:transform var(--dur-fast) var(--ease)}
.fold[open]>summary::after{transform:rotate(225deg)}
.fold>summary:hover{background:var(--card-2)}
.fold>summary:focus-visible{box-shadow:inset var(--shadow-focus)}
.fold>.fold-in{padding:0 18px 18px;color:var(--ink-2)}
.fold>.fold-in>p{max-inline-size:var(--read-max)}