.gls-showcase {
  --gls-accent: #f26424;
  --gls-navy: #0c2233;
  --gls-paper: #fffdf9;
  --gls-muted: #68747c;
  --gls-line: rgba(12, 34, 51, .12);
  --gls-columns: 3;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: #ebe7e1;
  color: var(--gls-navy);
  font-family: inherit;
}

.gls-showcase *,
.gls-showcase *::before,
.gls-showcase *::after { box-sizing: border-box; }
.gls-showcase :where(a, a:hover, a:focus, a:visited) { color: inherit; text-decoration: none; }
.gls-showcase :where(button, input) { font: inherit; }
.gls-showcase :where(h2, h3, h4, p) { margin-block-start: 0; }
.gls-showcase button { appearance: none; }

.gls-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, var(--gls-progress-column, 300px));
  align-items: end;
  gap: 28px;
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid var(--gls-line);
}
.gls-header__main { display: flex; align-items: center; gap: 18px; min-width: 0; }
.gls-header__copy { min-width: 0; }
.gls-header__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 72px;
  height: 72px;
  border-radius: 19px;
  transform: rotate(-3deg);
  box-shadow: 0 9px 20px rgba(242, 100, 36, .2);
}
.gls-header__icon svg { display: block; }
.gls-eyebrow {
  margin-bottom: 7px;
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .14em;
  line-height: 1.35;
  text-transform: uppercase;
}
.gls-title { margin-bottom: 8px; font-size: clamp(32px, 4vw, 56px); font-weight: 900; line-height: .98; letter-spacing: -.04em; }
.gls-description { max-width: 720px; margin-bottom: 0; font-size: 15px; line-height: 1.65; }

.gls-progress { min-width: 0; max-width: 100%; }
.gls-progress__label { display: flex; justify-content: space-between; gap: 16px; margin-bottom: 8px; color: var(--gls-muted); font-size: 12px; font-weight: 750; text-transform: uppercase; letter-spacing: .07em; }
.gls-progress__label strong { color: var(--gls-navy); font-size: 14px; letter-spacing: normal; }
.gls-progress__label small { font-size: .72em; font-weight: 700; opacity: .65; }
.gls-progress__bar { position: relative; height: 10px; border-radius: 999px; background: rgba(12, 34, 51, .09); }
.gls-progress__core,
.gls-progress__bonus { position: absolute; top: 0; bottom: 0; display: block; width: 0; transition: width .35s cubic-bezier(.2,.8,.2,1); }
.gls-progress__core { inset-inline-start: 0; border-radius: 999px 0 0 999px; background: var(--gls-accent); }
.gls-progress__bonus { inset-inline-start: var(--gls-core-marker); border-radius: 0 999px 999px 0; background: #0c7c86; }
.gls-direction--rtl .gls-progress__core { border-radius: 0 999px 999px 0; }
.gls-direction--rtl .gls-progress__bonus { border-radius: 999px 0 0 999px; }
.gls-progress__marker { position: absolute; z-index: 3; top: -4px; bottom: -4px; width: 2px; background: var(--gls-navy); transform: translateX(-50%); }
.gls-direction--rtl .gls-progress__marker { transform: translateX(50%); }
.gls-progress__marker em { position: absolute; top: calc(100% + 7px); inset-inline-start: 50%; transform: translateX(-50%); color: var(--gls-navy); font-size: 9px; font-style: normal; font-weight: 800; line-height: 1; white-space: nowrap; }
.gls-progress__legend { display: flex; flex-wrap: wrap; gap: 6px 18px; margin-top: 24px; color: var(--gls-muted); font-size: 10px; font-weight: 750; }
.gls-progress__legend span { display: inline-flex; align-items: center; gap: 6px; }
.gls-progress__legend i { display: inline-block; width: 8px; height: 8px; border-radius: 50%; }
.gls-progress__legend-core i { background: var(--gls-accent); }
.gls-progress__legend-bonus i { background: #0c7c86; }
.gls-progress__actions { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.gls-progress__action {
  min-width: 0;
  padding: 7px 10px;
  border: 1px solid rgba(12,34,51,.14);
  border-radius: 7px;
  cursor: pointer;
  font-size: 10px;
  font-weight: 800;
  line-height: 1.15;
  transition: color .2s, background .2s, border-color .2s, opacity .2s, transform .2s;
}
.gls-progress__action--all { color: #fff; border-color: #f26424; background: #f26424; }
.gls-progress__action--reset { color: var(--gls-navy); background: #fff; }
.gls-progress__action:hover:not(:disabled) { color: #fff; border-color: var(--gls-navy); background: var(--gls-navy); transform: translateY(-1px); }
.gls-progress__action:disabled { cursor: default; opacity: .38; }
.gls-progress__action:focus-visible { outline: 3px solid rgba(242,100,36,.3); outline-offset: 2px; }

.gls-toolbar {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 22px;
  padding: 10px;
  border: 1px solid rgba(12, 34, 51, .08);
  border-radius: 16px;
}
.gls-toolbar--search-first .gls-search-wrap { order: 1; }
.gls-toolbar--search-first .gls-nav { order: 2; }
.gls-toolbar--nav-first .gls-nav { order: 1; }
.gls-toolbar--nav-first .gls-search-wrap { order: 2; }
.gls-search-wrap {
  display: flex;
  align-items: center;
  flex: 0 1 35%;
  min-width: 170px;
  gap: 9px;
  padding-inline: 12px;
  border: 1px solid rgba(12, 34, 51, .14);
  border-radius: 11px;
  background: #fff;
  transition: border-color .2s, box-shadow .2s;
}
.gls-search-wrap:focus-within { border-color: var(--gls-accent); box-shadow: 0 0 0 3px rgba(242, 100, 36, .13); }
.gls-search-wrap svg { width: 18px; height: 18px; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 2; }
.gls-search { width: 100%; min-width: 0; height: 42px; padding: 0 !important; border: 0 !important; outline: 0 !important; background: transparent !important; box-shadow: none !important; }
.gls-search::-webkit-search-cancel-button { cursor: pointer; }
.gls-nav { display: flex; flex: 1 1 auto; align-items: center; gap: 7px; overflow-x: auto; scrollbar-width: thin; padding: 1px; }
.gls-nav__button {
  flex: 0 0 auto;
  min-height: 42px;
  padding: 8px 14px;
  border: 1px solid rgba(12, 34, 51, .13);
  border-radius: 10px;
  background: #fff;
  cursor: pointer;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.2;
  transition: color .2s, background .2s, border-color .2s, transform .2s;
}
.gls-nav__button:hover { transform: translateY(-1px); }
.gls-nav__button:focus-visible,
.gls-collapse:focus-visible,
.gls-check input:focus-visible + .gls-check__box { outline: 3px solid rgba(242, 100, 36, .3); outline-offset: 2px; }

.gls-section {
  position: relative;
  border: 1px solid rgba(12, 34, 51, .08);
  isolation: isolate;
}
.gls-section::before {
  content: "";
  position: absolute;
  inset-block: 24px auto;
  inset-inline-start: -1px;
  width: 5px;
  height: 56px;
  border-radius: 0 999px 999px 0;
  background: var(--gls-section-accent, var(--gls-accent));
}
.gls-direction--rtl .gls-section::before { border-radius: 999px 0 0 999px; }
.gls-section__head { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.gls-section__identity { display: flex; align-items: center; gap: 14px; min-width: 0; }
.gls-section__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 46px;
  height: 46px;
  border: 2px solid var(--gls-section-accent, var(--gls-accent));
  border-radius: 14px;
  color: var(--gls-section-accent, var(--gls-accent));
  background: color-mix(in srgb, var(--gls-section-accent, var(--gls-accent)) 10%, #fff);
  font-size: 19px;
}
.gls-section__icon svg { width: 1em; height: 1em; fill: currentColor; }
.gls-section__title-line { display: flex; align-items: center; flex-wrap: wrap; gap: 9px; }
.gls-section__title { margin-bottom: 0; font-size: 25px; font-weight: 900; line-height: 1.1; letter-spacing: -.025em; }
.gls-section__badge {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 4px 8px;
  border-radius: 5px;
  color: #fff;
  background: var(--gls-section-accent, var(--gls-accent));
  font-size: 9px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.gls-section__description { margin: 5px 0 0; font-size: 13px; line-height: 1.5; }
.gls-section__actions { display: flex; align-items: center; gap: 11px; flex: 0 0 auto; }
.gls-section__count { color: var(--gls-muted); font-size: 11px; font-weight: 750; white-space: nowrap; }
.gls-collapse {
  position: relative;
  width: 38px;
  height: 38px;
  padding: 0;
  border: 1px solid var(--gls-line);
  border-radius: 10px;
  color: var(--gls-navy);
  background: #fff;
  cursor: pointer;
}
.gls-collapse span { position: absolute; top: 50%; left: 50%; width: 13px; height: 2px; border-radius: 2px; background: currentColor; transform: translate(-50%, -50%); transition: transform .25s; }
.gls-collapse span:last-child { transform: translate(-50%, -50%) rotate(90deg); }
.gls-section:not(.is-collapsed) .gls-collapse span:last-child { transform: translate(-50%, -50%) rotate(0); }
.gls-section__body { display: grid; grid-template-rows: 1fr; opacity: 1; transition: grid-template-rows .35s cubic-bezier(.2,.8,.2,1), opacity .25s, margin .35s; margin-top: 20px; }
.gls-section.is-collapsed .gls-section__body { grid-template-rows: 0fr; opacity: 0; margin-top: 0; }
.gls-section__body > * { min-height: 0; }
.gls-section.is-collapsed .gls-grid,
.gls-section.is-collapsed .gls-empty { overflow: hidden; }

.gls-grid { display: grid; min-width: 0; }
.gls-grid--cards,
.gls-grid--colors { grid-template-columns: repeat(var(--gls-columns), minmax(0, 1fr)); }
.gls-grid--compact { grid-template-columns: minmax(0, 1fr); }
.gls-grid[hidden] { display: none !important; }

/* Packed flow removes the invisible free space created by fractional grid tracks. */
.gls-card-flow-packed .gls-grid--cards {
  display: flex;
  flex-flow: row wrap;
  align-items: stretch;
  justify-content: flex-start;
}
.gls-card-flow-packed .gls-grid--cards .gls-card--gear { flex: 0 0 auto; }
.gls-card-flow-packed .gls-card--gear.is-featured { grid-column: auto; }
.gls-color-flow-packed .gls-grid--colors {
  display: flex;
  flex-flow: row wrap;
  align-items: stretch;
  justify-content: flex-start;
}
.gls-color-flow-packed .gls-grid--colors .gls-color-card { flex: 0 0 auto; }

.gls-item {
  --gls-checked-overlay: #f26424;
  --gls-checked-border: #f26424;
  --gls-checked-border-width: 2px;
  position: relative;
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
  transition: transform .25s cubic-bezier(.2,.8,.2,1), opacity .25s, background .2s, border-color .2s, box-shadow .25s, outline-color .25s;
}
.gls-item::after {
  content: "";
  position: absolute;
  z-index: 3;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background: var(--gls-checked-overlay);
  opacity: 0;
  transition: opacity .25s, background .25s;
}
.gls-item.is-checked {
  outline: var(--gls-checked-border-width) solid var(--gls-checked-border);
  outline-offset: calc(-1 * var(--gls-checked-border-width));
}
.gls-item.is-checked::after { opacity: .2; }
.gls-item.has-link { cursor: pointer; }
.gls-item.has-link:focus-visible { outline: 3px solid rgba(242, 100, 36, .3); outline-offset: 3px; }
.gls-item[hidden] { display: none !important; }
.gls-item__main { height: 100%; transition: opacity .2s; }
.gls-item.is-checked .gls-card__title { text-decoration: line-through; text-decoration-thickness: 2px; }
.gls-card--gear {
  display: block;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  border: 1px solid rgba(12, 34, 51, .09);
  box-shadow: 0 7px 20px rgba(12, 34, 51, .08);
}
.gls-card--gear:hover { z-index: 2; border-color: var(--gls-section-accent, var(--gls-accent)); box-shadow: 0 18px 35px rgba(12, 34, 51, .14); }
.gls-card--gear.is-featured { grid-column: span 2; }
.gls-card--gear .gls-item__main { display: flex; flex-direction: column; min-width: 0; }
.gls-card__media { position: relative; overflow: hidden; width: 100%; min-width: 0; max-width: 100%; flex: 0 0 auto; }
.gls-card__image { display: block; width: 100% !important; min-width: 0 !important; max-width: 100% !important; height: 100% !important; min-height: 0; max-height: 100% !important; object-position: var(--gls-image-position, 50% 50%); transition: opacity .28s, transform .6s cubic-bezier(.2,.8,.2,1); }
.gls-card__image--hover { position: absolute; inset: 0; opacity: 0; }
.gls-card__media.has-hover-image:hover .gls-card__image--main,
.gls-card--gear:hover .gls-card__media.has-hover-image .gls-card__image--main { opacity: 0; }
.gls-card__media.has-hover-image:hover .gls-card__image--hover,
.gls-card--gear:hover .gls-card__media.has-hover-image .gls-card__image--hover { opacity: 1; }
.gls-card--gear:hover .gls-card__image { transform: scale(1.045); }
.gls-card__placeholder { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; color: rgba(12, 34, 51, .18); font-size: 54px; background-image: linear-gradient(135deg, transparent 46%, rgba(255,255,255,.7) 47%, rgba(255,255,255,.7) 53%, transparent 54%); background-size: 16px 16px; }
.gls-card__placeholder svg { width: 1em; height: 1em; fill: currentColor; }
.gls-card__media-shade { position: absolute; z-index: 1; inset: 0; pointer-events: none; background: #0c2233; opacity: 0; transition: opacity .25s, background .25s; }
.gls-item-icon { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; border-radius: 50%; box-shadow: 0 5px 15px rgba(12,34,51,.15); }
.gls-item-icon svg { width: 45%; height: 45%; fill: currentColor; }
.gls-card__media > .gls-item-icon { position: absolute; z-index: 2; inset-inline-start: 14px; bottom: 14px; }
.gls-badge { display: inline-flex; align-items: center; justify-content: center; min-height: 25px; padding: 5px 9px; border-radius: 6px; font-size: 9px; font-weight: 900; line-height: 1; letter-spacing: .06em; text-transform: uppercase; }
.gls-card__media > .gls-badge { position: absolute; z-index: 2; inset-block-start: 14px; inset-inline-start: 14px; }
.gls-card__content { position: relative; min-width: 0; transition: background .25s, opacity .25s; }
.gls-card__heading-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 13px; }
.gls-kicker { margin-bottom: 5px; color: var(--gls-section-accent, var(--gls-accent)); font-size: 9px; font-weight: 900; line-height: 1.2; letter-spacing: .09em; text-transform: uppercase; }
.gls-card__title { margin-bottom: 0; font-size: 20px; font-weight: 900; line-height: 1.14; letter-spacing: -.02em; }
.gls-card__description { margin: 10px 0 0; font-size: 13px; line-height: 1.55; }
.gls-card__note { display: flex; align-items: center; gap: 6px; margin-top: 13px; padding-top: 10px; border-top: 1px solid rgba(12,34,51,.09); color: var(--gls-navy); font-size: 11px; font-weight: 750; }
.gls-card__note span { color: var(--gls-section-accent, var(--gls-accent)); font-size: 16px; }
.gls-number { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 34px; height: 34px; border-radius: 50%; font-size: 12px; font-weight: 900; line-height: 1; }

/* The card owns its dimensions. Media and copy are never allowed to resize it. */
.gls-card-height-fixed .gls-card--gear .gls-item__main {
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}
.gls-card-height-fixed .gls-card--gear .gls-card__content {
  flex: 1 1 auto;
  min-height: 0;
}
.gls-limit-text-yes .gls-card--gear .gls-card__title,
.gls-limit-text-yes .gls-card--gear .gls-card__description {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
}
.gls-limit-text-yes .gls-card--gear .gls-card__title { -webkit-line-clamp: var(--gls-title-lines, 2); }
.gls-limit-text-yes .gls-card--gear .gls-card__description { -webkit-line-clamp: var(--gls-description-lines, 3); }

/* Fixed-size overflow reader: reveals all copy without changing card dimensions. */
.gls-read-more {
  position: absolute;
  z-index: 7;
  inset-inline-end: 14px;
  bottom: 14px;
  display: none;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 34px;
  padding: 9px 12px;
  border: 0;
  border-radius: 9px;
  color: #fff;
  background: var(--gls-accent);
  box-shadow: 0 5px 16px rgba(12,34,51,.18);
  cursor: pointer;
  font-size: 11px;
  font-weight: 850;
  line-height: 1;
  transition: color .2s, background .2s, transform .2s, opacity .2s;
}
.gls-card--gear.has-overflow .gls-read-more { display: inline-flex; }
.gls-read-more:hover { transform: translateY(-2px); }
.gls-read-more:focus-visible { outline: 3px solid rgba(242,100,36,.35); outline-offset: 2px; }
.gls-read-more svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: transform .25s; }
.gls-read-more__close { display: none; }
.gls-card--gear.is-reading .gls-read-more__open { display: none; }
.gls-card--gear.is-reading .gls-read-more__close { display: inline; }
.gls-card--gear.is-reading .gls-read-more svg { transform: rotate(180deg); }
.gls-direction--rtl .gls-read-more svg { scale: -1 1; }
.gls-direction--rtl .gls-card--gear.is-reading .gls-read-more svg { transform: rotate(180deg); scale: -1 1; }

.gls-card--gear.has-overflow:not(.is-reading) .gls-card__content::after {
  content: "";
  position: absolute;
  z-index: 1;
  inset-inline: 0;
  bottom: 0;
  height: 44px;
  pointer-events: none;
  background: linear-gradient(transparent, rgba(247,244,241,.96));
}
.gls-card--gear.is-reading .gls-card__content {
  position: absolute;
  z-index: 6;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 30px 30px 70px;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  border-radius: inherit;
  background: rgba(255,253,249,.97);
  animation: gls-reader-in .25s cubic-bezier(.2,.8,.2,1) both;
  scrollbar-width: thin;
  scrollbar-color: var(--gls-accent) rgba(12,34,51,.08);
}
.gls-card--gear.is-reading .gls-card__content::-webkit-scrollbar { width: 7px; }
.gls-card--gear.is-reading .gls-card__content::-webkit-scrollbar-track { background: rgba(12,34,51,.08); }
.gls-card--gear.is-reading .gls-card__content::-webkit-scrollbar-thumb { border-radius: 99px; background: var(--gls-accent); }
.gls-card--gear.is-reading .gls-card__title,
.gls-card--gear.is-reading .gls-card__description {
  display: block !important;
  overflow: visible !important;
  -webkit-line-clamp: unset !important;
}
.gls-card--gear.is-reading:hover { transform: none !important; }
.gls-card--gear.is-reading .gls-read-more { position: absolute; z-index: 7; }
@keyframes gls-reader-in {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}

.gls-check { position: absolute; z-index: 8; inset-block-start: 12px; inset-inline-end: 12px; display: inline-flex; cursor: pointer; }
.gls-check input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.gls-check__box { display: inline-flex; align-items: center; justify-content: center; width: 27px; height: 27px; border: 2px solid var(--gls-navy); border-radius: 7px; color: #fff; background: rgba(255,255,255,.92); box-shadow: 0 3px 10px rgba(12,34,51,.12); transition: background .18s, border-color .18s, transform .18s; }
.gls-check:hover .gls-check__box { transform: scale(1.07); }
.gls-check__box svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 2.7; stroke-linecap: round; stroke-linejoin: round; opacity: 0; transform: scale(.5); transition: opacity .18s, transform .18s; }
.gls-check input:checked + .gls-check__box svg { opacity: 1; transform: scale(1); }

.gls-compact { display: flex; align-items: center; min-height: 72px; border: 1px solid transparent; }
.gls-compact:hover { border-color: color-mix(in srgb, var(--gls-section-accent, var(--gls-accent)) 35%, transparent); transform: translateX(calc(var(--gls-compact-shift, 1) * 4px)); }
.gls-direction--rtl .gls-compact { --gls-compact-shift: -1; }
.gls-compact__main { display: flex; align-items: center; gap: 13px; width: 100%; padding-inline-end: 42px; }
.gls-compact__text { min-width: 0; margin-inline-end: auto; }
.gls-compact__meta { margin-top: 5px; color: var(--gls-muted); font-size: 11px; font-weight: 650; }
.gls-compact .gls-item-icon { width: 38px; height: 38px; }
.gls-compact .gls-badge { margin-inline-start: auto; }
.gls-compact .gls-check { inset-block-start: 50%; transform: translateY(-50%); }

.gls-color-card { overflow: hidden; padding: 11px; border: 1px solid rgba(12,34,51,.09); box-shadow: 0 6px 18px rgba(12,34,51,.07); }
.gls-color-card:hover { transform: translateY(-5px); border-color: var(--gls-section-accent, var(--gls-accent)); box-shadow: 0 15px 28px rgba(12,34,51,.12); }
.gls-color-card__swatch { position: relative; display: flex; align-items: flex-end; justify-content: space-between; overflow: hidden; padding: 11px; background-color: var(--gls-swatch); background-image: var(--gls-swatch-image, none); background-size: cover; background-position: var(--gls-image-position, 50% 50%); }
.gls-color-card__swatch::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(transparent 45%, rgba(0,0,0,.24)); }
.gls-color-card__value { position: relative; z-index: 1; padding: 4px 7px; border: 1px solid rgba(255,255,255,.3); border-radius: 5px; color: #fff; background: rgba(0,0,0,.24); font: 800 10px/1.1 ui-monospace, SFMono-Regular, Menlo, monospace; direction: ltr; }
.gls-color-card__swatch .gls-number { position: relative; z-index: 1; color: var(--gls-navy); background: #fff; }
.gls-color-card__content { padding: 15px 5px 5px; }
.gls-color-card__meta { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px; }
.gls-color-card__meta span { padding: 5px 7px; border: 1px solid rgba(12,34,51,.08); border-radius: 5px; font-size: 9px; font-weight: 800; line-height: 1; }

.gls-empty,
.gls-no-results { padding: 24px; border: 1px dashed rgba(12,34,51,.22); border-radius: 14px; color: var(--gls-muted); text-align: center; font-size: 13px; font-weight: 750; }
.gls-no-results { margin-top: 20px; background: rgba(255,255,255,.55); }

@media (max-width: 767px) {
  .gls-header { grid-template-columns: 1fr; align-items: start; gap: 18px; }
  .gls-header__icon { width: 58px; height: 58px; border-radius: 16px; }
  .gls-toolbar { align-items: stretch; flex-direction: column; }
  .gls-search-wrap { flex-basis: auto; }
  .gls-nav { width: 100%; padding-bottom: 4px; }
  .gls-section__head { align-items: flex-start; }
  .gls-section__actions { align-items: flex-end; flex-direction: column-reverse; }
  .gls-section__count { display: none; }
  .gls-section__icon { width: 39px; height: 39px; border-radius: 12px; }
  .gls-section__title { font-size: 21px; }
  .gls-card--gear.is-featured { grid-column: auto; }
  .gls-compact .gls-badge { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .gls-showcase *, .gls-showcase *::before, .gls-showcase *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}