/* Native category content uses the existing paper, typography and product grid. */
.category-heading{padding-block:.5rem 1.25rem}
.category-heading .breadcrumbs{margin-block:.5rem .75rem}
.category-heading h1{max-inline-size:24ch}
.category-description{font-size:1.1rem;max-inline-size:70ch;overflow-wrap:anywhere}
.category-description>:last-child{margin-block-end:0}
.category-breadcrumbs ol{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .65rem}
.category-breadcrumbs li{display:inline-flex;align-items:baseline;gap:.65rem;min-inline-size:0;overflow-wrap:anywhere}
.category-breadcrumbs li+li::before{content:"/";color:var(--muted)}
.category-breadcrumbs a{display:inline-flex;align-items:center;min-block-size:44px;text-underline-offset:.2em}
.category-pagination{margin-block:clamp(1.5rem,1rem + 2vw,3rem)}
.category-pagination ul{display:flex;flex-wrap:wrap;justify-content:safe center;align-items:center;gap:.5rem;list-style:none;margin:0;padding:0}
.category-pagination :is(a,span){display:inline-flex;align-items:center;justify-content:center;min-inline-size:44px;min-block-size:44px;padding-inline:.8rem;border:1px solid var(--line);border-radius:10px;font-variant-numeric:tabular-nums;text-decoration:none}
.category-pagination [aria-current]{background:var(--citron);border-color:var(--ink);font-weight:700}
.category-pagination .pagination-gap{min-inline-size:0;border:0;padding-inline:.2rem}
.category-pagination a:active,.category-breadcrumbs a:active{opacity:.78}
.category-pagination a:focus-visible,.category-breadcrumbs a:focus-visible{outline:3px solid var(--ink);outline-offset:4px}
@media(hover:hover) and (pointer:fine){.category-pagination a:hover{background:var(--tint);border-color:var(--ink)}.category-breadcrumbs a:hover{text-decoration-thickness:2px}}

@container page (width < 42rem){.category-heading~:is(.category-nav,.subcategory-nav){flex-wrap:nowrap;overflow-x:auto;max-inline-size:100%;padding-block:.25rem .5rem;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.category-heading~:is(.category-nav,.subcategory-nav) a{flex:none}}