.atlas-links{display:flex;gap:16px;margin-top:9px;font-size:14px}
.atlas-links button,.knowledge-link{all:unset;cursor:pointer;color:var(--wine);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.knowledge-link:focus-visible,.atlas-links button:focus-visible{outline:2px solid var(--wine);outline-offset:3px}
.knowledge-reference{font-size:12px!important;line-height:1.4;color:var(--ink-soft);margin:8px 0}
.knowledge-reference a{color:var(--wine)}
.wine-facts{font:13px var(--body);line-height:1.4;overflow-wrap:anywhere}
.wine-facts summary,.knowledge-disclosure summary{cursor:pointer;color:var(--wine);font-style:italic}
.wine-facts h5{font:13px var(--caps);color:var(--wine);font-weight:400;margin:12px 0 5px}
.knowledge-chips{display:flex;flex-wrap:wrap;gap:5px;font-size:12.5px}
.knowledge-chips span{border:1px solid var(--rule);padding:3px 5px;background:#f1e4c544}
.grape-composition{display:grid;gap:6px}
.blend-bar{display:block;height:3px;margin-top:3px;background:linear-gradient(to right,var(--wine) var(--share),var(--rule) var(--share))}
.knowledge-disclosure h4,.terroir-repères h4{font:15px var(--caps);font-weight:400;color:var(--wine);margin:15px 0 6px}
.history-anchor{margin:9px 0;padding:6px 0 6px 13px;border-left:2px solid var(--rule);font-style:italic;font-size:15px;line-height:1.5}
.terrain-line{font-size:15px;margin:8px 0}
.classification-reading{font-size:13px;margin-top:10px;line-height:1.5;overflow-wrap:anywhere}
.classification-reading>span{font-style:italic;color:var(--ink-soft)}
.guide-index{display:grid;gap:13px;margin:20px 0}
.appellation-levels{list-style:none;padding:0;margin:20px 0;display:grid;gap:6px}
.appellation-levels li{display:flex;align-items:center;gap:10px;border:1px solid var(--rule);padding:8px 10px;background:#f1e4c544}
.appellation-levels span{font:20px var(--display);color:var(--wine)}
.grape-filter-label{display:block;font-size:14px;margin:16px 0}
.grape-filter-label input{display:block;width:100%;box-sizing:border-box;border:1px solid var(--rule);background:#fffaf0;padding:8px;font:16px var(--body);margin-top:6px}
.grape-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.grape-index button{all:unset;cursor:pointer;min-width:0;border:1px solid var(--rule);padding:9px;background:#fffaf044}
.grape-index button[hidden]{display:none}
.grape-index b{font:17px var(--display);display:block;overflow-wrap:anywhere}
.grape-index span{font-size:12px;color:var(--ink-soft)}
.grape-index button:hover,.grape-index button:focus-visible{background:#f1e4c5;outline:1px solid var(--wine)}
#grape-active{font-size:12.5px;margin-top:8px;padding-top:5px;border-top:1px solid var(--rule)}
#g-grapes{pointer-events:none}
#g-grapes .grape-area{fill:#47744b;fill-opacity:.15;stroke:#315f36;stroke-width:1.6px}
#g-grapes .grape-region{fill:#47744b;fill-opacity:.07;stroke:#315f36;stroke-width:1.4px;stroke-dasharray:5 4}
.grape-mode .zone:not(.grape-hit) path{fill-opacity:.06;stroke-opacity:.2}
/* A technical note gets a full-width card, so its neighbours keep their compact layout. */
.wine-card:has(.wine-facts[open]){grid-column:1/-1;grid-template-columns:100px minmax(0,1fr);align-items:start}
.wine-card:has(.wine-facts[open])>.wine-role{grid-column:1/-1}
@media(max-width:700px){.wine-card:has(.wine-facts[open]){grid-template-columns:75px minmax(0,1fr)}}