.flavor-grid{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,16rem),1fr))}.flavor-card{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--space-3);align-items:start;padding:var(--space-4);background:var(--white);border-radius:var(--radius-card);box-shadow:var(--shadow-soft);border-top:5px solid var(--accent, var(--line));transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.flavor-card:hover{box-shadow:var(--shadow-lift)}@media(prefers-reduced-motion:no-preference){.flavor-card:hover{transform:translateY(-2px)}}.flavor-card:focus-within{outline:3px solid var(--focus);outline-offset:3px}.flavor-card__swatch,.flavor-badge__swatch,.spotlight__swatch{display:block;flex:none;width:2.1rem;height:2rem;border-radius:52% 52% 40% 40%/62% 62% 38% 38%;background:var(--accent, var(--mist));box-shadow:inset 0 -5px #1c1a3d1f,0 0 0 1px #1c1a3d2e}.flavor-card__text{min-width:0}.flavor-card__name{font-size:var(--step-0);line-height:1.25;margin:0 0 var(--space-1)}.flavor-card__name a{color:var(--night);text-decoration:none}.flavor-card__name a:after{content:"";position:absolute;inset:0;border-radius:inherit}.flavor-card__name a:hover{color:var(--berry)}.flavor-card__name a:focus-visible{outline:none}.flavor-card__line{margin:0;font-size:var(--step--1);line-height:1.45;color:var(--ink-soft);overflow-wrap:anywhere}.flavor-jump ul{list-style:none;margin:var(--space-6) 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2) var(--space-4)}.flavor-jump a{font-weight:700}.flavor-section__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-2) var(--space-4);margin-bottom:var(--space-4)}.flavor-section__head h2{font-size:var(--step-2);margin:0;scroll-margin-top:calc(var(--header-h) + var(--space-4))}.flavor-section{scroll-margin-top:calc(var(--header-h) + var(--space-4))}.flavor-section__more{font-weight:700;font-size:var(--step--1)}.spotlight{position:relative;overflow:hidden;margin-block:var(--space-6);padding:var(--space-6) var(--space-5);border-radius:var(--radius-lg);background:radial-gradient(80% 120% at 85% 0%,rgb(42 39 88 / .95),transparent 70%),var(--night)}.spotlight__kicker{color:var(--star);margin:0 0 var(--space-4)}.spotlight__item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-4);align-items:start}.spotlight__item[hidden]{display:none}.spotlight__swatch{width:3.2rem;height:3rem;box-shadow:inset 0 -6px #1c1a3d2e,0 0 0 2px var(--star)}.spotlight__month{margin:0;font-family:var(--font-mono);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--mist-dim)}.spotlight__name{font-size:var(--step-3);margin:0 0 var(--space-2);color:var(--cream)}.spotlight__copy{color:var(--mist);margin:0 0 var(--space-3);max-width:40rem}.spotlight__link{margin:0}.spotlight__link a{color:var(--star);font-weight:700}.spotlight__item .spotlight__moon{grid-column:1;grid-row:2;justify-self:center}.spotlight .spotlight__star{position:absolute;color:var(--star)}.spotlight .spotlight__star--a{top:18px;right:7%}.spotlight .spotlight__star--b{bottom:22px;right:18%;color:var(--mist)}@media(min-width:640px){.spotlight{padding:var(--space-7) var(--space-7)}.spotlight__item{grid-template-columns:auto minmax(0,1fr) auto}.spotlight__item .spotlight__moon{grid-column:3;grid-row:1}}.flavor-badge{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-card);background:var(--white);box-shadow:var(--shadow-soft)}.flavor-badge__text{margin:0;display:grid;gap:.15rem;font-size:var(--step--1);color:var(--ink-soft)}.flavor-badge__label{color:var(--berry)}.make-card{margin-top:var(--space-5);padding:var(--space-5);border-radius:var(--radius-card);background:var(--mist);color:var(--ink)}.make-card__label{color:var(--berry);margin:0 0 var(--space-3)}.make-card__main,.make-card__styles{margin:0 0 var(--space-3)}.make-card__styles{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-3)}.make-card .btn{white-space:normal;text-align:left}.make-card__alt,.make-card__note{margin:var(--space-2) 0 0;font-size:var(--step--1)}.pair-list{list-style:none;margin:var(--space-4) 0 0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-2)}.pair-list li{padding:.35em .9em;border-radius:var(--radius-pill);background:var(--white);color:var(--ink);font-size:var(--step--1);box-shadow:0 0 0 1px var(--line)}.know-table{width:100%;border-collapse:collapse;font-size:var(--step--1)}.know-table caption{caption-side:top;text-align:left;padding-bottom:var(--space-3);color:var(--ink-soft)}.know-table th,.know-table td{text-align:left;padding:.6em .8em;border-bottom:1px solid var(--line);vertical-align:top;color:var(--ink)}.know-table thead th{font-family:var(--font-mono);font-weight:500;font-size:.76rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft)}.know-table tbody th{color:var(--night);font-weight:700}.know-table .num{text-align:right;white-space:nowrap}.know-table__note{display:block;font-weight:400;color:var(--ink-soft);font-size:.85em}.rank-table tbody th{width:45%}.nutrition-table{min-width:34rem}.nutrition-table tbody th{min-width:11rem}.compare-table--columns{min-width:34rem}.compare-table--columns tbody th{width:9rem}.compare-table--rows{min-width:64rem}.compare-table--rows tbody th{min-width:9rem}.flavor-origin p:last-child{margin-bottom:0}.flavor-more{margin-top:var(--space-4);text-align:center}.type-body{padding-top:var(--space-2)}.verdict{padding:var(--space-5);border-radius:var(--radius-card);background:var(--cream-2)}.verdict h2{margin-top:0}@media(max-width:559px){.compare-table--columns{min-width:0}.compare-table--columns thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.compare-table--columns tr{display:block;padding:var(--space-3) 0;border-bottom:1px solid var(--line)}.compare-table--columns th,.compare-table--columns td{display:block;border:0;padding:.15em 0}.compare-table--columns tbody th{width:auto;margin-bottom:var(--space-1)}.compare-table--columns td:before{content:attr(data-label) ": ";font-weight:700;color:var(--night)}}