/* A photo-led character dining chapter, with compact comparisons. */
.baby-dining{--dining-purple:#705582}
.baby-section .baby-dining .dining-intro{font-size:17px;color:var(--ink);margin:0 0 28px;max-width:720px}
.baby-dining .dining-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,280px);gap:32px;align-items:start}
.baby-dining .dining-favourite{display:inline-block;padding:6px 12px;border-radius:20px;background:#ece2f2;color:#654b77;font-size:12px;font-weight:600;margin-bottom:14px}
.baby-section .baby-dining .dining-feature h3{font-size:38px;margin:0 0 10px}
.baby-section .baby-dining .dining-location{display:block;font:400 12px/1.7 var(--sans);color:var(--muted);margin:0 0 18px}
.baby-dining .dining-beat{border-left:2px solid #c6b3d2;padding-left:20px;margin-top:23px}
.baby-dining .dining-label{display:block;font:600 10px/1.6 var(--sans);letter-spacing:1.1px;text-transform:uppercase;color:var(--dining-purple);margin-bottom:7px}
.baby-section .baby-dining .dining-beat h4{font:400 27px/1.2 var(--serif);margin:0 0 10px}
.baby-section .baby-dining .dining-beat p{font-size:14px;margin:0}
.baby-dining figure{margin:0;min-width:0}
.baby-dining figure img{display:block;width:100%;height:auto;border-radius:4px;box-shadow:7px 7px 0 #e3d7ed}
.baby-dining .dining-feature-photo{padding-right:7px}
.baby-dining figcaption{font:italic 18px/1.4 var(--serif);color:var(--purple);text-align:center;margin-top:16px}
.baby-dining .dining-memories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px;margin:30px 7px 30px 0}
.baby-dining .dining-memories figcaption{font-size:17px}
.baby-dining .dining-swipe-hint{display:none}
.baby-dining .dining-memories:focus-visible{outline:2px solid var(--purple);outline-offset:5px}
.baby-dining .dining-visit-notes{border-block:1px solid var(--line)}
.baby-dining summary{cursor:pointer;list-style:none}
.baby-dining summary::-webkit-details-marker{display:none}
.baby-dining .dining-visit-notes>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;font-size:14px}
.baby-dining .dining-visit-notes>summary>span,.baby-dining .dining-plus{font-size:25px;line-height:1;color:var(--purple)}
.baby-dining details[open]>summary>.dining-plus,.baby-dining .dining-visit-notes[open]>summary>span{transform:rotate(45deg)}
.baby-dining .dining-visit-notes>div{padding:5px 0 22px}
.baby-dining dl{margin:0;display:grid;gap:17px}
.baby-dining dl>div{display:grid;grid-template-columns:135px minmax(0,1fr);gap:18px}
.baby-dining dt{font-size:13px;font-weight:600;line-height:1.8;color:var(--ink)}
.baby-dining dd{margin:0;font-size:14px;line-height:1.8;color:var(--muted)}
.baby-dining .dining-links{display:flex;gap:14px 24px;flex-wrap:wrap;margin-top:20px;font-size:12px}
.baby-dining .dining-shortlist-heading{margin:36px 0 22px}
.baby-section .baby-dining .dining-shortlist-heading h3{font-size:34px;margin-bottom:14px}
.baby-section .baby-dining .dining-shortlist-heading p{font-size:14px;margin:0}
.baby-dining .dining-shortlist{display:grid;gap:12px}
.baby-dining .dining-option{background:#f0eaf4;border:1px solid #dfd3e7;border-radius:4px;scroll-margin-top:24px}
.baby-dining .dining-option:nth-child(even){background:#eaf0f4;border-color:#d5e0e7}
.baby-dining .dining-option>summary{padding:22px 23px;display:grid;grid-template-columns:minmax(0,1fr) auto 20px;align-items:center;gap:20px}
.baby-dining .dining-option-name{display:block;font:400 28px/1.2 var(--serif);color:var(--ink);margin-bottom:6px}
.baby-dining .dining-option .dining-location{margin:0}
.baby-dining .dining-score{text-align:center;min-width:68px}
.baby-dining .dining-score strong{display:block;font:400 24px/1.1 var(--serif)}
.baby-dining .dining-score small{display:block;font:400 10px/1.5 var(--sans);margin-top:4px;color:var(--muted)}
.baby-dining .dining-option-body{padding:0 23px 24px}
.baby-dining .dining-option-body dl{border-top:1px solid #cfc5d5;padding-top:22px}
.baby-section .baby-dining .dining-review-note{font-size:11px;line-height:1.8;margin:16px 0 0}
.baby-dining .dining-baby-notes{margin:30px 0 0;border-left:2px solid #b39bc4;background:#f0eaf4;padding:25px 28px}
.baby-section .baby-dining .dining-baby-notes h3{font-size:30px;margin-bottom:20px}
.baby-dining .dining-baby-notes>div{display:grid;gap:14px}
.baby-section .baby-dining .dining-baby-notes p{margin:0;font-size:14px;line-height:1.8}
@media(max-width:1000px){.baby-dining .dining-feature{grid-template-columns:minmax(0,1fr) minmax(0,220px);gap:25px}}
@media(max-width:650px){
.baby-dining .dining-feature{grid-template-columns:1fr;gap:25px}
.baby-dining .dining-feature-photo{width:min(100%,320px);justify-self:center}
.baby-section .baby-dining .dining-intro{font-size:16px}
.baby-dining .dining-memories{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:76%;gap:18px;margin:12px 0 24px;padding:0 7px 8px 0;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain}
.baby-dining .dining-memories figure{scroll-snap-align:start}
.baby-section .baby-dining .dining-swipe-hint{display:block;font-size:12px;margin:26px 0 0;color:var(--purple)}
.baby-dining .dining-memories figcaption{font-size:15px}
.baby-dining .dining-memories figure img{box-shadow:4px 4px 0 #e3d7ed}
.baby-dining .dining-option>summary{padding:19px 17px;gap:12px;grid-template-columns:minmax(0,1fr) 20px}
.baby-dining .dining-option-name{font-size:27px}
.baby-dining .dining-score{grid-column:1;text-align:left;display:flex;align-items:baseline;gap:8px}
.baby-dining .dining-score strong{font-size:21px}
.baby-dining .dining-plus{grid-column:2;grid-row:1 / span 2}
.baby-dining .dining-option-body{padding:0 17px 22px}
.baby-dining dl>div{grid-template-columns:1fr;gap:3px}
.baby-dining .dining-baby-notes{padding:22px}
}
