.scope-field{position:relative;min-width:210px}
.config-grid .scope-field:has(.scope-picker[open]){grid-column:1/-1}
.scope-picker{position:relative}
.scope-picker summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:43px;border:1px solid var(--line);border-radius:6px;background:#fff;padding:0 11px;color:var(--ink);font-size:.88rem;font-weight:750;cursor:pointer}
.scope-picker summary::-webkit-details-marker{display:none}
.scope-picker summary::after{content:"⌄";color:#68636d;font-size:1.2rem;line-height:1}
.scope-picker[open] summary{border-color:var(--mint);box-shadow:0 0 0 3px rgba(85,183,177,.14)}
.scope-picker summary:focus-visible{outline:3px solid var(--orange);outline-offset:2px}
.scope-menu{position:relative;z-index:3;width:100%;max-height:480px;overflow:auto;margin-top:6px;padding:15px;background:#fff;border:1px solid var(--line);border-radius:9px;box-shadow:0 12px 24px rgba(38,36,43,.13)}
.scope-field .scope-all{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #83c8c3;border-radius:7px;background:var(--mintp);cursor:pointer;margin:0}
.scope-all input{width:19px;height:19px;margin:0;accent-color:#30968f}
.scope-all span{font-weight:850;font-size:.9rem}
.scope-all small{display:block;margin-top:2px;color:#577a77;font-weight:500;font-size:.75rem}
.scope-menu-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:16px 0 9px}
.scope-menu-top strong{font-size:.88rem}
.scope-menu-top .btn{padding:7px 10px;font-size:.78rem}
.scope-blocks{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.scope-blocks button{border:1px solid var(--line);background:#f6f6f7;border-radius:5px;padding:7px 9px;font-size:.78rem;color:#5a5660}
.scope-blocks button:hover,.scope-blocks button.active{background:#fff1df;border-color:#efa94e;color:#8c5418}
.topic-multi-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.scope-field .topic-multi-option{display:flex;align-items:flex-start;gap:9px;min-height:49px;padding:9px;border:1px solid var(--line);border-radius:6px;background:#fff;cursor:pointer;margin:0}
.topic-multi-option:hover{border-color:var(--mint)}
.topic-multi-option:has(input:checked){border-color:#62b8b2;background:var(--mintp)}
.topic-multi-option:focus-within,.scope-all:focus-within{outline:3px solid rgba(255,169,71,.7);outline-offset:1px}
.topic-multi-option input{width:17px;height:17px;flex:none;margin:1px 0 0;accent-color:#30968f;cursor:pointer}
.topic-multi-option span{font-size:.82rem;line-height:1.3}
.topic-multi-option b{color:#a46923;margin-right:3px}
.topic-multi-summary{font-size:.83rem;font-weight:800;color:#347e79;margin:13px 0 0}
.scope-hint{font-size:.77rem;line-height:1.45;color:var(--muted);margin:12px 0 0}
@media(max-width:760px){#tests.active{display:flex;flex-direction:column}#tests .page-head{order:0}#tests .config{order:1}#tests .mode-grid{order:2;margin-top:16px}#tests .banner{order:3}.scope-menu{max-height:min(500px,calc(100vh - 170px))}.topic-multi-grid{grid-template-columns:1fr}.topic-multi-option{min-height:43px}}
