/* Typeset menus share the site's cream paper, navy type and riverside teal. */
#menu,#coffee,#sandwiches,#cakes{scroll-margin-top:24px}
.story-content .menu-intro{position:relative;row-gap:30px}
.menu-jump{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:12px 32px;border-block:1px solid #0b8c9330;padding:18px 0}
.menu-jump a{display:flex;align-items:center;gap:28px;color:#007d85;font-size:14px;font-weight:650;text-decoration:none;padding:7px 0}
.menu-jump a:hover{color:#06283d}.menu-jump a:focus-visible{outline:2px solid #008f97;outline-offset:5px}
.story-content .drinks-menu{padding-block:55px 55px;position:relative}
.drinks-menu .section-title{margin-bottom:42px;max-width:780px}
.story-content .drinks-menu h2,.story-content .treats-menu h2{font:clamp(42px,4.8vw,68px)/1.08 var(--serif);letter-spacing:-1.8px;color:#06283d;margin:16px 0 18px}
.story-content .drinks-menu h2 em,.story-content .treats-menu h2 em{color:#008f97}
.drinks-menu .section-title>p{color:#516d79;font-size:17px;line-height:1.7}
.drinks-menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(40px,7vw,110px);row-gap:42px;padding:32px clamp(20px,3vw,44px);background:rgba(250,248,241,.88);border-block:1px solid #a4714850}
.story-content .menu-category{min-width:0;padding:0;margin:0;background:none;border:0;box-shadow:none}
.story-content .menu-category h3{color:#008f97;font:700 15px/1.5 var(--sans,'DM Sans',sans-serif);letter-spacing:1.8px;text-transform:uppercase;margin:0;padding:0 0 13px;border-bottom:1px solid #a4714870}
.priced-menu{margin:0}
.menu-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;column-gap:18px;padding:12px 0;border-bottom:1px solid #06283d0c}
.menu-row:last-child{border-bottom:0}
.menu-row dt{font-size:16px;line-height:1.5;color:#163b4d;min-width:0;overflow-wrap:break-word}
.menu-row dd{margin:0;white-space:nowrap;font-size:16px;line-height:1.5;font-weight:700;color:#06283d;font-variant-numeric:tabular-nums}
.milk-mark{display:inline-block;color:#007a80;font-size:10px;line-height:18px;font-weight:700;min-width:18px;text-align:center;border:1px solid #008f9740;border-radius:50%;text-decoration:none;vertical-align:middle;margin-left:5px}
.milk-note{display:flex;align-items:center;gap:10px;color:#516d79;font-size:13px;line-height:1.6;margin:20px 0 0}.milk-note .milk-mark{margin:0;flex-shrink:0}
.story-content .real-panini-section .food-copy .section-description{margin-bottom:30px}
.real-panini-section .menu-category{padding:18px 22px!important;background:rgba(250,248,241,.9)!important;border-block:1px solid #a4714850!important}
.real-panini-section .menu-row{padding-block:14px}
.story-content .treats-menu{position:relative;padding-block:65px 40px}
.treats-heading{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;margin-bottom:35px}
.treats-heading>p{color:#516d79;max-width:420px;font-size:17px;line-height:1.7}
.treats-menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;padding:32px clamp(20px,3vw,44px);background:rgba(250,248,241,.9);border-block:1px solid #a4714850}
.allergen-note{font-size:13px;line-height:1.7;color:#516d79;margin-top:24px}.allergen-note a{color:#007d85;text-underline-offset:3px}
@media(max-width:1000px){.treats-menu-grid{grid-template-columns:1fr 1fr}.treats-menu-grid .menu-category:last-child{grid-column:1/-1;max-width:520px;width:100%}.real-panini-section .menu-row dt,.real-panini-section .menu-row dd{font-size:15px}}
@media(max-width:700px){
 .story-content .menu-intro{row-gap:20px}.menu-jump{gap:12px 24px;padding:12px 0}.menu-jump a{font-size:13px;gap:14px;min-height:36px}
 .story-content .drinks-menu{padding-block:30px 35px}.drinks-menu .section-title{margin-bottom:28px}
 .story-content .drinks-menu h2,.story-content .treats-menu h2{font-size:clamp(38px,9.5vw,54px);letter-spacing:-1.3px}
 .drinks-menu-grid,.treats-menu-grid{grid-template-columns:1fr;gap:30px;padding:24px 18px}
 .story-content .menu-category h3{font-size:13px;letter-spacing:1.5px}.menu-row{column-gap:14px;padding-block:11px}.menu-row dt,.menu-row dd{font-size:15px}
 .treats-menu-grid .menu-category:last-child{grid-column:auto;max-width:none}
 .treats-heading{grid-template-columns:1fr;gap:0;margin-bottom:22px}.treats-heading>p{font-size:16px;margin-top:0}
 .story-content .treats-menu{padding-top:35px}.real-panini-section .menu-category{padding:20px 18px!important}
 .milk-note{font-size:12px;align-items:flex-start}.allergen-note{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.menu-jump a{transition:none}}

/* This edition presents the menu through flavour and character. */
.menu-row.product-description{display:block;padding:18px 0 20px;border-bottom:1px solid #06283d12}
.menu-row.product-description dt{font:400 23px/1.25 var(--serif);letter-spacing:-.25px;color:#06283d;margin-bottom:8px}
.menu-row.product-description dd{margin:0;white-space:normal;font:400 15px/1.75 var(--sans);color:#526c78;max-width:48ch}
.real-panini-section .menu-row.product-description dt{font-size:23px}.real-panini-section .menu-row.product-description dd{font-size:15px}
.treats-menu-grid .menu-row.product-description dt{font-size:22px}
@media(max-width:700px){.menu-row.product-description{padding:16px 0 18px}.menu-row.product-description dt,.real-panini-section .menu-row.product-description dt,.treats-menu-grid .menu-row.product-description dt{font-size:22px}.menu-row.product-description dd,.real-panini-section .menu-row.product-description dd{font-size:14px;line-height:1.75}}
