.cocktail-story-page[data-slot=dialog-content]{inset:0;transform:none;translate:none;width:100vw;max-width:none;height:100dvh;max-height:none;padding:0;border:0;border-radius:0;display:block;overflow-y:auto;background:#f8f7f0;color:#344b3c;animation:none}.cocktail-story-route{min-height:100dvh;background:#f8f7f0;color:#344b3c;overflow-x:hidden}.story-route-back{display:inline-flex;align-items:center;gap:8px;color:#526942;text-decoration:none;font:14px Georgia,serif}.story-open,.story-route-back:hover{text-decoration:underline}.story-open{display:inline-flex;align-items:center;color:#526942;text-underline-offset:4px;font:14px Georgia,serif}.story-nav{position:sticky;top:0;z-index:3;background:#f8f7f0f5;border-bottom:1px solid #e1e5d8;display:flex;justify-content:space-between;align-items:center;padding:14px max(24px,calc((100vw - 1080px) / 2))}.story-nav>span{font-size:10px;letter-spacing:2px;color:#7b866f}.story-body{max-width:1080px;padding:44px 24px 20px;margin:auto}.story-hero{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-bottom:35px}.story-title[data-slot=dialog-title]{font-family:Georgia,serif;font-size:clamp(38px,5vw,64px);font-weight:400;line-height:1.1;margin:10px 0 16px;letter-spacing:-2px}.story-description[data-slot=dialog-description]{color:#69745e;font-family:Georgia,serif;font-size:21px;line-height:1.5;max-width:650px}.story-glass{display:grid;place-items:center;flex:0 0 120px;height:120px;border-radius:50%;background:#e9eddf;color:#788567}.story-intro-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:60px;padding:30px 0 38px;border-top:1px solid #dfe4d5}.story-body h2{font:normal 26px/1.25 Georgia,serif;margin:8px 0 17px}.story-body h3{font-size:14px;margin:0 0 15px;font-weight:600}.story-body p{line-height:1.7}.story-history p:not(.eyebrow){font-size:14px;color:#65705d}.story-body a{display:inline-block;color:#526942;font-size:11px;text-decoration:underline;text-underline-offset:3px;margin-top:12px}.story-profile-row{display:grid;grid-template-columns:110px 1fr 26px;gap:12px;align-items:center;font-size:11px;padding:4px 0}.story-profile-row meter{width:100%;height:9px}.story-profile-row meter::-webkit-meter-bar{background:#e5e9dc;border:none}.story-profile-row meter::-webkit-meter-optimum-value{background:#8b9d76}.story-body .story-fineprint{font-size:10px;color:#7c866f;margin-top:14px;line-height:1.6}.story-compare{background:#fffef9;border:1px solid #dfe4d5;border-radius:12px;padding:30px}.story-section-heading{display:flex;justify-content:space-between;align-items:center;gap:24px}.story-select{min-width:225px;max-width:100%}.story-select label{display:block;font-size:11px;margin-bottom:8px}.story-select [data-slot=select-trigger]{width:100%;height:38px}.story-suggestions{display:flex;align-items:center;gap:5px;flex-wrap:wrap;border-bottom:1px solid #e7eadd;padding:4px 0 18px}.story-suggestions>span{font-size:10px;color:#7c866f;margin-right:10px}.story-suggestions button{font-size:11px}.story-suggestions button[aria-pressed=true]{background:#e9eddf}.story-comparison-content{display:grid;grid-template-columns:.85fr 1.5fr;gap:34px;padding-top:24px}.story-takeaway{padding-right:12px}.story-takeaway h3{font:normal 24px Georgia,serif;margin:12px 0 6px}.story-takeaway>span{font-size:10px;color:#8c755f}.story-takeaway>p{font-size:15px;margin:18px 0}.story-takeaway p.story-other-description{font-size:12px;color:#77816b}.story-takeaway button{padding-left:0;height:auto;white-space:normal;text-align:left}.story-spectrum{padding:10px 0 13px;border-bottom:1px solid #eff0e8}.story-spectrum-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;font-size:11px}.story-spectrum-title>span{font-size:9px;color:#89947b;text-align:right}.story-lane{display:grid;grid-template-columns:110px 1fr 22px;align-items:center;gap:12px;margin-top:8px;font-size:10px}.story-lane>span:first-child{overflow-wrap:anywhere}.story-lane-0{color:#355e4e}.story-lane-1{color:#b16b3b}.story-track{position:relative;height:3px;margin:0 5px;background:#e6eadd}.story-track i{position:absolute;width:8px;height:8px;top:50%;transform:translate(-50%,-50%);background:currentColor;border-radius:50%}.story-lane-1 .story-track i{border-radius:0}.story-more{margin-top:14px;font-size:11px}.story-more summary{cursor:pointer;color:#526942;padding:5px 0}.story-recipe{display:grid;grid-template-columns:.85fr 1fr 1.2fr;gap:32px;padding:40px 0;border-bottom:1px solid #dfe4d5}.story-recipe ul{list-style:none;margin:0;padding:0}.story-recipe li{padding:9px 0;border-bottom:1px solid #e6e9df;font-size:12px}.story-recipe p{font-size:12px;color:#65705d;margin-bottom:15px}.story-neighbors{padding:32px 0}.story-neighbors>div{display:flex;flex-wrap:wrap;gap:10px}.story-neighbors button{height:auto;padding:14px;gap:12px;flex:1 1 180px;text-align:left;white-space:normal}.story-neighbors button span{flex:1}.story-neighbors small{display:block;color:#89947b;font-size:9px;margin-top:4px}.story-end{border-top:1px solid #dfe4d5;display:flex;justify-content:space-between;align-items:center;padding-top:16px}.story-end>span{font-size:9px;letter-spacing:1px;color:#89947b}.story-open{display:block;margin-top:10px;padding-left:0;font-size:11px;height:auto}@media (max-width:700px){.story-body{padding:26px 18px 18px}.story-nav{padding:10px 14px}.story-nav>span{display:none}.story-hero{gap:18px}.story-glass{flex-basis:72px;height:72px}.story-glass svg{width:38px;height:38px}.story-comparison-content,.story-intro-grid,.story-recipe{grid-template-columns:1fr;gap:26px}.story-section-heading{display:block}.story-select{margin-bottom:18px}.story-compare{padding:20px 16px}.story-lane{grid-template-columns:90px 1fr 22px;gap:8px}.story-spectrum-title{align-items:start}.story-end>span{display:none}}