.effect-explorer{&{border:1px solid var(--color-border);background:var(--color-surface);border-radius:.6rem;margin-block:1.5rem 2.5rem;padding:clamp(.8rem,2vw,1.4rem)}& h2{margin-top:0;scroll-margin-top:6rem}& .search-modes{border:0;flex-wrap:nowrap;gap:.4rem;min-inline-size:0;margin:0 0 .8rem;padding:0;display:flex}& .search-modes legend{margin-bottom:.3rem;font-size:.85rem}& .search-modes label{border:1px solid var(--color-control-border);white-space:nowrap;cursor:pointer;border-radius:.3rem;flex:1;justify-content:center;align-items:center;gap:.3rem;min-height:44px;padding:.35rem;display:flex}& .search-modes label:has(:checked){background:var(--color-primary-soft);border-color:var(--color-primary-accent)}& .search-modes input{margin:0}& :is(a,button,input,select,summary):focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}& .explorer-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}& fieldset.explorer-controls{border:0;min-inline-size:0;margin:0;padding:0}& .explorer-controls[hidden],& [hidden]{display:none!important}& label{font-size:.9rem;font-weight:700;display:block}& select,& input[type=search]{box-sizing:border-box;border:1px solid var(--color-control-border);width:100%;min-width:0;color:inherit;background:var(--color-surface);font:inherit;border-radius:.3rem;margin-top:.3rem;padding:.7rem;display:block}& button{cursor:pointer;min-height:44px;color:inherit;background:var(--color-surface);border:1px solid var(--color-control-border);font:inherit;border-radius:.3rem;padding:.65rem .8rem}& button[aria-pressed=true]{outline:2px solid var(--color-primary-accent)}& .compare-actions{flex-wrap:wrap;align-items:end;gap:.5rem;display:flex}& .explorer-caution{border-left:3px solid var(--color-primary-accent);padding-left:.8rem;font-size:.9rem}& [data-explorer-count]{min-height:1.5em;font-weight:700}& .explorer-effects>details{border-top:1px solid var(--color-border);padding:.8rem 0}& .explorer-effects>details>summary{align-content:center;min-height:44px}& summary{cursor:pointer;overflow-wrap:anywhere}& summary small{color:var(--color-muted-text);margin-inline:.5rem}& .purpose-tag{margin-left:.5rem;font-size:.8rem;display:inline-block}& .effect-content{padding-block:.5rem}& .effect-content p{margin:.5rem 0}& .effect-assessment,& .effect-verification,& .effect-relations{font-size:.85rem}& .tier-table{overflow-x:auto}& table{border-collapse:collapse;width:100%;font-size:.9rem}& th,& td{border:1px solid var(--color-border);text-align:left;vertical-align:top;overflow-wrap:anywhere;padding:.65rem}& th:first-child{width:21%}& td:last-child{width:17%}& th small,& td small{color:var(--color-muted-text);font-weight:400;display:block}& .effect-comparison-choice{margin-block:.5rem}& .effect-comparison-choice input{margin-right:.5rem}& .related-equipment,& .observed-examples{border:1px solid var(--color-border);margin-block:.8rem;padding:.5rem}& .related-equipment summary,& .observed-examples summary{align-content:center;min-height:44px}& .related-equipment h3{font-size:.9rem}& .related-equipment ul{columns:2;padding-left:1.3rem}& .related-equipment li{break-inside:avoid;overflow-wrap:anywhere;margin-block:.3rem}& .related-equipment small{display:block}@media (width<=40rem){& label{font-size:.8rem}& select,& input[type=search]{min-height:44px;padding:.6rem .35rem}& th,& td{padding:.4rem}& summary small{margin-left:0;display:block}& .related-equipment ul{columns:1}& .compare-actions{grid-column:1/-1}}}