/* label_lineup: specimen bottler lines beside real bottles from the catalogue.
   docs/decisions/2026-09-14-a-guide-shows-the-bottler-line-on-real-bottles.md */
.iw-lineup { margin: 2.5rem 0; }
.iw-lineup__eyebrow {
    margin: 0; font-family: var(--font-label); font-size: 0.72rem; font-weight: 600;
    letter-spacing: 0.16em; text-transform: uppercase; color: var(--color-primary, #561371);
}
.iw-lineup__prompt {
    margin: 0.25rem 0 0; max-width: 42rem; font-family: var(--font-display);
    font-size: 1.3rem; line-height: 1.3; color: var(--color-on-surface, #1c1c19);
}
main .lg\:col-span-8 ol.iw-lineup__grid, .iw-lineup__grid {
    list-style: none; margin: 1.25rem 0 0; padding: 0;
    display: grid; grid-template-columns: 1fr; gap: 1.25rem;
}
@media (min-width: 40rem) {
    main .lg\:col-span-8 ol.iw-lineup__grid, .iw-lineup__grid { grid-template-columns: repeat(auto-fit, minmax(13.5rem, 1fr)); }
}
main .lg\:col-span-8 ol.iw-lineup__grid > li, .iw-lineup__card {
    display: flex; flex-direction: column; gap: 0.85rem; margin: 0; padding: 1.1rem;
    border-radius: 1rem; background: var(--color-surface-container-lowest, #fff);
    box-shadow: 0 1px 2px rgba(28, 28, 25, 0.06), 0 0.75rem 2rem rgba(86, 19, 113, 0.06);
}
.iw-lineup__head { display: flex; align-items: center; gap: 0.6rem; min-height: 1.65rem; }
/* The chip never wraps inside a narrow card; it shrinks a step instead, as it does beside a heading. */
.iw-lineup__head .iw-btag { white-space: nowrap; font-size: 0.625rem; padding: 3px 8px; }
.iw-lineup__marker {
    display: inline-flex; width: 1.65rem; height: 1.65rem; flex: 0 0 auto; align-items: center; justify-content: center;
    border-radius: 999px; background: #6d2635; color: #fffaf0; font-family: var(--font-label);
    font-size: 0.62rem; font-weight: 700; letter-spacing: 0.04em; font-variant-numeric: tabular-nums;
}
/* The specimen back label: the paper of the wine-label infographic, cut small. */
.iw-lineup__label {
    margin: 0; padding: 0.85rem 1rem 1rem; border-radius: 0.16rem; background-color: #f3e5c6;
    background-image:
        radial-gradient(circle at 16% 24%, rgba(91, 59, 35, 0.08) 0 0.045rem, transparent 0.055rem),
        radial-gradient(circle at 77% 68%, rgba(91, 59, 35, 0.06) 0 0.04rem, transparent 0.05rem);
    background-size: 1.2rem 1.2rem, 1rem 1rem;
    box-shadow: inset 0 0 0 1px rgba(82, 51, 36, 0.42), inset 0 0 0 0.3rem #f3e5c6, inset 0 0 0 0.36rem rgba(82, 51, 36, 0.28);
}
.iw-lineup__kicker {
    display: block; margin: 0 0 0.45rem; font-family: var(--font-label); font-size: 0.58rem; font-weight: 700;
    letter-spacing: 0.14em; text-transform: uppercase; color: #7a5a3a;
}
.iw-lineup__line { margin: 0; font-family: var(--font-display); font-size: 0.86rem; line-height: 1.5; color: #43382f; }
.iw-lineup__mark {
    background: rgba(176, 108, 20, 0.24); color: #4a2c05; padding: 0 0.15em; border-radius: 0.15rem;
    box-decoration-break: clone; -webkit-box-decoration-break: clone;
}
.iw-lineup__reading { margin: 0; font-size: 0.9rem; line-height: 1.55; color: var(--color-on-surface-variant, #49454f); }
/* The real bottle: the whole strip is one link, so none of its words wear the
   prose underline (the article body underlines every `li a`). */
.iw-lineup__bottle, main .lg\:col-span-8 li a.iw-lineup__bottle, main .lg\:col-span-8 li a.iw-lineup__bottle:hover,
main .lg\:col-span-8 li a.iw-lineup__bottle span {
    margin-top: auto; display: grid; grid-template-columns: 3.25rem minmax(0, 1fr); gap: 0.75rem; align-items: center;
    padding-top: 0.85rem; border-top: 1px solid rgba(86, 19, 113, 0.14); text-decoration: none; color: inherit;
}
main .lg\:col-span-8 li a.iw-lineup__bottle span { display: block; margin: 0; padding: 0; border: 0; }
.iw-lineup__bottle img { width: 3.25rem; height: 4.25rem; object-fit: contain; filter: drop-shadow(0 2px 3px rgba(28, 28, 25, 0.18)); }
.iw-lineup__bottle--still { cursor: default; }
.iw-lineup__bottle-name { display: block; font-weight: 600; font-size: 0.9rem; line-height: 1.3; color: var(--color-on-surface, #1c1c19); }
.iw-lineup__owner { display: block; margin-top: 0.15rem; font-size: 0.78rem; line-height: 1.4; color: var(--color-on-surface-variant, #49454f); }
a.iw-lineup__bottle:hover .iw-lineup__bottle-name { color: var(--color-primary, #561371); }
.iw-lineup__caption { max-width: 42rem; margin: 1rem auto 0; font-size: 0.78rem; line-height: 1.55; color: #645d56; text-align: center; }