.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}
