.varietal-browser{max-width:1100px;margin:0 auto;padding:24px 0}.varietal-heading{max-width:640px}.varietal-heading>p:not(.eyebrow){color:var(--muted,#7b7270)}.varietal-status{font-size:13px;color:var(--muted,#7b7270)}.varietal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.varietal-tile{border:0;border-radius:8px;padding:0 0 15px;overflow:hidden;text-align:left;color:var(--ink,#3e3334)}.varietal-tile img,.varietal-texture{width:100%;aspect-ratio:1;object-fit:contain;display:block;mix-blend-mode:multiply}.varietal-texture{display:grid;place-items:center;font:80px Georgia;color:#a39778;background:#efe9dc}.varietal-tile>span:not(.varietal-texture){display:block;font:23px Georgia;margin:12px 10px 5px}.varietal-tile small{display:block;font-size:11px;color:var(--muted,#7b7270);margin:0 10px}.varietal-detail-intro{display:flex;gap:32px;align-items:center;margin:24px 0}.varietal-detail-intro>img{width:30%;max-width:270px;aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply}.varietal-families{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.varietal-members{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.varietal-member{padding:22px;border:1px solid var(--line,#e7ded5);border-radius:10px;background:#ffffff40;overflow-wrap:anywhere}.varietal-member h3{margin-top:6px}.varietal-member p,.varietal-member li{font-size:14px}.varietal-source,.varietal-scope{color:var(--muted,#7b7270);font-size:12px!important}.varietal-source a{color:var(--plum,#643d54)}.varietal-boundary{font-size:12px;color:var(--muted,#7b7270);margin:24px 0;max-width:800px}.varietal-member details{font-size:13px}.varietal-member summary{cursor:pointer}.varietal-back{margin-bottom:12px}@media(max-width:700px){.varietal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.varietal-members{grid-template-columns:1fr}.varietal-detail-intro{gap:15px}.varietal-detail-intro>img{width:35%}.varietal-detail-intro h2{font-size:26px}.varietal-tile>span:not(.varietal-texture){font-size:20px}}

.varietal-context-summary{line-height:1.65}.varietal-sensory-note{font-size:12px!important;color:var(--muted,#7b7270);max-width:34em}.varietal-source-details{margin-top:20px;border-top:1px solid var(--line,#e7ded5);padding-top:13px}.varietal-source-details summary{font-size:12px;color:var(--plum,#643d54);font-weight:500}.varietal-source-details>div{padding-top:8px}.varietal-source-details li{font-size:12px;line-height:1.6}.varietal-source-details p{font-size:12px}
/* Feedback refinement: real aroma artwork and visible regional context. */
.varietal-aroma-mosaic{display:grid!important;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;width:100%;aspect-ratio:1;gap:2px;overflow:hidden;background:#f8f4eb}.varietal-aroma-mosaic img{width:100%;height:100%;min-height:0;object-fit:contain;mix-blend-mode:multiply}.varietal-aroma-mosaic img:first-child{grid-row:span 2}.varietal-detail-art{width:30%;max-width:270px;flex-shrink:0}.varietal-detail-art>img{width:100%;aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply}.varietal-members{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.varietal-member{padding:0;overflow:hidden;border:0;background:#fffaf3}.varietal-member-art{display:block;width:100%;aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply}.varietal-member-copy{padding:18px 20px 23px}.varietal-member-copy h3{font-size:27px}.varietal-place{color:var(--plum,#643d54);font-size:12px!important;font-weight:500}.varietal-context-summary{font-size:13px!important;line-height:1.6}.varietal-places{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0 20px}.varietal-places button{font-size:12px}.varietal-places button[aria-pressed=true]{background:var(--plum,#643d54);color:white}.varietal-families{padding-bottom:12px;border-bottom:1px solid var(--line,#e7ded5)}.varietal-source-details{border-top:0;margin-top:10px;padding-top:5px}.varietal-source-details summary{font-size:11px;color:var(--muted,#7b7270)}@media(max-width:900px){.varietal-members{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.varietal-members{grid-template-columns:1fr 1fr;gap:12px}.varietal-member-copy{padding:12px}.varietal-member-copy h3{font-size:22px}.varietal-context-summary{font-size:12px!important}.varietal-detail-art{width:34%}.varietal-detail-intro{align-items:flex-start}.varietal-detail-intro h2{font-size:25px}}