.item-page{animation:page-in .45s var(--ease) both}.item-hero{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-soft);padding:1.5rem 1.35rem 1.75rem;position:relative;overflow:hidden}.item-hero.is-champ{border-color:var(--gold-border);background:radial-gradient(520px 180px at 100% 0%, #e6b4223d, transparent 60%), var(--surface)}.item-hero.is-hot{background:radial-gradient(480px 160px at 0% 0%, #ff5a3c24, transparent 55%), var(--surface);border-color:#ff5a3c59}.item-kicker{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.item-rank-pill{font-family:var(--font-score), monospace;border:1px solid var(--border-strong);background:var(--background);border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .85rem;font-size:.85rem;font-weight:700;display:inline-flex}.item-rank-pill.gold{background:var(--gold-tint);border-color:var(--gold-border);color:#7a5a00}.item-rank-pill.climb{background:var(--fun-tint);color:var(--fun-dark);border-color:#ff5a3c4d}.item-title{font-family:var(--font-display), sans-serif;letter-spacing:-.02em;margin:0;font-size:clamp(1.75rem,4vw,2.35rem);font-weight:700;line-height:1.15}.item-sub{color:var(--muted);margin-top:.55rem;font-size:1.05rem}.item-story{color:var(--foreground);max-width:36rem;margin-top:1rem;font-size:1.05rem;line-height:1.55}.item-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin-top:1.35rem;display:grid}.item-stat{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--background);text-align:center;padding:.8rem .7rem;transition:border-color .15s,background-color .15s}.item-stat:hover{border-color:var(--accent-tint-strong);background:var(--accent-tint)}.item-stat .val{font-family:var(--font-score), monospace;font-variant-numeric:tabular-nums;font-size:1.05rem;font-weight:700;display:block}.item-stat .lbl{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-top:.2rem;font-size:.72rem;font-weight:600;display:block}.item-chase{margin-top:1.25rem}.item-chase-label{color:var(--muted);justify-content:space-between;gap:.75rem;margin-bottom:.4rem;font-size:.8rem;font-weight:600;display:flex}.item-chase-bar{background:var(--border);border-radius:999px;height:.6rem;overflow:hidden}.item-chase-fill{background:linear-gradient(90deg, var(--fun), #ff7a5c);height:100%;transition:width .45s var(--ease);border-radius:999px}.item-chase-fill.champ{background:linear-gradient(90deg, var(--gold), #f0c94a)}.item-actions{flex-wrap:wrap;align-items:center;gap:.65rem;margin-top:1.5rem;display:flex}.item-share{flex-wrap:wrap;gap:.5rem;margin-top:.85rem;display:flex}.item-section{margin-top:2rem}.item-section h2{font-family:var(--font-display), sans-serif;margin-bottom:.75rem;font-size:1.2rem;font-weight:700}.item-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.item-list a{color:inherit;border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-md);transition:border-color .15s ease, transform .18s var(--ease), box-shadow .18s var(--ease);justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1rem;text-decoration:none;display:flex;box-shadow:0 4px 16px #1c191608}.item-list a:hover{border-color:var(--accent);box-shadow:var(--shadow-soft);transform:translateY(-1px)}.item-list .name{min-width:0;font-weight:700}.item-list .meta{color:var(--muted);margin-top:.15rem;font-size:.78rem;display:block}.item-list .score{font-family:var(--font-score), monospace;white-space:nowrap;color:var(--accent-dark);font-size:.85rem;font-weight:700}.item-note{color:var(--muted);margin-top:.75rem;font-size:.9rem;line-height:1.55}.item-faq details{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);margin-bottom:.5rem;padding:.85rem 1rem;box-shadow:0 4px 16px #1c191608}.item-faq summary{cursor:pointer;font-weight:700}.item-faq p{color:var(--muted);margin-top:.55rem;font-size:.95rem;line-height:1.55}@media (max-width:520px){.item-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}}@media (prefers-reduced-motion:reduce){.item-page{animation:none}.item-chase-fill,.item-list a{transition:none}}
