/* Catalog heading: live counts and native, progressively enhanced history. */
.catalog-heading {
 --cu-ink:#102b50; --cu-muted:#426085; --cu-line:#ceddf1; --cu-blue:#075ad6; --cu-panel:#fff; --cu-soft:#f3f8ff;
 display:grid; grid-template-columns:minmax(0,.9fr) minmax(530px,1.1fr); align-items:center; gap:30px; margin:0 0 24px; padding:30px 32px;
 border:1px solid #d1e0f6; border-radius:26px; color:var(--cu-ink);
 background:radial-gradient(ellipse at 100% 0,rgba(197,239,110,.2),transparent 55%),linear-gradient(120deg,#f8fbff,#f1f7ff);
}
.catalog-heading .catalog-heading__copy { min-width:0; }
.catalog-heading .catalog-heading__eyebrow { display:inline-flex; padding:5px 11px; margin:0 0 10px; border:1px solid #cbdfff; border-radius:999px; background:#ffffffb8; color:var(--cu-blue); font-size:13px; line-height:1.4; font-weight:750; }
.catalog-heading .catalog-heading__copy h2 { margin:0 0 10px; color:var(--cu-ink); font-size:clamp(26px,2.6vw,36px); line-height:1.16; letter-spacing:-.035em; font-weight:850; }
.catalog-heading .catalog-heading__copy p { margin:0; color:var(--cu-muted); font-size:15px; line-height:1.6; max-width:56ch; }
.catalog-heading .catalog-updates { min-width:0; margin:0; color:var(--cu-ink); border:1px solid var(--cu-line); border-radius:21px; background:var(--cu-panel); box-shadow:0 8px 24px #173e7410; overflow:hidden; }
.catalog-heading .catalog-updates > summary { display:grid; grid-template-columns:minmax(90px,.7fr) minmax(90px,.7fr) minmax(232px,1.6fr); align-items:stretch; margin:0; padding:0; list-style:none; cursor:pointer; min-height:104px; }
.catalog-updates > summary::-webkit-details-marker { display:none; }
.catalog-heading .catalog-updates__stat { display:flex; flex-direction:column; justify-content:center; align-items:center; gap:4px; padding:16px 10px; position:relative; }
.catalog-updates__stat::after { content:""; position:absolute; right:0; top:20px; bottom:20px; width:1px; background:var(--cu-line); }
.catalog-heading .catalog-updates__stat strong { color:var(--cu-blue); font-size:30px; line-height:1.15; font-weight:850; letter-spacing:-.04em; font-variant-numeric:tabular-nums; }
.catalog-heading .catalog-updates__stat > span { color:var(--cu-muted); font-size:13px; line-height:1.4; font-weight:650; }
.catalog-updates__check { display:flex; gap:12px; align-items:center; padding:16px 18px; background:linear-gradient(115deg,transparent,#d8f6a927); }
.catalog-updates__icon { width:42px; height:46px; flex:0 0 42px; display:grid; place-items:center; border:1px solid #d6e5fa; border-radius:13px; background:linear-gradient(135deg,#fff,#eaf3ff); color:var(--cu-blue); box-shadow:0 3px 8px #1766de0a; }
.catalog-updates__icon svg { width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.catalog-heading .catalog-updates__stamp { display:flex; flex-direction:column; align-items:flex-start; gap:3px; color:var(--cu-muted); font-size:13px; line-height:1.4; text-align:left; }
.catalog-heading .catalog-updates__stamp time { color:var(--cu-ink); font-size:18px; line-height:1.35; font-weight:800; letter-spacing:.01em; font-variant-numeric:tabular-nums; }
.catalog-heading .catalog-updates__caption { display:flex; gap:6px; align-items:center; color:var(--cu-blue); font-size:13px; line-height:1.5; font-weight:750; }
.catalog-updates__caption svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:2; transition:transform .18s ease; }
.catalog-updates[open] .catalog-updates__caption svg { transform:rotate(180deg); }
.catalog-heading .catalog-updates > summary:hover .catalog-updates__caption { text-decoration:underline; text-underline-offset:3px; }
.catalog-heading .catalog-updates > summary:focus-visible { outline:3px solid #367ff0; outline-offset:-4px; border-radius:20px; }
.catalog-heading .catalog-updates__body { padding:20px 22px 22px; margin:0; border-top:1px solid var(--cu-line); background:var(--cu-soft); font-size:15px; line-height:1.65; }
.catalog-heading .catalog-updates__body p { margin:0; color:var(--cu-muted); font-size:15px; line-height:1.65; }
.catalog-heading .catalog-updates__history { list-style:none; padding:0; margin:20px 0 0; }
.catalog-updates__history li { position:relative; padding:0 0 20px 31px; }
.catalog-updates__history li:last-child { padding-bottom:0; }
.catalog-updates__history li::before { content:""; position:absolute; left:0; top:3px; width:19px; height:19px; border-radius:50%; background:#e3f3d3; box-shadow:inset 0 0 0 1px #bcdf9b; }
.catalog-updates__history li::after { content:""; position:absolute; left:6px; top:8px; width:7px; height:4px; border:solid #347320; border-width:0 0 2px 2px; transform:rotate(-45deg); }
.catalog-heading .catalog-updates__history time { display:block; color:var(--cu-muted); font-size:13px; margin-bottom:3px; }
.catalog-heading .catalog-updates__history strong { display:block; color:var(--cu-ink); font-size:16px; margin-bottom:5px; line-height:1.4; }
html[data-theme="dark"] .catalog-heading { --cu-ink:#eff5ff; --cu-muted:#b7cbe3; --cu-line:#365272; --cu-blue:#89bcff; --cu-panel:#10233d; --cu-soft:#152c47; background:radial-gradient(ellipse at 100% 0,#71993520,transparent 55%),linear-gradient(120deg,#12263f,#172e42); border-color:#38516d; }
html[data-theme="dark"] .catalog-heading__eyebrow { background:#182f4b; border-color:#3b5b81; }
html[data-theme="dark"] .catalog-updates__check { background:linear-gradient(115deg,transparent,#b2e76c09); }
html[data-theme="dark"] .catalog-updates__icon { background:linear-gradient(135deg,#1c3658,#172d49); border-color:#456183; }
html[data-theme="dark"] .catalog-updates__history li::before { background:#284631; box-shadow:inset 0 0 0 1px #52724c; }
html[data-theme="dark"] .catalog-updates__history li::after { border-color:#b5e99a; }
@media(max-width:1100px) { .catalog-heading { grid-template-columns:1fr; gap:22px; padding:26px; } .catalog-heading .catalog-updates > summary { grid-template-columns:minmax(80px,1fr) minmax(80px,1fr) minmax(232px,1.5fr); } }
@media(max-width:600px) {
 .catalog-heading { padding:20px 16px; gap:18px; border-radius:22px; margin-bottom:20px; }
 .catalog-heading .catalog-heading__copy h2 { font-size:28px; }
 .catalog-heading .catalog-updates > summary { grid-template-columns:1fr 1fr; }
 .catalog-heading .catalog-updates__stat { padding:14px 10px; }
 .catalog-updates__stat::after { top:14px; bottom:14px; }
 .catalog-updates__stat:nth-child(2)::after { display:none; }
 .catalog-updates__check { grid-column:1 / -1; border-top:1px solid var(--cu-line); justify-content:center; padding:14px 16px; }
 .catalog-heading .catalog-updates__body { padding:18px 16px; }
 .catalog-heading .catalog-updates__history li { padding-left:28px; }
}
@media(prefers-reduced-motion:reduce) { .catalog-updates__caption svg { transition:none; } }