/* Native radios keep the entrance picker compact at every width. */
.placement-level-picker{margin:12px 0}
.placement-level-picker .placement-levels{border:0;padding:0;margin:0;display:flex;align-items:center;flex-wrap:wrap;gap:12px 22px}
.placement-level-picker .placement-level{display:grid!important;grid-template-columns:18px auto;gap:2px 6px!important;align-items:center;padding:4px 0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;cursor:pointer;min-height:0!important;font-size:14px}
.placement-level-picker .placement-level input{grid-row:1/3;width:18px!important;height:18px!important;min-height:18px!important;margin:0;accent-color:#01468c}
.placement-level-picker .placement-level strong{font-size:14px;white-space:nowrap}
.placement-level-picker .placement-level small{font-size:12px;line-height:1.3}
@media(max-width:1023px){
 body.cc-app.has-sidebar .app-topbar,body.cc-app.has-sidebar .app-topbar.has-actions{position:static!important;top:auto!important}
}
@media(max-width:760px){
 body.cc-app.has-sidebar:not(.page-simulation) main.container form.mobile-filter-ready{display:grid!important;grid-template-columns:minmax(0,1fr) 38px;align-items:start!important;gap:8px!important}
 .mobile-filter-panel{grid-column:1/-1;min-width:0;padding:12px;border:1px solid #d7e2f0;border-radius:12px;background:#fff}
 .mobile-filter-panel[hidden],.cal-mobile-options[hidden]{display:none!important}
 .mobile-filter-panel>header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}
 body.cc-app.has-sidebar main.container .mobile-filter-panel>header h2{margin:0;font-size:14px}
 .mobile-filter-close{width:28px;height:28px;padding:0;border:0;background:#eef4fb;border-radius:6px;font-size:23px;line-height:1;color:#01468c;cursor:pointer}
 body:not(.page-simulation) :is(main,dialog,.app-topbar) .btn>svg:is(.ui-icon,.action-icon){box-sizing:border-box;width:22px!important;height:22px!important;flex:0 0 22px!important;padding:2px!important;min-width:22px;max-width:none;vertical-align:middle}
 body.cc-app.has-sidebar main.container .app-reference-news .news-listing{padding:10px!important;border-radius:12px}
 body.cc-app.has-sidebar main.container .app-reference-news .news-listing>.container{padding:0!important;max-width:none;width:100%}
 body.cc-app.has-sidebar main.container .app-reference-news .news-listing .row{--bs-gutter-x:0;margin-inline:0}
 body.cc-app.has-sidebar main.container .app-reference-news .news-listing .row>.col-12{padding-inline:0}
 body.cc-app.has-sidebar main.container .app-reference-news .news-grid-column{padding-top:10px!important}
 body.cc-app.has-sidebar main.container .app-reference-news .news-grid{gap:10px!important}
 body.cc-app.has-sidebar main.container .app-reference-news .news-grid>.news-card{padding:8px!important;border-radius:12px}
 body.cc-app.has-sidebar main.container .app-reference-news .news-card .blog-content{padding:8px 0 0!important}
 body.cc-app.has-sidebar main.container .app-reference-news .news-card .blog-title{font-size:14px;line-height:1.45;margin:8px 0 12px}
 body.cc-app.has-sidebar main.container .app-reference-news .blog-cats{margin:0 0 8px!important;gap:6px}
 body.cc-app.has-sidebar main.container .cal-toolbar.cal-mobile-ready{display:grid;grid-template-columns:minmax(0,1fr) 30px;gap:8px;padding:10px 12px}
 body.cc-app.has-sidebar main.container .cal-toolbar.cal-mobile-ready>.cal-nav{min-width:0;gap:6px;margin:0}
 body.cc-app.has-sidebar main.container .cal-month{gap:7px}
 body.cc-app.has-sidebar main.container .cal-month strong{font-size:14px;white-space:nowrap}
 body.cc-app.has-sidebar main.container .cal-month .cal-arrow{width:30px;height:30px;min-width:30px;min-height:30px;padding:4px}
 .cal-options-toggle{display:grid;place-items:center;width:30px;height:30px;padding:3px;border:1px solid #c5d6ed;border-radius:8px;background:#fff;color:#01468c;cursor:pointer}
 .cal-options-toggle svg{width:20px;height:20px;transition:transform .15s}
 .cal-options-toggle[aria-expanded=true] svg{transform:rotate(180deg)}
 .cal-mobile-options{grid-column:1/-1;min-width:0;display:grid;gap:10px;padding-top:6px}
 .cal-mobile-options>.cal-count{font-size:12px}
 .cal-mobile-options .cal-view-switch{justify-self:start}
 body.cc-app.has-sidebar main.container .cal-mobile-options form.mobile-filter-ready{margin-bottom:0!important}
 .placement-level-picker .placement-levels{justify-content:space-between;gap:8px}
 .placement-level-picker .placement-level{column-gap:4px!important}
 .placement-level-picker .placement-level strong{font-size:13px}
}
@media(max-width:760px){
 body.cc-app.has-sidebar:not(.page-simulation) main.container form.mobile-filter-ready>.mobile-filter-search{grid-column:1!important;grid-row:1}
 body.cc-app.has-sidebar:not(.page-simulation) main.container form.mobile-filter-ready>.mobile-filter-open{grid-column:2;grid-row:1}
 body.cc-app.has-sidebar:not(.page-simulation) main.container form.mobile-filter-ready>.mobile-filter-panel{grid-row:2}
 .cal-options-toggle svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}
}

/* A search-only form does not need a filter disclosure. */
@media(max-width:760px){
 body.cc-app.has-sidebar:not(.page-simulation) main.container form.mobile-search-only{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:6px!important;width:100%;padding:0!important;margin:0 0 12px!important;border:0!important;background:transparent!important;box-shadow:none!important}
 body.cc-app.has-sidebar:not(.page-simulation) main.container form.mobile-search-only>.mobile-filter-search{flex:1 1 0!important;min-width:0!important;width:auto!important;margin:0!important}
 body.cc-app.has-sidebar:not(.page-simulation) main.container form.mobile-search-only>:not(.mobile-filter-search):not(input[type=hidden]){flex:0 0 auto!important;min-width:0;width:auto;margin:0}
 body.cc-app.has-sidebar:not(.page-simulation) main.container form.mobile-search-only .catalog-filter-actions{display:flex;flex-wrap:nowrap;align-items:center;gap:6px}
 body.cc-app.has-sidebar:not(.page-simulation) main.container form.mobile-search-only .btn{white-space:nowrap;margin:0}
}

@media(max-width:760px){
 body.cc-app.has-sidebar .tabbar .tab-label{font-size:11px;line-height:1.35}
}