/* SpeakerLab final application-shell contract.
 * Loaded after legacy/module styles so route changes cannot shift the global frame.
 * Modules keep their own internal grids; only the shared frame, action hierarchy and accents live here. */

html{scrollbar-gutter:stable}

:root{
  --app-header-brand-width:clamp(210px,11vw,280px);
  --app-shell-radius:16px;
}

.site-header{
  grid-template-columns:var(--app-header-brand-width) minmax(0,1fr) auto;
  gap:24px;
}
.site-header .brand-link{
  display:block;
  width:var(--app-header-brand-width);
  min-width:var(--app-header-brand-width);
  max-width:var(--app-header-brand-width);
  line-height:0;
}
.site-header .brand-logo{
  display:block;
  width:100%;
  height:auto;
  max-height:calc(var(--header-height) - 18px);
  object-fit:contain;
  object-position:left center;
}
.site-header .top-nav{min-width:0}
.site-header .header-actions{min-width:0}

.page.site-page-shell>.page-heading,
.page.site-page-shell>.page-content,
.page.site-page-shell>.driver-action-bar,
.box-design-page>.box-design-intro,
.box-design-page>.box-design-steps,
.box-design-page>.project-flow-wrap--inline,
.box-design-page>.studio-driver-picker,
.box-design-page>.box-design-workspace{
  width:100%;
  max-width:none;
  margin-left:0;
  margin-right:0;
}
.page.site-page-shell>.page-heading>.page-title,
.box-design-page .box-design-intro .page-title{
  font-family:var(--font-family-ui);
  font-size:var(--font-page-title);
  font-weight:var(--weight-extrabold);
  line-height:1;
  letter-spacing:-.05em;
}
.box-design-page>.box-design-intro{margin-bottom:var(--space-3)}
.box-design-page>.box-design-steps{margin-bottom:var(--space-2)}
.box-design-page>.studio-driver-picker{margin-bottom:16px}

/* Long technical review forms may be narrower, but always anchor to the global left rail. */
.driver-pdf-review-page>.page-content,
.driver-pdf-review-page .review-summary,
.driver-pdf-review-page .p3-review-form{
  margin-left:0;
  margin-right:auto;
}
.driver-pdf-review-page .review-summary,
.driver-pdf-review-page .p3-review-form{width:100%;max-width:1320px}

/* Route accent contract. */
.app-section{--page-accent:var(--purple);--page-accent-dark:#5d16b8;--page-accent-soft:#f5efff;--page-accent-contrast:#fff}
.app-section--drivers{--page-accent:var(--accent-drivers);--page-accent-dark:#087f94;--page-accent-soft:color-mix(in srgb,var(--accent-drivers) 10%,#fff);--page-accent-contrast:#073943}
.app-section--design{--page-accent:var(--accent-design);--page-accent-dark:#2948cf;--page-accent-soft:color-mix(in srgb,var(--accent-design) 9%,#fff);--page-accent-contrast:#fff}
.app-section--projects{--page-accent:var(--accent-projects);--page-accent-dark:#c81768;--page-accent-soft:color-mix(in srgb,var(--accent-projects) 9%,#fff);--page-accent-contrast:#fff}
.app-section--community{--page-accent:var(--accent-community);--page-accent-dark:#c84f00;--page-accent-soft:color-mix(in srgb,var(--accent-community) 9%,#fff);--page-accent-contrast:#fff}
.app-section--learn{--page-accent:var(--accent-learn);--page-accent-dark:#006f2a;--page-accent-soft:color-mix(in srgb,var(--accent-learn) 9%,#fff);--page-accent-contrast:#fff}
.app-section--about{--page-accent:var(--accent-about);--page-accent-dark:#806500;--page-accent-soft:color-mix(in srgb,var(--accent-about) 14%,#fff);--page-accent-contrast:#352b00}

.app-section .module-toolbar,
.app-section .driver-action-bar.module-toolbar{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  flex-wrap:wrap;
  gap:14px;
  width:100%;
  margin:0 0 var(--space-3);
  padding:0 0 12px;
  border:0;
  border-bottom:1px solid var(--line);
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.app-section .module-toolbar__main,
.app-section .module-toolbar__nav,
.app-section .driver-action-bar__main,
.app-section .driver-action-bar__nav{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  flex-wrap:wrap;
  gap:8px;
  min-width:0;
}
.app-section .module-toolbar__nav,
.app-section .driver-action-bar__nav{
  padding-left:14px;
  border-left:1px solid var(--line);
}
.app-section .module-toolbar .button,
.app-section .driver-action-bar .button,
.app-section .module-toolbar__tab,
.app-section .driver-action-tab{
  box-sizing:border-box;
  height:42px;
  min-height:42px;
  padding:0 15px;
  border-radius:10px;
  font-size:14px;
  line-height:1;
  font-weight:750;
  white-space:nowrap;
}
.app-section .module-toolbar .button--primary,
.app-section .driver-action-bar .button--primary,
.app-section .button--primary{
  border-color:var(--page-accent);
  background:var(--page-accent);
  color:var(--page-accent-contrast);
  box-shadow:0 8px 22px color-mix(in srgb,var(--page-accent) 18%,transparent);
}
.app-section .module-toolbar .button--secondary,
.app-section .driver-action-bar .button--secondary,
.app-section .button--secondary{
  border-color:var(--page-accent);
  background:#fff;
  color:var(--page-accent-dark);
}
.app-section .module-toolbar .button--quiet,
.app-section .driver-action-bar .button--quiet{
  border-color:transparent;
  background:transparent;
  color:var(--page-accent-dark);
  box-shadow:none;
}
.app-section .module-toolbar .button--quiet:hover,
.app-section .driver-action-bar .button--quiet:hover{background:var(--page-accent-soft)}
.app-section .module-toolbar__tab,
.app-section .driver-action-tab{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#5d687a;
  text-decoration:none;
}
.app-section .module-toolbar__tab:hover,
.app-section .driver-action-tab:hover{background:var(--page-accent-soft);color:var(--page-accent-dark)}
.app-section .module-toolbar__tab[aria-current="page"],
.app-section .driver-action-tab[aria-current="page"]{background:var(--page-accent-soft);color:var(--page-accent-dark)}
.app-section .module-toolbar__tab[aria-current="page"]::after,
.app-section .driver-action-tab[aria-current="page"]::after{
  content:"";
  position:absolute;
  left:12px;right:12px;bottom:5px;
  height:2px;border-radius:999px;background:var(--page-accent);
}
.app-section :where(a,button,summary,input,select,textarea):focus-visible{
  outline:3px solid var(--page-accent);
  outline-offset:3px;
}
.app-section .information-grid .button{
  border-color:color-mix(in srgb,var(--page-accent) 32%,#d9dfe8);
  background:var(--page-accent-soft);
  color:var(--page-accent-dark);
}
.app-section .app-empty-state .empty-icon{color:var(--page-accent)}

/* Driver import participates in the same route rail. */
.driver-import-page>.page-heading,
.driver-import-page>.driver-action-bar,
.driver-import-page>.page-content,
.driver-pdf-review-page>.page-heading,
.driver-pdf-review-page>.driver-action-bar{
  width:100%;
  max-width:none;
  margin-left:0;
  margin-right:0;
}
.driver-import-page .drop-icon,
.driver-import-page .drop-zone__kicker,
.driver-import-page .import-principles__head>span{color:var(--page-accent-dark)}
.driver-import-page .drop-zone__kicker{
  border-color:color-mix(in srgb,var(--page-accent) 28%,#e1e5ec);
  background:var(--page-accent-soft);
}
.driver-import-page .app-dropzone:hover{border-color:color-mix(in srgb,var(--page-accent) 48%,#c7d0df)}
.driver-import-page .app-dropzone.is-dragging{
  border-color:var(--page-accent);
  background:var(--page-accent-soft);
  box-shadow:0 0 0 4px color-mix(in srgb,var(--page-accent) 10%,transparent);
}
.driver-import-page .app-progress-toast .spinner{
  border-color:color-mix(in srgb,var(--page-accent) 20%,transparent);
  border-top-color:var(--page-accent);
}

@media(max-width:1180px){
  .site-header{
    grid-template-columns:minmax(0,1fr) auto 44px;
    gap:10px;
  }
  .site-header .brand-link{
    width:210px;
    min-width:210px;
    max-width:210px;
  }
}
@media(max-width:780px){
  .site-header .brand-link{
    width:190px;
    min-width:190px;
    max-width:190px;
  }
  .app-section .module-toolbar,
  .app-section .driver-action-bar.module-toolbar{
    align-items:stretch;
    flex-direction:column;
    gap:7px;
    padding-bottom:10px;
  }
  .app-section .module-toolbar__main,
  .app-section .module-toolbar__nav,
  .app-section .driver-action-bar__main,
  .app-section .driver-action-bar__nav{
    display:grid;
    width:100%;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:6px;
  }
  .app-section .module-toolbar__nav,
  .app-section .driver-action-bar__nav{
    padding:7px 0 0;
    border-left:0;
    border-top:1px solid var(--line);
  }
  .app-section .module-toolbar .button,
  .app-section .driver-action-bar .button,
  .app-section .module-toolbar__tab,
  .app-section .driver-action-tab{
    width:100%;
    min-width:0;
    height:42px;
    min-height:42px;
    padding-inline:8px;
    font-size:12px;
    text-align:center;
  }
}
@media(max-width:440px){
  .app-section .module-toolbar__main,
  .app-section .module-toolbar__nav,
  .app-section .driver-action-bar__main,
  .app-section .driver-action-bar__nav{grid-template-columns:1fr}
}

@media(max-width:780px){
  .app-section--drivers .driver-action-bar.module-toolbar{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:6px;
    padding-bottom:8px;
  }
  .app-section--drivers .driver-action-bar__main{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:6px;
    width:100%;
  }
  .app-section--drivers .driver-action-bar__nav{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:6px;
    width:100%;
    padding:6px 0 0;
    border-left:0;
    border-top:1px solid var(--line);
  }
  .app-section--drivers .driver-action-bar .button,
  .app-section--drivers .driver-action-tab{
    width:100%;
    min-width:0;
    padding-inline:6px;
    font-size:11px;
    white-space:normal;
  }
}
@media(max-width:440px){
  .app-section--drivers .driver-action-bar__main{grid-template-columns:repeat(3,minmax(0,1fr))}
  .app-section--drivers .driver-action-bar__nav{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:780px){
  .app-section--drivers .driver-action-bar__main>.driver-action--import,
  .app-section--drivers .driver-action-bar__main>.driver-action--manual,
  .app-section--drivers .driver-action-bar__main>.driver-action--compare,
  .app-section--drivers .driver-action-bar__nav>.driver-action--contributions,
  .app-section--drivers .driver-action-bar__nav>.driver-action--review{grid-column:auto}
}

/* Plain module controls get a restrained tint instead of black/white-only styling. */
.app-section .button:not(.button--primary):not(.button--secondary):not(.button--quiet){
  border-color:color-mix(in srgb,var(--page-accent) 28%,#d9dfe8);
  background:color-mix(in srgb,var(--page-accent-soft) 54%,#fff);
  color:var(--page-accent-dark);
}
.app-section .button:not(.button--primary):not(.button--secondary):not(.button--quiet):hover{
  border-color:color-mix(in srgb,var(--page-accent) 48%,#d9dfe8);
  background:var(--page-accent-soft);
}
.app-section--drivers .import-principles b{
  background:color-mix(in srgb,var(--page-accent) 14%,#fff);
  color:var(--page-accent-dark);
}

/* Canonical routed shells opt into the final foundation without taking ownership
 * of the frozen outer width/gutter geometry from design-system.css. */
.page.site-page-shell,
.box-design-page{color:inherit}

/* Driver action geometry is identical for primary and secondary entry actions. */
.app-section--drivers .driver-action--import,
.app-section--drivers .driver-action--manual{
  box-sizing:border-box;
  width:auto;
  min-width:154px;
  height:42px;
  min-height:42px;
  padding:0 15px;
  border-radius:10px;
  font-size:14px;
  line-height:1;
  font-weight:750;
}

/* Global card/box ribbon language. Decorative only: absolute strips never change box geometry. */
.app-section :where(
  .app-surface,
  .info-panel,
  .workspace-card,
  .project-card,
  .review-section,
  .empty-state,
  .app-empty-state,
  .private-contribution-callout,
  .compact-empty,
  .compare-summary,
  .compare-differences,
  .compare-detail,
  .compare-sources,
  .compare-figures,
  .import-principles,
  .technical-legend-rail,
  .project-empty-state,
  .driver-library-overview,
  .project-compare-section
){
  position:relative;
}
.app-section :where(
  .app-surface,
  .info-panel,
  .workspace-card,
  .project-card,
  .review-section,
  .empty-state,
  .app-empty-state,
  .private-contribution-callout,
  .compact-empty,
  .compare-summary,
  .compare-differences,
  .compare-detail,
  .compare-sources,
  .compare-figures,
  .import-principles,
  .technical-legend-rail,
  .project-empty-state,
  .driver-library-overview,
  .project-compare-section
)::before{
  content:"";
  position:absolute;
  z-index:2;
  pointer-events:none;
  top:0;
  left:0;
  right:0;
  height:3px;
  border-radius:inherit inherit 0 0;
  background:var(--page-accent);
}

/* Box Design retains its specialized engineering grids, but its structural card ribbon is route-blue. */
.app-section--design :where(
  .studio-driver-picker,
  .box-filter-rail,
  .box-driver-column,
  .box-enclosure-column,
  .box-preview
){
  border-top-color:var(--page-accent);
  box-shadow:inset 0 3px 0 var(--page-accent);
}

/* Soft/hover states may be derived, but the visible module identity always comes from the canonical accent. */
.app-section .button--primary:hover{
  filter:brightness(.96) saturate(1.04);
}
.app-section .button--secondary:hover{
  background:var(--page-accent-soft);
}

@media(max-width:780px){
  .app-section--drivers .driver-action--import,
  .app-section--drivers .driver-action--manual{
    width:100%;
    min-width:0;
    height:42px;
    min-height:42px;
    padding-inline:6px;
    font-size:11px;
  }
}

/* The same non-reflow ribbon applies to recurring card instances outside Home. */
.app-section:not(.app-section--home) :where(
  .library-sidebar,
  .app-dropzone,
  .review-summary,
  .driver-card,
  .box-driver-card,
  .box-family-card,
  .compare-summary-card,
  .account-section,
  .admin-section
){position:relative}
.app-section:not(.app-section--home) :where(
  .library-sidebar,
  .app-dropzone,
  .review-summary,
  .driver-card,
  .box-driver-card,
  .box-family-card,
  .compare-summary-card,
  .account-section,
  .admin-section
)::before{
  content:"";
  position:absolute;
  z-index:2;
  pointer-events:none;
  top:0;
  left:0;
  right:0;
  height:3px;
  border-radius:inherit inherit 0 0;
  background:var(--page-accent);
}

/* Driver Library + table composition polish. Presentation only. */
.library-page>.page-heading{margin-bottom:16px}
.library-page>.page-heading>.page-title{font-size:clamp(42px,3.5vw,56px);margin-bottom:10px}
.library-page>.page-heading>.page-lede{max-width:900px;margin:0;font-size:15px;line-height:1.5}
.library-page>.driver-action-bar{margin-bottom:22px;padding-bottom:13px;gap:12px}
.library-page>.driver-action-bar .driver-action--compare{display:none}
.library-page>.driver-action-bar .button,.library-page>.driver-action-bar .driver-action-tab{height:40px;min-height:40px;padding-inline:13px;border-radius:9px;font-size:13px}
.library-page .library-browser{gap:18px}
.library-page .library-main{min-width:0}
.library-page .library-overview-stack{margin-bottom:14px}
.library-page .driver-library-overview{min-height:82px;margin:0;border-top:3px solid var(--accent-drivers);border-radius:12px}
.library-page .driver-library-stat{min-height:79px;padding:14px 17px;gap:4px}
.library-page .driver-library-stat strong{font-size:24px}
.library-page .driver-library-stat span{font-size:11px}
.library-page .library-sidebar{padding:13px}
.library-page .library-drafts--sidebar{margin:12px 0 5px;border-color:#e2e7ee;background:#fafbfc}
.library-page .library-drafts--sidebar summary{padding:9px 10px;color:#4d596b}
.library-page .library-drafts--sidebar summary strong{background:#eef2f7;color:#4d596b}
.library-page .library-drafts--sidebar>div{border-top-color:#e6eaf0}
.library-page .library-drafts--sidebar .library-draft-main:hover{background:#f5f7fa}
.library-page .library-results-toolbar{align-items:end;margin:0 0 10px;padding:0 0 10px}
.library-page .library-results-controls{width:100%;justify-content:flex-start;align-items:end;gap:8px;flex-wrap:wrap}
.library-page .library-results-controls .library-sort{flex:0 0 158px;min-width:158px}
.library-page .library-results-controls .library-sort select{height:38px}
.library-page .library-results-controls>.driver-library-overview{display:grid;grid-template-columns:repeat(4,max-content);justify-content:center;gap:0;flex:1 1 340px;min-width:260px;min-height:38px;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
.library-page .library-results-controls>.driver-library-overview::before{display:none}
.library-page .library-results-controls>.driver-library-overview .driver-library-stat{min-width:0;min-height:38px;padding:6px 14px;border:1px solid #e1e6ed;border-right:0;gap:2px;align-content:center;background:#fff}
.library-page .library-results-controls>.driver-library-overview .driver-library-stat:first-child{border-radius:9px 0 0 9px}
.library-page .library-results-controls>.driver-library-overview .driver-library-stat:last-child{border-right:1px solid #e1e6ed;border-radius:0 9px 9px 0}
.library-page .library-results-controls>.driver-library-overview .driver-library-stat strong{font-size:20px;line-height:1;font-weight:800;text-align:center}
.library-page .library-results-controls>.driver-library-overview .driver-library-stat span{font-size:10px;line-height:1.25;white-space:nowrap;text-align:center}

.library-page .library-view-toggle{flex:0 0 auto;height:38px}
.library-page .compare-library-toolbar{display:flex;position:relative;align-items:center;gap:7px;flex-wrap:wrap;min-height:38px;margin:0 0 0 auto;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.library-page .compare-library-toolbar>[data-compare-submit]{border-color:var(--purple);background:var(--purple);color:#fff;box-shadow:0 8px 22px color-mix(in srgb,var(--purple) 18%,transparent)}
.library-page .compare-library-toolbar[hidden]{display:none}
.library-page .compare-library-toolbar>strong{font-size:12px;white-space:nowrap}
.library-page .compare-library-toolbar>.button{height:36px;min-height:36px;padding:0 10px;border-radius:8px;font-size:11px}
.library-page .compare-library-toolbar>[data-compare-submit]{min-width:126px}
.library-page .compare-library-toolbar .compare-selection-message{flex-basis:100%;min-height:0;margin:0;font-size:10px;line-height:14px;text-align:right}
.library-page .compare-library-toolbar .compare-selection-message:empty{display:none!important}

/* One compact Driver action geometry across Library and all Driver workflow subpages. */
.app-section--drivers .driver-action-bar .button,
.app-section--drivers .driver-action-bar .driver-action-tab{
  height:40px;
  min-height:40px;
  padding:0 13px;
  border-radius:9px;
  font-size:13px;
}
.app-section--drivers .driver-action--import,
.app-section--drivers .driver-action--manual{
  height:40px;
  min-height:40px;
  padding:0 13px;
  border-radius:9px;
  font-size:13px;
}
.app-section--drivers .driver-action-bar .driver-action--contributions,
.app-section--drivers .driver-action-bar .driver-action--review{
  border-color:var(--page-accent);
  background:#fff;
  color:var(--page-accent-dark);
  box-shadow:none;
}

/* Unfinished imports lives beside Manual Entry; draft behavior is unchanged, only its presentation moved. */
.app-section--drivers .driver-action-drafts{
  position:relative;
  flex:0 0 auto;
  margin:0;
  border:0;
  border-radius:0;
  background:transparent;
  overflow:visible;
}
.app-section--drivers .driver-action-drafts[hidden]{display:none}
.app-section--drivers .driver-action-drafts>summary{
  list-style:none;
  margin:0;
  cursor:pointer;
  color:var(--page-accent-dark);
}
.app-section--drivers .driver-action-drafts>summary::-webkit-details-marker{display:none}
.app-section--drivers .driver-action--unfinished{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-width:154px;
}
.app-section--drivers .driver-action--unfinished strong{
  display:grid;
  place-items:center;
  min-width:22px;
  height:22px;
  padding:0 6px;
  border-radius:999px;
  background:var(--page-accent-soft);
  color:var(--page-accent-dark);
  font-size:11px;
  font-variant-numeric:tabular-nums;
}
.app-section--drivers .driver-action-drafts__popover{
  position:absolute;
  z-index:20;
  top:calc(100% + 7px);
  left:0;
  box-sizing:border-box;
  width:min(430px,calc(100vw - 32px));
  max-height:min(460px,65vh);
  overflow:auto;
  border:1px solid #dfe5ee;
  border-radius:12px;
  background:#fff;
  box-shadow:0 18px 45px rgba(15,23,42,.16);
}
.app-section--drivers .driver-action-drafts__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:12px 14px;
  border-bottom:1px solid #e8ecf2;
  color:#273247;
  font-size:12px;
  font-weight:800;
}
.app-section--drivers .driver-action-drafts__head strong{
  display:grid;
  place-items:center;
  min-width:24px;
  height:24px;
  border-radius:999px;
  background:var(--page-accent-soft);
  color:var(--page-accent-dark);
  font-size:11px;
}
.app-section--drivers .driver-action-drafts__list{display:grid}
.app-section--drivers .driver-action-drafts .library-draft-row{
  grid-template-columns:minmax(0,1fr) auto;
  border-top:1px solid #edf1f5;
}
.app-section--drivers .driver-action-drafts .library-draft-row:first-child{border-top:0}
.app-section--drivers .driver-action-drafts .library-draft-main{
  min-width:0;
  padding:12px 14px;
  gap:16px;
}
.app-section--drivers .driver-action-drafts .library-draft-main span{
  white-space:normal;
  overflow-wrap:anywhere;
}
.app-section--drivers .driver-action-drafts .library-draft-delete{
  min-width:78px;
  padding:0 13px;
}
.driver-library-back-row{
  width:100%;
  margin:-4px 0 12px;
}
.driver-library-back-row .driver-library-back{
  min-height:36px;
  padding:0 6px;
  border:0;
  background:transparent;
  box-shadow:none;
  color:var(--page-accent-dark);
}
@media(max-width:780px){
  .app-section--drivers .driver-action-drafts{width:100%}
  .app-section--drivers .driver-action-drafts__popover{left:auto;right:-12px}
}

.library-page .library-table-scroll{border-radius:12px}
.library-page .library-main .driver-table{min-width:1020px;font-size:11px}
.library-page .library-main .driver-table th{height:38px;padding:9px 10px}
.library-page .library-main .driver-table td{height:56px;padding:10px}
.library-page .library-main .driver-table-identity{min-width:172px}
.library-page .driver-table .driver-trust{padding:4px 7px}
.library-page .driver-visibility{min-width:52px;padding:4px 7px}
.library-page .compare-select-control--table input{width:16px;height:16px}
.library-page .driver-table-row:has([data-compare-pick]:checked)>td{background:#f7f2ff}
.library-page .driver-table-row:has([data-compare-pick]:checked)>td:first-child{box-shadow:inset 3px 0 var(--purple)}
@media(min-width:1000px){.library-page.driver-import-flow-page .library-browser{grid-template-columns:minmax(220px,238px) minmax(0,1fr)}.library-page .library-sidebar{position:sticky}}
@media(min-width:1400px){.library-page.driver-import-flow-page .library-browser{grid-template-columns:minmax(220px,238px) minmax(0,1fr) minmax(220px,236px)}.library-page .technical-legend-rail{position:sticky}}
@media(max-width:999px){.library-page .library-results-controls{flex-wrap:wrap}.library-page .compare-library-toolbar{margin-left:0}}
@media(max-width:760px){
  .library-page>.page-heading>.page-title{font-size:clamp(40px,11vw,52px)}
  .library-page .library-results-controls{display:grid;grid-template-columns:1fr 1fr}
  .library-page .library-results-controls .library-sort{grid-column:1/-1;min-width:0}
  .library-page .library-results-controls>.driver-library-overview{grid-column:1/-1;grid-template-columns:repeat(2,max-content);justify-content:center;width:100%;min-width:0}
  .library-page .library-results-controls>.driver-library-overview .driver-library-stat{min-height:48px;border-radius:0}
  .library-page .library-results-controls>.driver-library-overview .driver-library-stat:nth-child(2){border-right:1px solid #e1e6ed;border-radius:0 9px 0 0}
  .library-page .library-results-controls>.driver-library-overview .driver-library-stat:nth-child(1){border-radius:9px 0 0 0}
  .library-page .library-results-controls>.driver-library-overview .driver-library-stat:nth-child(n+3){border-top:0}
  .library-page .library-results-controls>.driver-library-overview .driver-library-stat:nth-child(3){border-radius:0 0 0 9px}
  .library-page .library-results-controls>.driver-library-overview .driver-library-stat:nth-child(4){border-right:1px solid #e1e6ed;border-radius:0 0 9px 0}
  .library-page .compare-library-toolbar{grid-column:1/-1;width:100%;justify-content:flex-start}
}