/* A personal morning, composed on the existing counter. */
.bites>.lab{display:block;margin-bottom:12px;font-size:10px}
.morning-drinks{margin-top:18px}.morning-drinks>.lab{display:block;font-size:10px;margin-bottom:10px}
.morning-drinks__row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.morning-drinks button{display:flex;flex-direction:column;gap:5px;align-items:flex-start;justify-content:center;min-height:62px;padding:10px 12px;border:1px solid #c9b5a5;border-radius:10px;background:#f8f1e8ed;color:var(--ink);cursor:pointer;text-align:left}
.morning-drinks button b{font:12px var(--label);letter-spacing:.035em}.morning-drinks button span{font-size:12px;color:var(--ink-soft)}
.morning-drinks button[aria-pressed=true]{background:#e8c7bd;border-color:#956457;box-shadow:inset 0 -3px 0 #956457}
.morning-drinks button:hover{border-color:#815247}.morning-drinks button:focus-visible,.morning-docket a:focus-visible,.morning-docket button:focus-visible,.dough__lesson:focus-visible{outline:2px solid #815247;outline-offset:4px}
.morning-drinks__note{font-size:12px;line-height:1.45;min-height:2.9em;margin:10px 0 0;color:var(--ink-soft)}
.counter__in>.morning-docket{display:block;width:29%;right:4%;bottom:76px;transform:rotate(2deg);padding:20px 24px 22px;background:#fcf7ee;box-shadow:0 14px 35px #34201520;border:1px solid #e3d4c4}
.morning-docket::before{content:'';position:absolute;top:-11px;left:36%;width:28%;height:23px;background:#d7b39e90;transform:rotate(-5deg);pointer-events:none}
.morning-docket__scene{display:flex;align-items:center;justify-content:center;position:relative;min-height:104px;margin:-4px 0 10px;border-bottom:1px solid #d7c5b0;padding-bottom:12px}
.morning-docket .counter__stage{width:100px!important;height:88px;flex:0 0 100px;background:#f6eddf;border-radius:50%;box-shadow:inset 0 0 0 6px #ede0cf,inset 0 0 0 7px #d8c4ae;overflow:visible}
.morning-docket .counter__stage img{object-fit:contain;width:100%;height:100%;inset:0;transform:rotate(-9deg)}
.morning-cup{width:105px;height:98px;flex:0 0 105px;margin-left:-5px}.morning-cup__milk,.morning-cup__tea{display:none}
[data-drink=latte] .morning-cup__drink{fill:#b27a4a}[data-drink=latte] .morning-cup__milk{display:block}[data-drink=tea] .morning-cup__drink{fill:#a56b2a}[data-drink=tea] .morning-cup__tea{display:block}[data-drink=chocolate] .morning-cup__drink{fill:#6d4131}
.morning-docket__scene>.hand{position:absolute;right:-5px;bottom:3px;transform:rotate(-6deg);font-size:18px;background:#fcf7ee;padding:0 4px}
.morning-docket__head{display:flex;justify-content:space-between;align-items:center;gap:10px}.morning-docket__head .lab{font-size:9px;letter-spacing:.13em}.morning-docket__head button{padding:10px 0 10px 10px;min-height:44px;font:11px var(--label);text-decoration:underline;text-underline-offset:3px;border:0;background:transparent;color:#765144;cursor:pointer}
.morning-docket h2{font:italic 36px/.98 var(--display);letter-spacing:-.045em;margin:0 0 18px}
.morning-docket__line{display:flex;justify-content:space-between;gap:12px;margin-top:7px;font-size:13px;line-height:1.35;align-items:baseline}.morning-docket__line a{padding-block:5px;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#baa18b}.morning-docket__line>span{white-space:nowrap;font:12px var(--label)}
.morning-docket__total{display:flex;align-items:baseline;justify-content:space-between;gap:10px;border-top:1px dashed #ad937d;margin:15px 0 0;padding-top:12px}.morning-docket__total>span{font-size:11px}.morning-docket__total strong{font:30px var(--display)}
.morning-docket__fine{font-size:11px;line-height:1.5;margin:10px 0 0;color:#69594c}.morning-docket .sr{position:absolute}
.dough__lesson{display:inline-flex;align-items:center;gap:20px;min-height:44px;margin-top:13px;font:12px var(--label);color:#765144;text-decoration:underline;text-underline-offset:4px}
@media(max-width:1100px){.bites{width:63%}.counter__in>.morning-docket{width:29%;right:3.2%;padding:16px;bottom:90px}.morning-docket__scene>.hand{display:block;font-size:16px}.morning-docket .counter__stage{width:80px!important;flex-basis:80px;height:76px}.morning-cup{width:85px;height:80px;flex-basis:85px}.morning-docket h2{font-size:30px}.morning-drinks button{padding:10px 8px}.morning-drinks button b{font-size:11px}}
@media(max-width:800px){.bites{width:100%}.counter__in>.morning-docket{position:relative;inset:auto;display:block;width:100%;max-width:480px;transform:none;margin:22px auto 0;padding:20px 24px}.morning-docket__scene{float:right;width:43%;border-bottom:0;min-height:98px;margin:0 -6px 10px 12px}.morning-docket__head{min-height:44px}.morning-docket h2{margin-bottom:18px}.morning-docket__line{clear:both;font-size:14px}.morning-docket__scene>.hand{bottom:0}.morning-docket__fine{max-width:36ch}.counter__rule{margin-top:25px}}
@media(max-width:480px){.morning-drinks__row{grid-template-columns:repeat(2,minmax(0,1fr))}.morning-drinks button{flex-direction:row;justify-content:space-between;align-items:center;min-height:48px;padding:10px}.morning-drinks button b{font-size:10px}.morning-drinks button span{font-size:11px}.counter__in>.morning-docket{padding:16px 18px}.morning-docket__scene{width:42%;margin-right:-8px;margin-left:6px;min-height:92px}.morning-docket .counter__stage{width:62px!important;flex-basis:62px;height:61px}.morning-cup{width:62px;height:67px;flex-basis:62px}.morning-docket__head{gap:4px}.morning-docket__head .lab{font-size:8px;letter-spacing:.08em}.morning-docket__head button{padding-left:5px;font-size:10px}.morning-docket h2{font-size:28px;max-width:4ch}.morning-docket__scene>.hand{font-size:15px}.morning-docket__line{font-size:13px}.morning-docket__fine{font-size:11px}}
@media(prefers-reduced-motion:reduce){.morning-docket .counter__stage img{transition:none}}