/* Enhance the existing links on mobile; desktop uses the original navigation. */
.circle-mobile-filters{display:none}
html.circle-filter-open{overflow:hidden}
.front-ui .circle-filter-sheet{box-sizing:border-box;position:fixed;inset:auto 0 0;width:100%;max-width:560px;max-height:85vh;max-height:85dvh;margin:0 auto;padding:0 0 max(18px,env(safe-area-inset-bottom));border:0;border-radius:18px 18px 0 0;background:#fff;color:#294333;overflow-y:auto;overscroll-behavior:contain;box-shadow:0 -8px 40px #12281c24;text-align:left}
.circle-filter-sheet::backdrop{background:#10231985}
.front-ui .circle-filter-sheet>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px 8px;background:#fff;position:sticky;top:0;z-index:1;border-bottom:1px solid #e7ede7}
.front-ui .circle-filter-sheet h2{margin:0;font-size:16px;line-height:1.5;font-weight:650}
.front-ui .circle-filter-sheet>header button{border:0;border-radius:8px;background:#f1f5f0;color:#536c5b;font-size:13px;min-height:44px;min-width:48px;padding:0 10px;cursor:pointer}
.front-ui .circle-filter-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:16px}
.front-ui .circle-filter-options a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;box-sizing:border-box;padding:10px 12px;border:1px solid #e2e8e0;border-radius:9px;background:#f8faf7;color:#52645a;font-size:14px;line-height:1.5;text-decoration:none;white-space:normal;overflow-wrap:anywhere}
.front-ui .circle-filter-options a[aria-current=page]{background:#edf5e9;border-color:#9fba95;color:#365d32;font-weight:650}
.circle-filter-options a[aria-current=page]::after{content:'✓';font-size:12px}
.circle-mobile-filters button:focus-visible,.circle-filter-sheet :is(a,button):focus-visible{outline:2px solid #51794b;outline-offset:2px}
@media(max-width:760px){
  /* Working fallback: every option remains reachable with no horizontal scroll. */
  .front-ui.page-circle .circle-discussion-board :is(.cm-type-tabs,.circle-content-tabs){flex-wrap:wrap!important;overflow:visible;white-space:normal;gap:6px;padding:10px 14px}
  .front-ui.page-circle .circle-discussion-board :is(.cm-type-tabs,.circle-content-tabs)>a{min-height:40px;box-sizing:border-box;padding:9px 10px;font-size:13px;line-height:20px;white-space:normal}
  .front-ui.page-circle .has-mobile-filters :is(.cm-type-tabs,.circle-content-tabs){display:none}
  .front-ui.page-circle .circle-mobile-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 14px 14px;border-bottom:1px solid #e4eae3}
  .front-ui .circle-mobile-filters>button{display:flex;align-items:center;gap:6px;width:100%;min-width:0;min-height:44px;box-sizing:border-box;margin:0;padding:9px 10px;border:1px solid #dce5d9;border-radius:8px;background:#f7faf5;color:#3b5d3e;font:inherit;font-size:13px;line-height:20px;cursor:pointer;text-align:left}
  .circle-mobile-filters>button>span{color:#7a887a;font-size:12px;flex:none}
  .circle-mobile-filters>button>strong{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
  .circle-mobile-filters>button>i{font-style:normal;margin-left:auto;flex:none;color:#6b8066}
  .front-ui.page-circle #circle-discussions{scroll-margin-top:88px}
}