/* Do, don't and excluded block beside each spectrum (spectrum_boundaries.py). */
:root:root body.ed main .e-bounds .pairs{margin:24px 0 0;gap:18px}
/* minmax(0,…) tracks and min-width:0 keep a wide row of Seen screens scrolling inside its row instead of widening the page on phones. */
:root:root body.ed main .e-bounds .pairs li{margin:0;padding:0;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:0}
:root:root body.ed main .e-bounds .pairs li>div{border-radius:0;background:none;border:0;border-top:1px solid var(--e-rule-strong)!important;padding:14px 18px 8px 0}
:root:root body.ed main .e-bounds .pair-dont .mini-label{color:var(--e-ink);font-weight:600}
:root:root body.ed main .e-bounds .pairs li>.pair-dont{border-top:1.5px solid var(--e-ink)!important}
:root:root body.ed main .e-bounds .pairs h3{font:600 16px/1.35 var(--e-sans);margin:0 0 4px}
:root:root body.ed main .e-bounds .pairs p{margin:0;font-size:15px;line-height:1.55}
:root:root body.ed main .e-bounds .pair-why{grid-column:1/-1;margin:0;padding-right:18px;color:var(--e-faint)}
:root:root body.ed main .e-bounds .pair-why .cites{display:inline}
:root:root body.ed main .e-bounds .pair-why .cite{display:inline-flex;margin:3px 0 3px 8px;padding:5px 13px;font-size:13px;line-height:1.3;text-decoration:none;border:0;background-image:none}
:root:root body.ed main .e-bounds .pair-why .cite:hover{text-decoration:none}
:root:root body.ed main .e-bounds .e-h3{margin:36px 0 10px}
:root:root body.ed main .e-excluded{list-style:none;margin:0;padding:0}
:root:root body.ed main .e-excluded li{margin:0;padding:10px 0;border-top:1px solid var(--e-rule);font-size:15px;line-height:1.55}
:root:root body.ed main .e-bounds .pair-seen{grid-column:1/-1;min-width:0;margin:10px 0 0;padding:0 18px 4px 0;font-size:14px;line-height:1.5;color:var(--e-faint)}
:root:root body.ed main .e-bounds .pair-seen ul,:root:root body.ed main .e-good{list-style:none;margin:0;padding:0}
:root:root body.ed main .e-bounds .pair-seen li{margin:4px 0 0;padding:0;display:block;border:0}
:root:root body.ed main .e-good>li{margin:0;padding:10px 0;border-top:1px solid var(--e-rule);font-size:15px;line-height:1.55}
:root:root body.ed main .seen-shot{margin:2px 0 6px}
/* View screen(s): an outlined pill with a chevron, not an underlined link (owner, 7 Nov 2026; same as the prayer draft). */
:root:root body.ed main .seen-shot summary{list-style:none;display:inline-flex;align-items:center;gap:9px;min-height:32px;box-sizing:border-box;padding:3px 14px 3px 12px;border:1px solid var(--e-muted);border-radius:999px;cursor:pointer;font-size:.8rem;font-weight:500;color:var(--e-ink);text-decoration:none;background:transparent}
:root:root body.ed main .seen-shot summary::-webkit-details-marker{display:none}
:root:root body.ed main .seen-shot summary::before{content:"";width:6px;height:6px;margin-top:-3px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform .2s}
:root:root body.ed main .seen-shot[open] summary::before{transform:rotate(-135deg);margin-top:3px}
:root:root body.ed main .seen-shot summary:hover{border-color:var(--e-ink)}
:root:root body.ed main .seen-shot summary:focus-visible{outline:2px solid var(--e-ink);outline-offset:2px}
:root:root body.ed main .seen-row{display:flex;gap:14px;overflow-x:auto;padding:8px 2px 12px;scroll-snap-type:x proximity;max-width:100%}
:root:root body.ed main .seen-row figure{flex:0 0 min(220px,70vw);margin:0;scroll-snap-align:start}
:root:root body.ed main .seen-row img{display:block;width:100%;height:auto;border:1px solid var(--e-rule);border-radius:10px}
:root:root body.ed main .seen-row figcaption{margin-top:6px;font-size:13px;line-height:1.4;color:var(--e-faint)}
@media (max-width:700px){:root:root body.ed main .e-bounds .pairs li{grid-template-columns:minmax(0,1fr)}:root:root body.ed main .e-bounds .pairs li>.pair-do{border-top:0!important;padding-top:0}}