/* archive.css — category / brand archives: sky header band with chips, grouped grids, help band, SEO copy. */
.archive-head{padding-block:20px 40px;background:var(--sky-50);border-block-end:1px solid var(--line-100)}
.archive-head__grid{display:grid;gap:14px}
.archive-head__inner{display:grid;gap:14px;max-width:48rem}
.archive-head .lead{color:var(--ink-700)}
.archive-head__art{display:none}
/* Phones: the chip row scrolls sideways; block padding keeps focus rings unclipped */
@media (max-width:767px){.archive-head .chip-row{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:calc(var(--gutter) * -1);padding:6px var(--gutter);margin-block:-4px}.archive-head .chip-row::-webkit-scrollbar{display:none}}
@media (min-width:1024px){
  .archive-head{padding-block:28px 56px}
  .archive-head__grid{grid-template-columns:minmax(0,1fr) 300px;column-gap:48px;row-gap:18px}
  .archive-head__inner{gap:18px}
  .archive-head__art{display:block;position:relative;grid-column:2;grid-row:1/3;align-self:center;aspect-ratio:1/.8}
  .archive-head__art .orb{position:absolute;box-shadow:inset 0 0 0 1px var(--sky-200),var(--sh-2)}
  .archive-head__art .orb:nth-child(1){height:78%;inset-block-start:0;inset-inline-end:0}
  .archive-head__art .orb:nth-child(2){height:44%;inset-block-end:0;inset-inline-start:4%}
  .archive-head__art .orb:nth-child(3){height:34%;inset-block-end:2%;inset-inline-end:18%}
}
.archive-body{padding-block-start:var(--sp-7)}
.subcat{scroll-margin-block-start:96px}
.subcat+.subcat{margin-block-start:var(--sp-8)}
.subcat__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 16px;padding-block-end:16px;margin-block-end:20px;border-block-end:1px solid var(--line-200)}
.subcat__head h2{font-size:var(--fs-h3);line-height:var(--lh-h3)}
.subcat__head p{flex-basis:100%;order:3;font-size:15px;color:var(--ink-500)}
.help-band{display:grid;gap:16px;align-items:center;padding:24px;border-radius:var(--r-tile);background:var(--sky-100)}
.help-band h2{font-size:var(--fs-h3);line-height:var(--lh-h3)}
@media (min-width:768px){.help-band{grid-template-columns:auto minmax(0,1fr) auto;gap:24px;padding:32px 40px}}
.help-band__icon{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#fff;color:var(--azure-700)}
.seo-copy{display:grid;gap:14px;max-width:46rem;color:var(--ink-500);font-size:15px}
.seo-copy h2{font-size:var(--fs-h4);line-height:var(--lh-h4)}