.side-controls{display:none}@media (max-width: 900px){.toolbar .tool-field,.toolbar .view-toggle{display:none}.side-controls{display:flex;flex-direction:column;gap:28px}}.side-sort{display:flex;flex-direction:column;gap:6px}.side-sort-opt{position:relative;display:flex;align-items:center;gap:10px;width:100%;padding:11px 14px 11px 38px;border:1px solid #ebe5d6;border-radius:10px;background:#fff;font:inherit;font-size:14px;color:var(--fg);text-align:left;cursor:pointer;transition:background .12s,border-color .12s,color .12s}.side-sort-opt:hover{background:#f5f1e8;border-color:var(--c-green)}.side-sort-opt.active{color:var(--c-green);font-weight:600;border-color:var(--c-green);background:#2dab660f}.side-sort-opt .check{position:absolute;left:13px;top:50%;transform:translateY(-50%);width:16px;height:16px;opacity:0;color:var(--c-green)}.side-sort-opt.active .check{opacity:1}.side-sort-opt .meta{margin-left:auto;font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--fg-muted);background:#f5f1e8;padding:2px 8px;border-radius:999px}.side-sort-opt.active .meta{background:var(--c-green);color:#fff}.side-controls .view-toggle{width:100%;height:46px}.side-controls .view-toggle button{flex:1}.side-perpage{display:flex;flex-wrap:wrap;gap:8px}.pp-pill{flex:1 1 auto;min-width:56px;padding:9px 14px;border:1px solid #ebe5d6;border-radius:999px;background:#fff;font:inherit;font-size:13px;font-weight:600;color:var(--fg);cursor:pointer;transition:background .12s,border-color .12s,color .12s}.pp-pill:hover{border-color:var(--c-green);background:#f5f1e8}.pp-pill.active{background:var(--c-green);border-color:var(--c-green);color:#fff}@media (prefers-reduced-motion: reduce){.side-sort-opt,.pp-pill{transition:none}}@media (max-width: 900px){body:has(.side-wrap.open) main{z-index:60}}