/* > Made by Codex · 2026-09-27 · from: "update the partnership archives" · session n/a */
/* > Updated by Codex · 2026-09-27 · responsive official-brand logo rail */
/* > Updated by Codex · 2026-09-27 · restrained summary, single filter toolbar, and compact accordion rows */
.archive-layout { display: grid; grid-template-columns: minmax(0,1fr) 172px; align-items: start; column-gap: 48px; }
.archive-body { grid-column: 1; grid-row: 1; min-width: 0; }
.brand-rail { grid-column: 2; grid-row: 1; margin-top: 28px; padding-left: 24px; border-left: 1px solid var(--line); }
.brand-rail h3 { margin: 0; font: 500 .63rem/1.6 var(--sans); letter-spacing: .12em; text-transform: uppercase; }
.brand-rail > p { margin: 9px 0 18px; color: var(--muted); font: 400 .67rem/1.6 var(--sans); }
.brand-rail-logos { display: grid; grid-template-columns: minmax(0,1fr); }
.brand-rail-logos a { display: flex; align-items: center; justify-content: center; min-width: 0; min-height: 76px; padding: 14px 6px; border-bottom: 1px solid var(--line); }
.brand-rail-logos img { display: block; width: 100%; max-width: 132px; height: 42px; object-fit: contain; filter: brightness(0); opacity: .75; }
.brand-rail-logos a:hover img, .brand-rail-logos a:focus-visible img { opacity: 1; }
.brand-rail-logos a:focus-visible { outline: 2px solid var(--ink); outline-offset: 3px; }
.archive-body .kit-partner[id] { scroll-margin-top: 28px; }
.archive-body > .campaign-snapshot { margin-top: 32px; margin-bottom: 0; }
@media (min-width: 901px) and (min-height: 780px) {
  .brand-rail { position: sticky; top: 28px; }
}
@media (max-width: 900px) {
  .archive-layout { display: flex; flex-direction: column; gap: 0; }
  .brand-rail { position: static; order: 2; width: 100%; margin-top: 28px; padding: 22px 0 10px; border-left: 0; border-top: 1px solid var(--line); }
  .brand-rail > p { margin-bottom: 10px; }
  .brand-rail-logos { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 0 18px; }
  .brand-rail-logos a { min-height: 64px; padding: 12px 10px; }
  .brand-rail-logos img { height: 34px; }
  .archive-body { width: 100%; }
}
@media (max-width: 480px) {
  .brand-rail-logos { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 24px; }
}
.kit-work .archive-kicker { margin: 0 0 16px; font: 500 .65rem/1.5 var(--sans); text-transform: uppercase; letter-spacing: .14em; color: var(--muted); }
.kit-work .kit-block-heading h2 { font-size: clamp(2.4rem, 3.6vw, 3.3rem); }
.kit-work .kit-block-heading p:not(.archive-kicker) { margin-top: 12px; }
.archive-overview { display: flex; flex-wrap: wrap; list-style: none; gap: 12px 24px; margin: 26px 0 28px; padding: 18px 0; border-block: 1px solid var(--line); color: var(--muted); font: 400 .72rem/1.6 var(--sans); }
.archive-overview li { margin: 0; }
.archive-overview strong { margin-right: 4px; color: var(--ink); font-weight: 500; }
.archive-tools { display: grid; grid-template-columns: 1.2fr 1fr 1fr; align-items: end; gap: 12px; margin-bottom: 10px; }
.archive-tools label { display: flex; min-width: 0; flex-direction: column; gap: 8px; font-size: .65rem; color: var(--muted); }
.archive-tools input, .archive-tools select { width: 100%; min-height: 48px; min-width: 0; border: 1px solid var(--line); border-radius: 0; background: transparent; color: var(--ink); padding: 12px; font: 400 .76rem/1.5 var(--sans); }
.archive-tools input::placeholder { color: var(--muted); opacity: 1; }
.archive-tools input:focus-visible, .archive-tools select:focus-visible, .archive-reset:focus-visible { outline: 2px solid var(--ink); outline-offset: 3px; }
.kit-work .kit-work-meta { display: flex; justify-content: space-between; align-items: center; gap: 12px; min-height: 44px; margin: 0; }
.kit-work-meta #filter-status { margin: 0; font: 400 .65rem/1.6 var(--sans); }
.archive-reset { flex-shrink: 0; min-height: 44px; padding: 0; background: transparent; border: 0; color: var(--ink); text-decoration: underline; text-underline-offset: 4px; font: 400 .65rem var(--sans); cursor: pointer; }
.archive-guide { margin: 0 0 28px; color: var(--muted); font: 400 .65rem/1.75 var(--sans); }
.archive-guide summary { width: fit-content; display: flex; align-items: center; gap: 9px; min-height: 44px; list-style: none; cursor: pointer; }
.archive-guide summary::-webkit-details-marker { display: none; }
.archive-guide summary::before { content: ""; width: 6px; height: 6px; border-right: 1px solid currentColor; border-bottom: 1px solid currentColor; transform: rotate(-45deg); }
.archive-guide[open] summary::before { transform: rotate(45deg); }
.archive-guide p { max-width: 76ch; margin: 4px 0 18px; font: inherit; }
.archive-empty { padding: 28px; border: 1px solid var(--line); font-size: .85rem; line-height: 1.7; background: var(--soft); }
.kit-work .kit-niche { margin-top: 32px; }
.kit-work .kit-niche:first-child { margin-top: 0; }
.kit-work .kit-niche h3 { margin: 0 0 12px; color: var(--muted); font: 500 .66rem/1.6 var(--sans); text-transform: uppercase; letter-spacing: .1em; }
.kit-work .kit-partner-list { border-block: 1px solid var(--line); }
.kit-work .kit-partner summary { display: grid; grid-template-columns: 56px minmax(0,1fr) auto; gap: 18px; align-items: center; padding: 20px 8px; }
.kit-work .kit-partner summary > span:first-of-type { min-width: 0; }
.archive-thumb, .archive-initial { grid-column: 1; grid-row: 1; width: 56px; height: 72px; }
.archive-thumb { display: block; object-fit: cover; object-position: center; }
.archive-initial { display: grid; place-items: center; font: 400 2rem var(--serif); background: var(--soft); color: var(--muted); }
.kit-work .kit-partner summary > span:not(.archive-initial):not(.kit-partner-end) { grid-column: 2; }
.kit-work .kit-partner summary > .kit-partner-end { grid-column: 3; }
.kit-work .kit-partner-end { padding-right: 0; gap: 16px; color: var(--muted); }
.kit-work .kit-partner-end > span:first-child { max-width: 105px; text-align: right; }
.kit-work .kit-expand { display: grid; place-items: center; width: 24px; height: 24px; line-height: 1; }
.kit-work .kit-partner summary strong { font-size: 1.5rem; line-height: 1.2; }
.kit-work .kit-deliverable { margin-top: 5px; font-size: .68rem; }
.kit-work .kit-post-count { margin-top: 6px; font: 400 .6rem/1.6 var(--sans); letter-spacing: .02em; text-transform: none; color: var(--muted); }
.kit-work .kit-partner[open] { background: #f3f1ec55; }
.kit-work .kit-partner[open] > summary { border-bottom: 1px solid var(--line); }
.kit-work .kit-partner-detail { padding: 22px 16px 26px; }
.kit-work .kit-partner-detail > p { font: 400 .75rem/1.8 var(--sans); }
.archive-pending { display: block; margin-top: 6px; color: var(--muted); font: 400 .6rem/1.6 var(--sans); }
.archive-post-instagram .campaign-type { color: #922582; }
.archive-post-instagram .campaign-metrics { border-top-color: #d499ca; }
.archive-post-tiktok .campaign-metrics { border-top-color: #171719; }
.archive-post-tiktok .campaign-type::before { content: ""; display: inline-block; width: 6px; height: 6px; margin-right: 9px; background: #171719; box-shadow: -2px -1px #25f4ee, 2px 1px #fe2c55; }
.has-posts { max-width: none; }
.campaign-post { padding: 32px 0 16px; max-width: 760px; }
.campaign-post .campaign-copy h4 { margin-block: 14px 18px; }
.campaign-post .kit-text-link { margin-top: 16px; }
.campaign-post .archive-unavailable { margin-top: 18px; font-size: .78rem; color: var(--muted); }
.kit-work > .campaign-snapshot { margin-top: 32px; margin-bottom: 0; }
.kit-work summary:focus-visible { outline: 2px solid var(--ink); outline-offset: 4px; }
@media (max-width: 640px) {
  .archive-overview { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 12px; font-size: .7rem; margin-block: 22px; }
  .archive-tools { grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 12px; }
  .archive-search-label { grid-column: 1 / -1; }
  .archive-tools input, .archive-tools select { font-size: 1rem; }
  .archive-guide { margin-bottom: 22px; }
  .kit-work .kit-partner summary { grid-template-columns: 52px minmax(0,1fr) auto; gap: 13px; padding-inline: 0; }
  .archive-thumb, .archive-initial { width: 52px; height: 70px; }
  .kit-work .kit-partner summary strong { font-size: 1.4rem; }
  .kit-work .kit-partner-end { min-width: 32px; font-size: .59rem; max-width: 56px; line-height: 1.6; }
  .kit-work .kit-partner-detail { padding-inline: 0; }
  .campaign-post .kit-text-link { white-space: normal; line-height: 1.6; }
}