#external-button{position:absolute;left:16px;top:18px;max-width:26%;white-space:normal;font-size:clamp(.7rem,1.5vw,.95rem);padding:10px 12px}#external-panel{max-width:1200px;margin:auto;padding:16px}.external-toolbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.external-toolbar h2{font-size:1.15rem;margin:0}.external-help{font-size:.8rem;color:var(--muted,#666)}#external-frame{width:100%;height:75vh;min-height:360px;background:white;border:1px solid #ddd;border-radius:8px}.wine-detail{display:flow-root}html body .wine-detail>img{float:right;width:32%;max-height:350px;object-fit:contain;margin:0 0 16px 20px}#footer-text{white-space:pre-line}@media(max-width:600px){#external-button{left:6px;top:8px;padding:7px;max-width:25%;font-size:.65rem}html body .wine-detail>img{max-height:240px;width:30%;margin-left:12px}}
/* Portrait wine details: bottle before the name, as in landscape. */
@media (orientation:portrait){
 html body .wine-detail>img{float:left;width:28%;height:auto;max-height:280px;margin:0 18px 12px 0;object-fit:contain;background:transparent}
 html body .wine-detail:has(>img)>:not(img){margin-left:calc(28% + 18px)}
}

/* Only configured heading text is shown; keep the title block compact. */
html body #menu>.section-heading{margin:10px auto 14px!important;padding:10px 14px!important;background-image:none}
html body #menu>.section-heading::before{content:none!important;display:none!important}
html body #menu>.section-heading h1{margin:0;line-height:1.15}
html body #menu>.section-heading .eyebrow{margin:0 0 5px}
html body #menu>.section-heading .intro{margin:5px 0 0}
html body #page-eyebrow[hidden],html body #page-intro[hidden]{display:none!important}