.picnic-home .library-controls{display:grid;grid-template-columns:minmax(240px,1fr) auto auto;align-items:center;gap:16px;position:relative;z-index:4}
.picnic-home .library-controls .library-search{display:block;margin:0;min-width:0}
.picnic-home .library-controls .search-box{min-height:46px;height:46px;border-radius:4px}
.picnic-home .library-controls .search-box input{font-size:16px}
.picnic-home .library-controls .age-filter{border:0;padding:0;margin:0;flex-wrap:nowrap;gap:0}
.picnic-home .library-controls .age-choice{font-size:14px;min-height:44px;padding:10px 14px;white-space:nowrap}
.library-filters{position:relative;justify-self:end}
.library-filters>summary{list-style:none;display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:10px 12px;border:1px solid #a8bcb2;border-radius:4px;font-size:14px;cursor:pointer;background:#fff}
.library-filters>summary::-webkit-details-marker{display:none}
.library-filters>summary svg{width:18px;height:18px;flex:none}
.library-filters[open]>summary{background:#eaf3e9;border-color:#597660}
.library-filters>summary:focus-visible,.filter-panel button:focus-visible,.active-filters button:focus-visible{outline:2px solid #a4382a;outline-offset:3px}
.filter-count{display:grid;place-items:center;min-width:20px;height:20px;border-radius:50%;background:#315946;color:#fff;font-size:12px;padding:0 4px}
.filter-panel{position:fixed;z-index:10;right:var(--filter-right,16px);top:var(--filter-top,16px);width:440px;max-width:calc(100vw - 36px);padding:20px;background:#fff;border:1px solid #c4d4ca;border-radius:6px;box-shadow:0 12px 32px #294d4024;max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain}
.filter-panel-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 14px;gap:12px}
.filter-panel-heading strong{font:700 20px/1.3 Bricolage,sans-serif}
.filter-panel-heading .icon-button{width:36px;height:36px;min-width:36px;min-height:36px}
.filter-panel .library-format{width:100%;margin:0 0 18px}
.filter-panel .library-format button{flex:1;justify-content:center;padding:9px 8px;font-size:14px}
.filter-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.filter-panel .select-box{padding:8px 10px;min-height:65px}
.filter-panel .select-box>span{font-size:13px}
.filter-panel .select-box select{font-size:14px;min-height:30px}
.filter-panel .level-help{display:inline-block;font-size:14px;text-decoration:underline;text-underline-offset:3px;margin-top:12px}
.filter-panel .all-seasons{gap:12px 20px;margin:18px 0;padding:16px 0 0;border-bottom:0;border-top:1px solid var(--line);flex-wrap:wrap;font-size:14px}
.filter-panel .filter-done{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;width:100%;background:#315946;color:#fff;border-radius:4px;font-size:15px}
.filter-done svg{width:18px;height:18px}
.picnic-home .collection-toolbar{padding:14px 0 20px;min-height:62px;gap:10px 18px}
.active-filters{display:flex;align-items:center;flex-wrap:wrap;gap:6px}
.active-filters button{display:flex;align-items:center;gap:7px;padding:5px 8px;min-height:34px;font-size:13px;color:#315946;border:1px solid #c4d4ca;border-radius:3px;background:#f4f8f4;max-width:100%}
.active-filters button span{overflow-wrap:anywhere}
.active-filters button svg{width:14px;height:14px;flex:none}
.active-filters[hidden],.filter-count[hidden]{display:none}
.picnic-home .library-tools{margin-left:auto}
.picnic-home .library-tools>button{min-height:36px}
.picnic-home #collection{scroll-margin-top:24px}
@media(max-width:960px){.picnic-home .library-controls{gap:10px;grid-template-columns:minmax(180px,1fr) auto auto}.picnic-home .library-controls .age-choice{padding:10px}}
@media(max-width:760px){
  .picnic-home .activity-navigation{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;padding:0 0 8px;margin:0 0 14px;scrollbar-width:thin;scrollbar-color:#a8bcb2 transparent}
  .picnic-home .activity-navigation button,.picnic-home .activity-navigation button:first-child{flex:none;flex-direction:row;gap:7px;min-height:44px;padding:8px 10px;white-space:nowrap;font-size:14px}
  .picnic-home .library-controls{grid-template-columns:minmax(0,1fr) auto;gap:12px 8px}
  .picnic-home .library-controls .library-search{grid-column:1/-1}
  .picnic-home .library-controls .search-box{height:48px;min-height:48px}
  .picnic-home .library-controls .age-choice{padding:10px 12px}
  .library-filters>summary{padding:10px;gap:6px}
  .filter-panel{padding:16px;width:400px}
  .filter-panel .library-format button{font-size:13px}
  .picnic-home .collection-toolbar{padding:12px 0 18px;align-items:center;gap:8px}
  .active-filters{order:2;flex-basis:100%}
  .picnic-home .collection-heading{margin-bottom:18px}
}
@media(max-width:380px){.picnic-home .library-controls .age-choice{padding:10px 6px;font-size:13px}.filter-panel{max-width:calc(100vw - 32px)}.filter-fields{gap:9px}.filter-panel .select-box select{font-size:13px}.filter-panel .library-format button{gap:5px;padding:9px 5px}.library-filters>summary{font-size:13px;padding:10px 8px}}
@media print{.library-filters{display:none}}