/* ACC Daily · Stock page (sk-) */
.sk-anchor { scroll-margin-top: 76px; }
.sk-pad { padding-left: 24px; padding-right: 24px; }
.sk-muted { color: var(--ink-3); }
.sk-figlink.c-btn--link { font: 500 var(--fs-12)/16px var(--font-ui); color: var(--ink-1); vertical-align: baseline; }
.sk-invnote { margin-top: 10px; font-size: var(--fs-12); }
.sk-lead { font: 400 var(--fs-14)/21px var(--font-ui); color: var(--ink-2); max-width: 82ch; }
.sk-lead strong { color: var(--ink-1); font-weight: 600; font-variant-numeric: tabular-nums; }
#sk-out .sk-lead { margin-bottom: 14px; }

/* top sellers: days-of-stock chart */
.sk-coverhead { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 8px 16px; margin-bottom: 10px; }
.sk-coverhead__t { display: grid; gap: 6px; min-width: 0; flex: 1 1 320px; }
.sk-cover { min-width: 0; }
.sk-chartnote { margin-top: 8px; font-size: var(--fs-12); }
.sk-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0 2px; }
.sk-chips:empty { display: none; }
#sk-out .t-wrap, .sk-chips + .t-wrap { margin-top: 0; }
.c-sheet--flush .sk-pad + .t-wrap, .c-sheet--flush .sk-chips + .t-wrap { padding-top: 16px; border-top: 1px solid var(--rule-soft); margin-top: 16px; }

/* inventory filter: may wrap on narrow screens instead of pushing the page wider */
#sk-inv .t-tools { min-width: 0; max-width: 100%; }
.sk-invseg { flex-wrap: wrap; }

/* find a SKU */
.sk-find { display: grid; gap: 12px; }
.sk-find__box.t-search { flex: none; width: min(560px, 100%); min-width: 0; }
.sk-find__in.t-search__in { height: 40px; font-size: var(--fs-14); }
.sk-find__res { min-width: 0; }
.sk-try { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; }
.sk-try__lab { font: 400 var(--fs-13)/18px var(--font-ui); color: var(--ink-3); }
.sk-hits { list-style: none; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 24px; border-top: 1px solid var(--rule-soft); }
.sk-hit {
  display: flex; align-items: center; justify-content: space-between; gap: 6px 16px; width: 100%; min-height: 48px; padding: 8px 6px;
  border: 0; border-bottom: 1px solid var(--rule-soft); background: none; color: var(--ink-1); text-align: left; cursor: pointer;
}
.sk-hit:hover { background: var(--surface-hover); }
.sk-hit__main { display: grid; gap: 2px; min-width: 0; }
.sk-hit__sku { font-size: 13px; }
.sk-hit__sub { font: 400 var(--fs-12)/16px var(--font-ui); color: var(--ink-2); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sk-hit__num { font: 400 var(--fs-12)/16px var(--font-ui); color: var(--ink-3); font-variant-numeric: tabular-nums; text-align: right; flex: none; }
.sk-hits__n { margin-top: 8px; font: 400 var(--fs-12)/16px var(--font-ui); color: var(--ink-3); }

/* the SKU card */
.sk-card { margin-top: 20px; padding-top: 20px; border-top: 2px solid var(--stock); display: grid; gap: 22px; min-width: 0; }
.sk-card__head { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 10px 20px; }
.sk-card__id { display: grid; gap: 4px; min-width: 0; }
.sk-card__sku .c-code { font-size: var(--fs-20); line-height: 26px; font-weight: 500; }
.sk-card__desc { font: 500 var(--fs-15)/21px var(--font-ui); color: var(--ink-1); overflow-wrap: anywhere; }
.sk-card__mill { font: 400 var(--fs-13)/18px var(--font-ui); color: var(--ink-3); }
.sk-card__acts { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; }
.sk-card__top { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px 32px; align-items: start; }
.sk-card__bottom { display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px; align-items: start; }
.sk-card__cap { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 8px; }
.sk-card__blk { min-width: 0; display: grid; gap: 8px; align-content: start; }
.sk-card__blkcap { margin-bottom: 2px; }
.sk-mini { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border: 1px solid var(--rule-soft); }
.sk-mini__i { display: grid; gap: 4px; align-content: start; padding: 12px 14px 14px; min-width: 0; box-shadow: -1px 0 0 var(--rule-soft), 0 -1px 0 var(--rule-soft); }
.sk-mini__i .c-cap { color: var(--ink-3); }
.sk-mini__v { font: 600 var(--fs-24)/30px var(--font-ui); letter-spacing: -.01em; color: var(--ink-1); font-variant-numeric: tabular-nums lining-nums; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sk-mini__n { font: 400 var(--fs-12)/16px var(--font-ui); color: var(--ink-3); }
.sk-mini__i .c-status { margin-top: 2px; font-size: var(--fs-12); }
.sk-codelink { text-decoration: underline; text-underline-offset: 2px; text-decoration-color: var(--ink-4); }
.sk-codelink:hover { text-decoration-color: var(--ink-1); }

/* downloads at the foot */
.sk-dl { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 14px; margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--rule-soft); }
.sk-dl .c-btn--primary { height: auto; min-height: 44px; padding: 8px 16px; flex-wrap: wrap; gap: 4px 10px; }
.sk-dl .c-btn--primary .c-btn__t { font-weight: 600; }
.sk-dl .c-btn--secondary { height: 44px; }
.sk-dl__note { flex: 1 1 240px; font: 400 var(--fs-13)/19px var(--font-ui); color: var(--ink-3); }

@media (max-width: 1099px) {
  .sk-card__top { grid-template-columns: minmax(0, 1fr); }
  .sk-hits { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 639px) {
  .sk-anchor { scroll-margin-top: 8px; }
  .sk-pad { padding-left: 16px; padding-right: 16px; }
  .sk-lead { font-size: var(--fs-13); line-height: 19px; }
  .sk-mini { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sk-mini__i { padding: 10px 12px 12px; }
  .sk-mini__v { font-size: var(--fs-20); line-height: 26px; }
  .sk-hit { flex-wrap: wrap; }
  .sk-hit__num { text-align: left; }
  .sk-dl .c-btn { width: 100%; justify-content: flex-start; }
}