.explains-tools { margin:0 0 26px; }
.explains-topics { display:flex; flex-wrap:wrap; gap:8px; padding:0 0 16px; margin:0 0 16px; border-bottom:1px solid #dce4dc; }
.explains-topics button { display:inline-flex; align-items:center; gap:7px; min-height:42px; padding:9px 14px; border:1px solid #dce4dc; border-radius:999px; background:transparent; color:var(--ink,#18222a); font:600 14px/1.3 var(--sans,Arial,sans-serif); cursor:pointer; }
.explains-topics button span { font-size:11px; font-weight:500; opacity:.65; }
.explains-topics button:hover { background:#e8f0e9; }
.explains-topics button[aria-pressed="true"] { background:#285e49; border-color:#285e49; color:#fff; }
.explains-topics button:focus-visible { outline:2px solid var(--gold,#a67727); outline-offset:3px; }
.explains-order { display:flex; flex-wrap:wrap; align-items:center; gap:10px 16px; margin:0 0 22px; }
.explains-order button { display:inline-flex; align-items:center; gap:8px; padding:9px 15px; min-height:42px; border:1px solid #bad0c2; border-radius:999px; background:#f2f6f1; color:#285e49; font:600 14px/1.3 var(--sans,Arial,sans-serif); cursor:pointer; }
.explains-order button:hover { background:#e8f0e9; }
.explains-order button[aria-pressed="true"] { color:#fff; background:#285e49; border-color:#285e49; }
.explains-order button:focus-visible { outline:2px solid var(--gold,#a67727); outline-offset:3px; }
.explains-order p { margin:0; font-size:13px; line-height:1.45; color:var(--ink-soft,#69756f); }
.explains-order .explains-search { display:block; flex:1 1 230px; max-width:420px; margin:0; }
.explains-search input { display:block; box-sizing:border-box; width:100%; min-height:42px; padding:9px 14px; border:1px solid #dce4dc; border-radius:999px; background:#fff; color:var(--ink,#18222a); font:14px/1.3 var(--sans,Arial,sans-serif); }
.explains-search input:focus-visible { outline:2px solid var(--gold,#a67727); outline-offset:2px; }
.explains-directory [hidden] { display:none!important; }
.explains-newest>h2 { font-size:24px; margin:0 0 18px; }
@media (max-width:600px) { .explains-topics { flex-wrap:nowrap; overflow-x:auto; scrollbar-width:thin; padding-bottom:12px; } .explains-topics button { flex:none; } }