/* Alternatives pages + report block */
:root{--g-ink:#111;--g-red:#cc0000;--g-paper:#fff;
--g-A-bg:var(--g-paper);--g-A-fg:var(--g-ink);--g-A-bd:var(--g-ink);
--g-B-bg:var(--g-paper);--g-B-fg:var(--g-ink);--g-B-bd:var(--g-ink);
--g-C-bg:var(--g-paper);--g-C-fg:var(--g-ink);--g-C-bd:var(--g-ink);
--g-D-bg:var(--g-paper);--g-D-fg:var(--g-red);--g-D-bd:var(--g-red);
--g-F-bg:var(--g-red);--g-F-fg:var(--g-paper);--g-F-bd:var(--g-red)}
.wbl-alt .wrap.narrow{max-width:var(--w-max)}
.wbl-alt .entry{font-family:var(--f-sans);font-size:1rem}
.alt-lede{font:400 1.15rem/1.6 var(--f-serif);color:var(--c-ink-2)}
.alt-method{font-size:var(--fs-sm);color:var(--c-ink-3);border-left:3px solid var(--c-border);padding-left:12px}
.alt-tools{margin:18px 0 8px}
.alt-q-label{display:block;font:600 var(--fs-sm) var(--f-sans);color:var(--c-ink);margin-bottom:6px}
.alt-q{width:100%;max-width:520px;min-height:44px;box-sizing:border-box;padding:12px 14px;border:1px solid #8a8a8a;border-radius:var(--r-sm);font:400 1rem var(--f-sans)}
.alt-q:focus{outline:3px solid #111;outline-offset:1px}
.alt-empty{color:var(--c-red-ink);font-weight:600}
.alt-chips{margin:14px 0 6px}.entry .alt-chips a{text-decoration:none}
.entry .alt-cat-h{margin-top:1.8em;padding-top:14px;border-top:2px solid var(--c-rule);font-size:var(--fs-xl)}
.alt-instead{font:600 1.05rem/1.4 var(--f-sans);color:var(--c-ink);margin:14px 0 10px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.alt-prov{font:500 var(--fs-xs) var(--f-sans);background:var(--c-bg-muted);color:var(--c-ink-2);padding:3px 8px;border-radius:var(--r-pill)}
.alt-note{font-size:var(--fs-sm);color:var(--c-ink-3)}
.entry ul.alt-grid{list-style:none;padding:0;margin:0 0 10px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));justify-content:start}
@media(min-width:1000px){.entry ul.alt-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.entry ul.alt-grid>li.alt-card:only-child{max-width:360px}
.entry li.alt-card{margin:0;border:1px solid var(--c-border);border-radius:var(--r-md);overflow:hidden;background:#fff;display:flex;flex-direction:column}
.alt-img,.entry .alt-img,.entry figure.alt-img{margin:0}.entry .alt-img img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:0}
.alt-img figcaption{font:400 11px/1.4 var(--f-sans);color:#5c5c5c;padding:5px 10px 0}
.entry .alt-img figcaption a{color:#5c5c5c}
.alt-body{padding:8px 14px 14px}.entry .alt-body h3{margin:4px 0 4px;font-size:1.15rem}
.alt-grade{margin:0 0 6px}.alt-why{font-size:.95rem;line-height:1.5;margin:0 0 8px;color:var(--c-ink-2)}
.entry .alt-why a{font-size:var(--fs-sm)}.alt-site{margin:0;font-weight:600;font-size:var(--fs-sm)}.alt-site a,.alt-back a,.alt-cat-link a{display:inline-block;padding:4px 0;min-height:24px;box-sizing:border-box}
.g{display:inline-block;font:700 var(--fs-xs)/1 var(--f-sans);padding:4px 8px;border-radius:var(--r-pill);border:1.5px solid transparent;letter-spacing:.02em}
.g-A{background:var(--g-A-bg);color:var(--g-A-fg);border-color:var(--g-A-bd)}.g-B{background:var(--g-B-bg);color:var(--g-B-fg);border-color:var(--g-B-bd)}.g-C{background:var(--g-C-bg);color:var(--g-C-fg);border-color:var(--g-C-bd)}.g-D{background:var(--g-D-bg);color:var(--g-D-fg);border-color:var(--g-D-bd)}.g-F{background:var(--g-F-bg);color:var(--g-F-fg);border-color:var(--g-F-bd)}
.sc{font:600 var(--fs-xs) var(--f-sans);color:var(--c-ink-3)}
.alt-cat-link,.alt-back,.alt-more{font:600 var(--fs-sm) var(--f-sans)}
.alt-block{margin:28px 0;padding:18px 20px;border:2px solid var(--c-ink);border-radius:var(--r-md);background:var(--c-bg-soft);font-family:var(--f-sans)}
.alt-block h2{margin:0 0 8px;font-size:var(--fs-lg)}.alt-block p{margin:0 0 12px;font-size:1rem;line-height:1.5}
.alt-block .btn{display:inline-block;text-decoration:none}
.alt-hide{display:none!important}
.alt-cat,.alt-group{scroll-margin-top:130px}
.entry .alt-block a.btn,.alt-block a.btn{color:#fff!important;text-decoration:none!important;background:var(--c-red-ink);padding:10px 16px;border-radius:var(--r-sm);font:600 var(--fs-sm) var(--f-sans)}
.alt-block strong,.report-body .alt-block p>strong,.report-body .alt-block p>strong:first-child{text-transform:none;letter-spacing:0;font-weight:700;font-size:inherit;font-family:inherit}
.alt-head{padding:12px 14px 8px}.entry .alt-head h3{margin:0 0 4px;font-size:1.15rem}.alt-head .alt-grade{margin:0}
.alt-body{padding-top:10px}
details.alt-method{padding:6px 0 6px 12px}details.alt-method summary{cursor:pointer;font-weight:600;color:var(--c-ink-2);padding-left:1.1em;text-indent:-1.1em}details.alt-method p{margin:8px 0 0}
.alt-block .alt-co{font-size:var(--fs-sm);color:var(--c-ink-2)}.wbl-alt .alt-disc{font-size:var(--fs-sm);color:var(--c-ink-3);margin:8px 0 0}.alt-block .alt-disc{font-size:var(--fs-sm);color:var(--c-ink-3);margin:12px 0 0}
@media(max-width:639px){.alt-lede{font-size:1rem;line-height:1.45;margin-bottom:8px}.alt-tools{margin:10px 0 4px}.alt-q{padding:9px 12px}
.alt-chips{margin:8px 0 4px}.entry .alt-cat-h{margin-top:1em;padding-top:10px}.alt-instead{margin:8px 0}.alt-back{margin:0 0 6px}}