.commentary-level-filter{border:0;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:18px 0 6px;padding:0;display:flex}.commentary-level-filter legend{float:left;color:var(--muted);margin-right:4px;padding:0;font-size:12px}.commentary-level-filter>div{border:1px solid var(--ink);display:inline-flex}.commentary-level-filter button{color:var(--ink);cursor:pointer;background:0 0;border:0;padding:7px 12px;font-size:13px}.commentary-level-filter button+button{border-left:1px solid var(--ink)}.commentary-level-filter button small{color:var(--muted);margin-left:2px;font-size:11px}.commentary-level-filter button[aria-pressed=true]{background:var(--ink);color:#fff}.commentary-level-filter button[aria-pressed=true] small{color:#d7dbe4}.commentary-level-filter button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.commentary-level-filter p{color:var(--muted);flex-basis:100%;margin:0;font-size:12px}.commentary-level{letter-spacing:0;vertical-align:.18em;white-space:nowrap;border:1px solid;border-radius:999px;margin-left:8px;padding:1px 7px;font-size:11px;font-style:normal;font-weight:500;line-height:1.5;display:inline-block}.commentary-level.level-child{color:#1d7a46}.commentary-level.level-youth{color:#2f5aa8}.commentary-level.level-adult{color:#8a5a14}.commentary-section[data-level-filter=child] details[data-level=youth],.commentary-section[data-level-filter=child] details[data-level=adult],.commentary-section[data-level-filter=youth] details[data-level=adult],:is(.commentary-section[data-level-filter=child] .commentary-parents:not(:has(details[data-level=child])),.commentary-section[data-level-filter=youth] .commentary-parents:not(:has(details[data-level=child],details[data-level=youth]))){display:none}@media (max-width:600px){.commentary-level{margin-left:6px;padding:0 6px;font-size:10px}.commentary-level-filter button{padding:7px 10px}}