:root{--bg:#f5f2ea;--surface:#f9f7f1;--surface2:#eeece2;--border:#d8d8cb;--text:#292b25;--muted:#66685d;--muted2:#66685d;--gold:#626b4f;--gold-dim:#626b4f12}
body{color:var(--text);font-weight:400;-webkit-font-smoothing:antialiased}
button,input{font-family:inherit}button,a,input{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,[role=button]:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.site-nav{position:relative;background:var(--bg);border-color:var(--border);max-width:1100px;margin:auto;padding:24px;gap:20px;flex-wrap:wrap}
.site-brand,.site-brand em{color:var(--text);font-style:normal;font-size:21px;letter-spacing:-.025em}
.site-nav-links{margin-left:auto;gap:20px;overflow:visible;flex-wrap:wrap}
.site-nav-links a,.site-nav-links button{padding:8px 0;font-size:13px;letter-spacing:0;text-transform:none;border:0;border-radius:0;color:var(--muted2);background:none}
.site-nav-links a:hover,.site-nav-links button:hover{color:var(--text)}
.site-nav-links a.active,.site-nav-links [aria-current=page],.site-nav-links .detail-back-inline{background:none;border:0;color:var(--text);text-decoration:underline;text-underline-offset:6px}
.cat-landing,.list-view,#gridView{max-width:1052px;margin:auto}
.cat-landing-bar,.page-hero{padding:48px 24px 24px;border:0}
.cat-landing-bar h1,.page-title{font-size:clamp(32px,5vw,48px);letter-spacing:-.045em;line-height:1.15}
h1 em,h2 em,h3 em,.page-title em,.cocktail-card-name em{font-style:normal!important;color:var(--text)!important}
.page-kicker{font-size:12px;letter-spacing:.06em;text-transform:none;color:var(--muted2)}.page-kicker:before{display:none}.page-sub{font-size:15px;line-height:1.6;letter-spacing:0}
.filter-row,.filters{position:static;padding:16px 24px}.search-wrap{padding:12px 24px}.search-input{font-size:16px;font-weight:400}
.cocktail-grid,.cat-grid,.grid{padding:20px 24px 60px;gap:20px}.cat-tile,.recipe-card,.cocktail-card{border-radius:12px;transition:transform .2s,border-color .2s,box-shadow .2s}.cat-tile:hover,.recipe-card:hover,.cocktail-card:hover{box-shadow:0 12px 28px #292b2512}
.cat-tile-emoji,.detail-emoji,.cat-tile-accent{display:none}.cat-tile-name{font-size:20px}.cat-tile-count,.cocktail-card-badge,.stat-lbl,.badge,.recipe-credit,.pager-lbl{font-size:11px;letter-spacing:.03em}.badge{background:#626b4f12;color:#626b4f}.recipe-desc,.cocktail-card-meta{font-size:14px;letter-spacing:0}.recipe-info h3,.cocktail-card-name{font-size:22px;line-height:1.25}.chip{font-size:13px;text-transform:none;letter-spacing:0;padding:9px 16px}
.detail-view{position:relative;inset:auto;overflow:visible;max-width:850px;margin:auto}.detail-header h2{font-size:28px}.detail-header p,.ing-name,.ing-amt,.tip-val{font-size:15px}.section h3,.m-lbl,.tip-lbl{font-size:12px;letter-spacing:.03em}.step-txt{font-size:16px;line-height:1.65}
.card{width:100%;max-width:900px;background:var(--surface);border-color:var(--border);border-radius:12px}.header,.footer{background:var(--surface2);border-color:var(--border)}.header h1{font-style:normal;letter-spacing:-.025em;color:var(--text)}.header .meta{font-size:11px;color:var(--muted2);letter-spacing:.03em}.col-glass{border-color:var(--border)}.col-glass svg{max-width:100%;height:auto}.glass-note,.footer-note,.footer-glass{font-size:11px;color:var(--muted2);letter-spacing:.03em}.section-title,.trivia strong{font-size:12px;color:var(--gold);letter-spacing:.04em;border-color:var(--border)}.ing-text,.tip-row{font-size:14px;letter-spacing:0;text-transform:none;color:var(--muted2)}.ing-text span{color:var(--text)}.trivia{background:var(--surface2);color:var(--muted2);font-size:13px;letter-spacing:0;border-color:var(--border)}
@media(max-width:600px){.site-nav{padding:20px}.site-nav-links{gap:20px}.cat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cocktail-grid,.grid{grid-template-columns:1fr}.cat-tile{padding:20px 14px}.cat-tile-name{font-size:18px}.body{grid-template-columns:1fr}.col-glass{border-right:0;border-bottom:1px solid var(--border)}.header{padding:20px;gap:16px;flex-wrap:wrap}.header .meta{text-align:left}.col-info{padding:24px}.list-header{flex-wrap:wrap}.tips-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}.cat-tile:hover,.recipe-card:hover,.cocktail-card:hover,.recipe-card:active,.cat-tile:active{transform:none}}