/* B374 · Nº 26's summers counter and the pick-your-person card (js/n26-sm-b374.js), in the page's own tokens */
.sm-card{background:linear-gradient(180deg,#fff7ec 0%,var(--px-card) 60%);border:1px solid var(--px-line);border-radius:18px;margin:48px 0;padding:22px 24px 20px;display:flex;flex-direction:column;gap:16px}
.sm-k{font:500 12px/1 var(--px-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--px-blue);margin:0}
.sm-h{font:600 clamp(22px,3.4vw,28px)/1.15 var(--px-serif);color:var(--px-ink);margin:0;text-wrap:balance}
.sm-p{font:400 15px/1.55 var(--px-sans);color:var(--px-char);margin:0}
.sm-kids{display:flex;flex-wrap:wrap;gap:12px;align-items:end}
.sm-kid{display:flex;flex-direction:column;gap:6px}
.sm-kid label{font:500 11px/1 var(--px-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--px-mute)}
.sm-kid input{width:88px;font:500 18px/1 var(--px-sans);padding:10px 12px;border:1px solid var(--px-line2);border-radius:10px;background:#fff;color:var(--px-ink)}
.sm-card button{font:500 14px/1 var(--px-sans);padding:11px 14px;border-radius:10px;border:1px solid var(--px-line2);background:#fff;color:var(--px-ink);cursor:pointer}
.sm-card button:hover{border-color:var(--px-blue)}
.sm-card input:focus-visible,.sm-card button:focus-visible,.sm-card a:focus-visible{outline:2px solid var(--px-blue);outline-offset:2px}
.sm-rows{display:flex;flex-direction:column;gap:14px}
.sm-row{display:flex;flex-direction:column;gap:8px}
.sm-meta{display:flex;justify-content:space-between;gap:12px;font:400 14px/1.3 var(--px-sans);color:var(--px-mute)}
.sm-meta b{color:var(--px-ink);font-weight:700}
.sm-track{position:relative;display:grid;grid-template-columns:repeat(18,1fr);gap:4px;align-items:center;padding:16px 12px 24px;border-radius:14px;background:linear-gradient(180deg,#f8d9a8 0%,#efe2c8 100%);overflow:hidden}
.sm-d{position:relative;z-index:1;aspect-ratio:1;max-width:24px;width:100%;justify-self:center;border-radius:50%}
.sm-d.past{border:1.5px solid rgba(10,22,51,.22);transform:scale(.55)}
.sm-d.left{background:radial-gradient(circle at 40% 35%,#ffe6b0,#f3a64a 60%,#e5893a);box-shadow:0 0 10px rgba(243,166,74,.55);opacity:0;transform:translateY(6px);animation:sm-rise .5s ease forwards}
.sm-tag{position:absolute;bottom:5px;font:500 10px/1 var(--px-mono);letter-spacing:.06em;color:var(--px-mute);transform:translateX(-50%);white-space:nowrap}
@keyframes sm-rise{to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.sm-d.left{animation:none;opacity:1;transform:none}}
.sm-total{font:400 clamp(19px,3vw,24px)/1.3 var(--px-serif);color:var(--px-ink);margin:0}
.sm-total b{color:var(--px-blue)!important;font-variant-numeric:tabular-nums}
.sm-note{font:400 13px/1.45 var(--px-sans);color:var(--px-mute);margin:0}
.sm-act{background:var(--px-card)}
.sm-act ol{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px;font:400 16px/1.5 var(--px-sans);color:var(--px-body)}
.sm-cta{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;background:var(--px-blue);color:#fff!important;text-decoration:none!important;font:700 15px/1 var(--px-sans);padding:13px 18px;border-radius:999px}
.sm-src{font:400 12px/1.5 var(--px-sans);color:var(--px-mute);margin:0}
.sm-src a{color:var(--px-mute)}
@media (max-width:560px){.sm-card{padding:18px 16px 16px}.sm-track{gap:2px;padding:14px 8px 22px}}