.library-layout-finder .library-filter-reset{margin-left:10px;padding:6px 9px;border:1px solid #1769aa;background:#fff;color:#1769aa;font:inherit;font-size:10px;font-weight:850;letter-spacing:.05em;text-transform:uppercase;cursor:pointer}.library-layout-finder .library-filter-reset:hover,.library-layout-finder .library-filter-reset:focus-visible{background:#1769aa;color:#fff;outline:0}.library-layout-finder .library-control-row>p{display:flex;align-items:center;justify-content:space-between;gap:10px}.library-layout-finder .library-filter-reset[hidden]{display:none!important}
body .library-layout-finder.all-styles-page #clearLibrarySearch[hidden]{display:none!important}
@media(min-width:981px){
  .library-layout-finder.all-styles-page .library-controls{
    grid-template-columns:minmax(0,1fr)!important;
    gap:12px!important;
  }
  .library-layout-finder.all-styles-page .library-search-wrap{
    grid-column:1!important;
  }
  .library-layout-finder.all-styles-page .library-control-row{
    display:grid!important;
    grid-template-columns:auto minmax(300px,360px) minmax(0,1fr)!important;
    gap:16px!important;
    align-items:center!important;
  }
  .library-layout-finder.all-styles-page .library-more-filters,
  .library-layout-finder.all-styles-page .library-more-filters[open]{
    grid-column:3!important;
    display:grid!important;
    grid-template-columns:minmax(300px,390px) minmax(0,1fr)!important;
    gap:12px!important;
    align-items:center!important;
    margin:0!important;
  }
  .library-layout-finder.all-styles-page .library-more-filters summary{
    display:none!important;
  }
  .library-layout-finder.all-styles-page .library-year-range{
    grid-column:1!important;
    padding:0!important;
  }
  .library-layout-finder.all-styles-page .library-shortcuts{
    grid-column:2!important;
    align-content:center!important;
  }
}
.library-layout-finder .library-range-jump{width:min(calc(100% - (2 * var(--bmw-page-gutter))),var(--bmw-canvas));margin:14px auto 0;border:1px solid #c8d3dc;background:#fff}.library-layout-finder .library-range-jump>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:end;padding:18px 20px;border-bottom:1px solid #d9e2e8}.library-layout-finder .library-range-jump p{margin:0;color:#1268b3;font-size:10px;font-weight:850;letter-spacing:.16em;text-transform:uppercase}.library-layout-finder .library-range-jump h2{margin:0;color:#101820;font-size:22px;font-weight:400;letter-spacing:-.035em}.library-layout-finder .library-range-jump nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:0}.library-layout-finder .library-range-jump button{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:52px;padding:0 14px;border:0;border-right:1px solid #d9e2e8;border-bottom:1px solid #d9e2e8;background:#fff;color:#101820;text-align:left;cursor:pointer}.library-layout-finder .library-range-jump button:hover,.library-layout-finder .library-range-jump button:focus-visible{background:#eef6fd;outline:0}.library-layout-finder .library-range-jump button[aria-pressed="true"]{background:#101820;color:#fff}.library-layout-finder .library-range-jump strong{font-size:13px;font-weight:850;white-space:nowrap}.library-layout-finder .library-range-jump span{color:#1268b3;font-size:11px;font-weight:850}.library-layout-finder .library-range-jump button[aria-pressed="true"] span{color:#7ec1fa}@media(max-width:700px){.library-layout-finder .library-range-jump{width:100%;margin-top:12px;border-right:0;border-left:0}.library-layout-finder .library-range-jump>div{display:block;padding:15px 16px}.library-layout-finder .library-range-jump h2{margin-top:6px;font-size:18px}.library-layout-finder .library-range-jump nav{display:flex;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.library-layout-finder .library-range-jump button{flex:0 0 auto;min-width:94px;scroll-snap-align:start}}
/* Batch 230: mobile range jump should wrap, not sweep horizontally offscreen. */
@media(max-width:700px){
  .library-layout-finder .library-range-jump nav{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    overflow:visible!important;
    gap:1px!important;
  }
  .library-layout-finder .library-range-jump button{
    min-width:0!important;
    width:100%!important;
    min-height:48px!important;
    padding:0 10px!important;
  }
}
/* Keep every style-range choice visible on a phone instead of hiding it in a
   horizontal sweep. The range list is short enough to scan as a two-column
   control and remains keyboard reachable. */
/* Batch 303: keep index stats readable on phones. The legacy minified theme
   stylesheet defines broad .stat-* mobile rules, so this page-local rule must
   be late and explicit. */
@media(max-width:700px){
  body .library-layout-finder.all-styles-page{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }
  body .library-layout-finder.all-styles-page .all-styles-header{
    width:100%!important;
    max-width:100%!important;
    padding-right:20px!important;
    padding-left:20px!important;
    box-sizing:border-box!important;
  }
  body .library-layout-finder.all-styles-page .all-styles-header h1,
  body .library-layout-finder.all-styles-page .all-styles-header p{
    max-width:100%!important;
    overflow-wrap:anywhere!important;
  }
  body .library-layout-finder.all-styles-page:not(.library-search-active) .library-search-wrap{
    grid-template-columns:44px minmax(0,1fr)!important;
  }
  body .library-layout-finder.all-styles-page:not(.library-search-active) .library-search-wrap input{
    grid-column:2!important;
  }
  .library-layout-finder.all-styles-page .all-styles-stats{
    display:none!important;
  }
  .library-layout-finder.all-styles-page .library-tire-prep{
    display:none!important;
  }
  .library-layout-finder.all-styles-page .all-styles-stats .stat-box{
    display:grid!important;
    min-height:78px!important;
    align-content:center!important;
    justify-content:start!important;
    padding:13px 12px!important;
    text-align:left!important;
  }
  .library-layout-finder.all-styles-page .all-styles-stats .stat-number{
    font-size:25px!important;
    line-height:1!important;
  }
  .library-layout-finder.all-styles-page .all-styles-stats .stat-label{
    display:block!important;
    margin-top:6px!important;
    font-size:9px!important;
    line-height:1.2!important;
    letter-spacing:.08em!important;
  }
}
.library-layout-finder.library-empty-active .library-range-jump,
.library-layout-finder.library-empty-active .all-styles-stats,
.library-layout-finder.library-empty-active .library-tire-prep{
  display:none!important;
}