/* Tea page (Claude Design comp) */
.tea-head { max-width: 58ch; margin-bottom: 26px; }
.tea-head h1 { margin-bottom: 12px; }
.tea-head .verdict { font-size: 1.125rem; color: var(--ink); margin: 0; }

.brew-card { display: flex; flex-wrap: wrap; }
.brew-card-media { flex: 1 1 200px; max-width: 280px; min-height: 200px; position: relative; }
.brew-card-media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.brew-card-body { flex: 1 1 420px; min-width: min(420px, 100%); }
.brew-card .brew-table thead td { border-bottom: 1px solid var(--line); }
.brew-card-ladder { padding: 4px 24px 0; margin-top: 10px; }
.brew-card .brew-meta { padding: 0 24px; }
@media (max-width: 640px) { .brew-card-media { max-width: 100%; flex-basis: 100%; min-height: 160px; } }

.caff-note { font-size: .9375rem; color: var(--text-muted); margin-bottom: 18px; }
.tea-caffeine .caff-bars { max-width: 42rem; }

.tea-chips { display: flex; flex-direction: column; gap: 18px; margin-top: clamp(36px, 5vw, 56px); max-width: 42rem; }
.chip-group .overline { margin-bottom: 10px; }
.chip-link-static { background: var(--leaf-tint); color: var(--ink); font-weight: 500; font-size: .875rem; padding: 7px 14px; border-radius: var(--r-round); display: inline-block; }

.tea-similar { margin-top: clamp(36px, 5vw, 56px); }
.tea-faq { margin-top: clamp(36px, 5vw, 56px); max-width: 48rem; }
.faq-stack { display: flex; flex-direction: column; gap: 12px; }