/* Shared night palette. The lounge's small paper notes are the only light surfaces. */
:root{
 color-scheme:dark;
 --night-bg:#121310;
 --night-panel:#1d1f1a;
 --night-raised:#252820;
 --night-input:#161813;
 --night-line:#3c4034;
 --night-text:#f1f1eb;
 --night-copy:#d6d8cc;
 --night-muted:#a7ad99;
 --night-gold:#dbc28d;
 --paper:var(--night-panel);
 --ink:var(--night-text);
}

/* The tasting board and its editor use one palette. */
.tasting-page,.tasting-detail{
 --rw-paper:var(--night-panel);
 --rw-ink:var(--night-text);
 --rw-line:var(--night-line);
 --rw-muted:var(--night-muted);
 background:var(--night-bg);
 color:var(--night-text);
}
.tasting-page :is(.rw-panel,.rw-formsection,.rw-read,.rw-productcard,.rw-review){
 --rw-line:var(--night-line);
 --rw-muted:var(--night-muted);
 background:var(--night-panel);
 color:var(--night-text);
}
.tasting-page .rw-read{background:transparent}
.tasting-page :is(.rw-formsection,.rw-productcard){border:1px solid var(--night-line)}
.tasting-page .rw-review{border-bottom-color:var(--night-line)}
.tasting-page .rw-review h3{color:var(--night-text)}
.tasting-page .rw-review-copy>p{color:#c1c5b5}
.tasting-page :is(.rw-meta,.rw-field small,.rw-small,.rw-muted,.rw-visibility small){color:var(--night-muted)}
.tasting-page :is(.rw-product-link,.rw-discussion){color:#bdb493}
.tasting-page :is(.rw-score,.rw-ratingtop strong,.rw-productcard strong){color:var(--night-gold)}
.tasting-page :is(.rw-score-label,.rw-score small,.rw-ratingtop small){color:#b4ad98}
.tasting-page .rw-glass-tile{background:#2b3024;color:#c5b180}
.tasting-page .rw-tags span{background:#303527;color:#d0d3be}
.tasting-page .rw-panel .rw-kicker{color:#c3ae85}
.tasting-page .rw-productcard .rw-kicker{color:#aaa48c}
.tasting-page .rw-bar{background:#343a2d}
.tasting-page .rw-ratingrow{color:#c3c7b5}
.tasting-page .rw-ratingrow[aria-pressed=true]{outline-color:#cdb07a}
.tasting-page .rw-sidebar .rw-panel{background:#1d1f1a;border-color:var(--night-line)}

/* The package sits behind the bottle inside the original left image column. */
.tasting-page .rw-wrap:has(>.rw-featured){padding-top:32px}
.tasting-page .rw-editorial{
 grid-template-columns:175px minmax(0,1fr);
 background:#20221c;
 border:1px solid #3f4234;
 color:var(--night-text);
 gap:26px;
 padding:27px;
}
.tasting-page .rw-editorial-art{background:transparent;min-height:260px;height:100%;overflow:visible}
.tasting-page .rw-editorial-art img{
 position:static;width:100%;height:275px;max-width:190px;max-height:100%;
 object-fit:contain;mix-blend-mode:normal;
}
.tasting-page .rw-editorial .rw-kicker{color:#c0a67a}
.tasting-page .rw-editorial h2{color:#f3f0e7}
.tasting-page .rw-editorial p{color:#c3c6b7}
.tasting-page .rw-editorial-actions .rw-button{border-color:#7c745b;color:#e2d4b5}
.tasting-page .rw-editorial-actions>span{color:#acb09a}
.tasting-page .rw-editorial p.rw-editorial-note{color:#9ca48c}
.tasting-page .rw-board-toolbar{align-items:center;gap:20px}
.tasting-page .rw-board-toolbar>.rw-button{margin-left:auto;margin-bottom:7px;min-height:36px;font-size:12px;padding:8px 13px;gap:12px;white-space:nowrap}

/* Controls keep a dark fill, including the selected and expanded states. */
.tasting-page .rw-wrap input:not([type=radio]):not([type=checkbox]),
.tasting-page .rw-wrap select,.tasting-page .rw-wrap textarea{
 background:var(--night-input);color:var(--night-text);border-color:#4a513d;color-scheme:dark;
}
.tasting-page .rw-wrap :is(input,textarea)::placeholder{color:#90997f}
.tasting-page .rw-choice span{background:#20251b;border-color:#4b533d;color:#d9ddca}
.tasting-page .rw-choice input:checked+span{background:#454930;border-color:#c7ad76;color:#ffedc8}
.tasting-page .rw-scalelegend{color:#a5ad94}
.tasting-page .rw-checks span{background:#20251b;border-color:#4b533d;color:#c4cbb3}
.tasting-page .rw-checks input:checked+span{background:#3e452c;border-color:#bbab76;color:#f0e3bc}
.tasting-page .rw-formsection summary{color:#d5c394}
.tasting-page .rw-visibility label{background:#20251b;border-color:#4b533d;color:#e1e4d7}
.tasting-page .rw-visibility label:has(input:checked){background:#333c25;border-color:#ad9b66}
.tasting-page .rw-visibility input{accent-color:#d3b77d}
.tasting-page .rw-attachment{color:#b7bea6;border-color:#50573f}
.tasting-page .rw-attachment small{color:#9fa98e}
.tasting-page .rw-formsection .rw-button,.tasting-page .rw-read .rw-button{border-color:#716e52;color:#e1d6b8}
.tasting-page .rw-formsection .rw-button.primary,.tasting-page .rw-read .rw-button.primary{background:#d9bd82;border-color:#d9bd82;color:#28291d}
.tasting-page .rw-error{background:#35251e;border-color:#cc9475;color:#f2bd9d}

/* Light, flat paper on the wall; never applied to a full story page. */
.story-card.note-card{--note:#f5f2e9;color:#332c25}
.story-card.note-card.note-yellow{--note:#f5efda}
.story-card.note-card.note-kraft{--note:#e8d7c1}
.story-card.note-card.note-blue{--note:#e9eeeb}
.note-card .paper-surface{border:0;border-radius:var(--radius-surface,12px);box-shadow:0 2px 5px #0003}
.note-card h2{color:#332c25}
.note-card .story-meta,.note-card .story-meta>span:first-child{color:#72614f}
.note-card .note-like{color:#514134}
.note-card .note-like.liked{color:#b44d1b}
.note-card .drink-row{color:#51463a}
.note-card .drink-row small{color:#786b5a}
.note-card .drink-row svg{color:#9b663e}
.note-card .story-doodle{filter:contrast(1.1)}

/* Lounge story pages have no light paper behind their full text. */
.story-letter,.story-letter.letter-kraft,.story-letter.letter-yellow,.story-letter.letter-blue{
 background:var(--night-panel);color:var(--night-text);border:1px solid var(--night-line);box-shadow:none;
}
.letter-heading h2{color:var(--night-text)}
.letter-body{color:#d7dbce}
.letter-category{color:#cfb581}
.letter-category>span,.letter-byline{color:#a4ad94}
.letter-signoff{color:#b6bca6}
.letter-like{border-color:var(--night-line);color:#d2c6a5}
.letter-like .like-count{color:#e0c993}
.letter-like.liked{color:#eca398}
.letter-like-copy{color:#a8ae99}

/* The private journal: list, page, transcript and editing states. */
.journal-entry,.journal-entry:nth-of-type(3n+2){background:#20251c;color:var(--night-text);border:1px solid #3d4630}
.journal-entry:hover,.journal-entry:nth-of-type(3n+2):hover{background:#2a3122}
.journal-entry h3{color:var(--night-text)}
.journal-entry p{color:#b2bca1}
.journal-entry-meta,.journal-entry-end{color:#a9b496}
.journal-date{border-color:#48543a}
.journal-date strong{color:#d8d7b2}
.journal-date span{color:#a0ae8b}
.journal-entry .example-tag{border-color:#65704f;color:#bac4a8}
.journal-page{background:#1d2319;color:var(--night-text);border:1px solid #3d4630}
.journal-page-meta{color:#adb899}
.journal-page h2{color:var(--night-text)}
.journal-body{color:#d2d9c4}
.diary-tabs{border-color:#445036}
.diary-tabs button{color:#a7b694}
.diary-tabs button[aria-selected=true]{color:#e3d8ad}
.diary-tabs button[aria-selected=true]:after{background:#c5b77f}
.journal-pairing,.journal-editor-footer{border-color:#445036}
.journal-pairing small,.journal-page-footer{color:#a0ad8d}
.journal-pairing strong{color:#d0d7bc}
.transcript-message>span{color:#a5b492}
.transcript-message>p{background:#293121;border-color:#4b593b;color:#dce4ce}
.transcript-message.mine>p{background:#342f22;border-color:#62563a;color:#e4d8bb}
.journal-editor>input,.journal-editor textarea{color:#ebeedf}
.journal-editor>input{border-color:#445036}
.journal-editor :is(input,textarea)::placeholder{color:#9eac8b}
.journal-editor-footer>span{color:#a5b190}

/* Dialogs and previews share the same dark surfaces as the pages. */
.modal-backdrop{z-index:70}
.story-modal,.draft-preview{background:var(--night-panel);background-image:none;color:var(--night-text);border-color:var(--night-line)}
.story-modal h2,.draft-preview h3{color:var(--night-text)}
.story-modal p,.draft-preview p{color:#cbd1be}
.story-modal .eyebrow,.draft-preview .eyebrow{color:#c6ac7a}
.story-modal .modal-close{color:#bfc7af}
.draft-preview .drink-row{color:#dedcc7}
.draft-preview .drink-row strong{color:#e3d9b9}
.comment-form input{background:var(--night-input);border-color:#4d573d;color:#e5e9dc}
.comments p{color:#adb69b}
.google-login{background:#252922;border-color:#59604e;color:#f0f1e9}
.google-login:hover{background:#30362a}
.google-login>span{background:#1b2017;border-color:#57634a;color:#83b3fa}
#toast{z-index:80;background:#303425;color:#f0dfb5;border:1px solid #81734d}
@media(max-width:1100px){.tasting-page .rw-editorial{grid-template-columns:145px minmax(0,1fr);gap:22px;padding:24px}}
@media(max-width:900px){.tasting-page .rw-editorial{grid-template-columns:120px minmax(0,1fr);gap:18px;padding:22px}.tasting-page .rw-editorial-art img{height:250px}}
@media(max-width:680px){.tasting-page .rw-wrap:has(>.rw-featured){padding-top:24px}.tasting-page .rw-editorial{grid-template-columns:108px minmax(0,1fr);gap:18px;padding:22px 18px}.tasting-page .rw-editorial-art{min-height:230px}.tasting-page .rw-board-toolbar{gap:12px}.tasting-page .rw-board-toolbar>.rw-button{font-size:10px;gap:6px;min-height:34px;padding:8px 10px;margin-bottom:4px}.tasting-page .rw-tabs{gap:17px}}
@media(max-width:430px){.tasting-page .rw-editorial{grid-template-columns:96px minmax(0,1fr);gap:15px;padding:20px 15px}.tasting-page .rw-editorial-art img{height:235px}.tasting-page .rw-tabs{gap:14px}.tasting-page .rw-tabs a{font-size:10px}.tasting-page .rw-board-toolbar>.rw-button{font-size:9px;padding:7px 9px}}
/* Compact tasting introduction: give the board more of the first screen. */
.tasting-page .rw-wrap:has(>.rw-featured){padding-top:20px}
.tasting-page .rw-featured{margin-bottom:22px}
.tasting-page .rw-editorial{grid-template-columns:110px minmax(0,1fr);gap:20px;padding:18px 20px;min-height:0}
.tasting-page .rw-editorial-art{min-height:0;height:auto;margin:0}
.tasting-page .rw-editorial-art img{width:110px;height:188px;max-width:100%;max-height:none}
.tasting-page .rw-editorial h2{font-size:22px;line-height:1.5}
.tasting-page .rw-editorial .rw-kicker{margin-bottom:6px}
.tasting-page .rw-editorial p{font-size:12px;line-height:1.8;margin:8px 0 11px}
.tasting-page .rw-editorial-actions{gap:12px}
.tasting-page .rw-editorial-actions .rw-button{padding:7px 11px;min-height:32px;font-size:10px}
.tasting-page .rw-editorial-actions>span{font-size:9px}
.tasting-page .rw-editorial p.rw-editorial-note{font-size:9px;line-height:1.7;margin:9px 0 0}
.tasting-page .rw-question{padding-top:0}
.tasting-page .rw-question h3{font-size:18px;line-height:1.5;margin:10px 0}
.tasting-page .rw-question .rw-quote{padding:8px 0;font-size:11px}
.tasting-page .rw-question .rw-quote strong{font-size:21px}
.tasting-page .rw-question>.rw-text-link{padding-top:10px;font-size:11px}
.tasting-page .rw-board-toolbar{margin-bottom:18px}
@media(max-width:1100px){.tasting-page .rw-editorial{grid-template-columns:100px minmax(0,1fr);gap:17px;padding:17px 18px}.tasting-page .rw-editorial-art img{width:100px;height:177px}.tasting-page .rw-editorial h2{font-size:20px}.tasting-page .rw-editorial p{font-size:11px}.tasting-page .rw-editorial p.rw-editorial-note{font-size:8px}}
@media(min-width:681px) and (max-width:900px){.tasting-page .rw-featured{grid-template-columns:minmax(0,1fr) 200px;gap:17px}.tasting-page .rw-editorial{grid-template-columns:79px minmax(0,1fr);gap:13px;padding:16px}.tasting-page .rw-editorial h2{font-size:18px}.tasting-page .rw-question h3{font-size:17px}}
@media(max-width:680px){.tasting-page .rw-wrap:has(>.rw-featured){padding-top:17px}.tasting-page .rw-featured{gap:16px;margin-bottom:16px}.tasting-page .rw-editorial{grid-template-columns:88px minmax(0,1fr);gap:15px;padding:17px 16px}.tasting-page .rw-editorial-art img{width:88px;height:165px}.tasting-page .rw-editorial h2{font-size:18px}.tasting-page .rw-editorial p{line-height:1.75}.tasting-page .rw-editorial .rw-kicker{font-size:8px}.tasting-page .rw-question{padding-top:13px}.tasting-page .rw-question h3{margin:0;font-size:17px}.tasting-page .rw-question .rw-quote{padding:6px 0;font-size:10px}.tasting-page .rw-question .rw-quote strong{font-size:18px}.tasting-page .rw-question>.rw-text-link{margin-top:6px;padding-top:8px}.tasting-page .rw-board-toolbar{margin-bottom:16px}}
@media(max-width:430px){.tasting-page .rw-editorial{grid-template-columns:76px minmax(0,1fr);gap:13px;padding:15px 13px}.tasting-page .rw-editorial-art img{width:76px;height:150px}.tasting-page .rw-editorial-actions{gap:8px}}