.cl-type{--tone:var(--accent);border-radius:var(--r-pill);background:color-mix(in srgb, var(--tone) 12%, var(--surface));color:color-mix(in srgb, var(--tone) 80%, var(--heading));align-items:center;gap:5px;padding:3px 10px;font-size:12.5px;font-weight:700;display:inline-flex}.cl-meta{color:var(--text-3);flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;display:inline-flex}.cl-cover{aspect-ratio:3/2;background:linear-gradient(160deg, color-mix(in srgb, var(--tone) 14%, var(--surface)), var(--surface-alt));color:var(--tone);border-radius:18px;place-items:center;display:grid;position:relative;overflow:hidden}.cl-cover img{object-fit:cover;width:100%;height:100%;transition:transform .35s var(--ease);position:absolute;inset:0}.cl-excerpt{color:var(--text-2);font-size:clamp(14px,13.562px + .112vw,15px);line-height:1.55}.cl-latest{--tone:var(--accent);border:1px solid color-mix(in srgb, var(--tone) 22%, var(--border));background:radial-gradient(70% 90% at 100% 0%, color-mix(in srgb, var(--tone) 14%, transparent), transparent 70%), var(--surface);box-shadow:var(--elev-2);color:inherit;border-radius:28px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:clamp(20px,3vw,40px);padding:14px;text-decoration:none;display:grid}.cl-latest-copy{flex-direction:column;align-items:flex-start;gap:10px;padding:8px 18px 8px 0;display:flex}.cl-latest-copy b{font-family:var(--font-display);color:var(--heading);font-size:clamp(22px,17.613px + 1.125vw,32px);line-height:1.2}.cl-more{color:var(--tone);align-items:center;gap:6px;margin-top:4px;font-size:15px;font-weight:700;display:inline-flex}.cl-latest:hover .cl-cover img{transform:scale(1.04)}.cl-filters{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:24px;display:flex}.cl-filters a{--tone:var(--accent);border:1px solid var(--border);border-radius:var(--r-pill);background:var(--surface);min-height:40px;color:var(--heading);align-items:center;gap:6px;padding:0 16px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.cl-filters a svg{color:var(--tone)}.cl-filters a[aria-current=page]{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.cl-top{grid-template-columns:minmax(0,1fr) minmax(260px,.34fr);align-items:stretch;gap:20px;display:grid}.cl-shipped{background:var(--heading);color:var(--surface);border-radius:28px;align-content:center;gap:6px;padding:24px;display:grid}.cl-shipped h3{letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb, var(--surface) 65%, transparent);margin:0;font-size:12.5px;font-weight:800}.cl-total{font-family:var(--font-display);margin-bottom:14px;font-size:clamp(26px,3vw,34px);line-height:1.1}.cl-shipped ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.cl-shipped a{background:color-mix(in srgb, var(--surface) 8%, transparent);min-height:48px;color:var(--surface);transition:background .2s var(--ease);border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:0 14px 0 8px;text-decoration:none;display:grid;position:relative;overflow:hidden}.cl-shipped a:hover{background:color-mix(in srgb, var(--surface) 14%, transparent)}.cl-shipped a i{width:var(--share);background:var(--tone);height:3px;position:absolute;bottom:0;left:0}.cl-shipped-icon{background:var(--tone);border-radius:10px;place-items:center;width:32px;height:32px;display:grid}.cl-shipped-name{font-size:14.5px;font-weight:700}.cl-shipped a b{font-family:var(--font-display);font-size:20px}.cl-months{gap:clamp(28px,4vw,48px);display:grid}.cl-month{grid-template-columns:200px minmax(0,1fr);align-items:start;gap:24px;display:grid}.cl-month-label{font-family:var(--font-display);color:var(--heading);gap:4px;margin:0;font-size:clamp(18px,16.246px + .449vw,22px);display:grid;position:sticky;top:96px}.cl-month-label small{font-family:var(--font-body,inherit);color:var(--text-3);font-size:13px;font-weight:600}.cl-rail{gap:14px;margin:0;padding:0 0 0 30px;list-style:none;display:grid;position:relative}.cl-rail:before{content:"";background:var(--border);border-radius:2px;width:2px;position:absolute;top:10px;bottom:10px;left:8px}.cl-rail li{position:relative}.cl-rail li:before{content:"";background:var(--tone);width:14px;height:14px;box-shadow:0 0 0 4px var(--surface-alt), 0 0 0 5px color-mix(in srgb, var(--tone) 40%, transparent);border-radius:50%;position:absolute;top:26px;left:-28px}.cl-entry{background:var(--surface);box-shadow:inset 0 0 0 1px var(--border);color:inherit;transition:transform .2s var(--ease), box-shadow .2s var(--ease);border-radius:22px;grid-template-columns:minmax(0,1fr) 220px;align-items:center;gap:20px;padding:14px 14px 14px 22px;text-decoration:none;display:grid}.cl-entry:hover{box-shadow:inset 0 0 0 1.5px var(--tone), var(--elev-2);transform:translate(4px)}.cl-entry:hover .cl-cover img{transform:scale(1.04)}.cl-entry:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.cl-entry-copy{justify-items:start;gap:8px;display:grid}.cl-entry-copy b{font-family:var(--font-display);color:var(--heading);font-size:clamp(18px,1.6vw,21px);line-height:1.25}.cl-entry .cl-more{margin-top:0;font-size:14px}.cl-entry .cl-cover{aspect-ratio:16/10;border-radius:14px}@media (max-width:1100px){.cl-top{grid-template-columns:minmax(0,1fr)}.cl-shipped ul{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (max-width:900px){.cl-latest{grid-template-columns:minmax(0,1fr)}.cl-month{grid-template-columns:minmax(0,1fr);gap:14px}.cl-month-label{align-items:baseline;gap:10px;display:flex;position:static}.cl-latest-copy{padding:4px 8px 10px}}@media (max-width:640px){.cl-latest{border-radius:22px;padding:10px}.cl-filters{scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;padding:2px 2px 6px;overflow-x:auto}.cl-filters a{flex:none}.cl-meta{gap:6px;font-size:12px}.cl-shipped{border-radius:22px;padding:18px}.cl-rail{padding-left:24px}.cl-rail:before{left:5px}.cl-rail li:before{width:12px;height:12px;top:20px;left:-24px}.cl-entry{border-radius:18px;grid-template-columns:minmax(0,1fr) 84px;align-items:start;gap:12px;padding:14px 12px 14px 14px}.cl-entry .cl-cover{aspect-ratio:1;border-radius:12px}.cl-entry .cl-excerpt{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;display:-webkit-box;overflow:hidden}.cl-entry .cl-more{display:none}.cl-entry-copy{gap:6px}.cl-entry-copy b{font-size:16.5px}.cl-entry{align-items:center}.cl-rail{gap:10px}}@media (prefers-reduced-motion:reduce){.cl-cover img{transition:none}}
