/* MC: an editorial city notebook, with the original page photograph. */
.mc-city-notebook { padding-block:clamp(48px,7vw,96px); color:#1f3a2b; background:#f8f6ef; }
.mc-city-notebook__heading { display:grid; grid-template-columns:1.1fr 1fr; column-gap:clamp(32px,6vw,96px); align-items:end; margin-bottom:36px; }
.mc-city-notebook__heading>p { grid-column:1/-1; margin:0 0 16px; color:#12633b; font-size:1rem; font-weight:600; }
.mc-city-notebook h2 { margin:0; max-width:17ch; color:#12633b; font-family:var(--display,"Cormorant Garamond",serif); font-size:clamp(2.3rem,4.3vw,4.5rem); font-weight:500; line-height:1.04; }
.mc-city-notebook__heading>div>p { max-width:49ch; margin:0 0 22px; font-size:1.125rem; line-height:1.65; }
.mc-city-notebook nav { display:flex; flex-wrap:wrap; align-items:center; gap:12px 24px; }
.mc-city-notebook nav a { display:inline-flex; align-items:center; min-height:48px; font-size:1rem; line-height:1.5; }
.mc-city-notebook__book { padding:12px 20px; background:#12633b; color:#fff; border-radius:6px; font-weight:600; text-decoration:none; }
.mc-city-notebook__guide { color:#12633b; text-underline-offset:5px; text-decoration-thickness:1px; }
.mc-city-notebook a:focus-visible { outline:3px solid #12633b; outline-offset:4px; }
.mc-city-notebook__image { margin:0; border-top:1px solid #b8c4b5; padding-top:24px; }
.brand-MC .mc-city-notebook .p114-page-photo__img { display:block; width:100%; height:auto; aspect-ratio:2.6; object-fit:cover; object-position:50% 0%; border-radius:6px; }
.mc-city-notebook__notes { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(24px,4vw,64px); margin:0; padding-top:30px; }
.mc-city-notebook__notes>div { min-width:0; border-top:1px solid #b8c4b5; padding-top:20px; }
.mc-city-notebook dt { font-family:var(--display,"Cormorant Garamond",serif); font-size:1.75rem; line-height:1.2; color:#12633b; margin-bottom:12px; }
.mc-city-notebook dd { margin:0; max-width:38ch; font-size:1rem; line-height:1.65; }
[dir=rtl] .mc-city-notebook :is(h2,dt) { font-family:Amiri,serif; line-height:1.4; }
@media(max-width:760px) { .mc-city-notebook__heading { grid-template-columns:minmax(0,1fr); gap:20px; margin-bottom:28px; } .mc-city-notebook__heading>p { margin:0; } .mc-city-notebook h2 { max-width:20ch; } .mc-city-notebook__heading>div>p { font-size:1rem; } .brand-MC .mc-city-notebook .p114-page-photo__img { aspect-ratio:2.3; } .mc-city-notebook__notes { grid-template-columns:minmax(0,1fr); gap:24px; } .mc-city-notebook__notes>div { display:grid; grid-template-columns:minmax(0,.7fr) minmax(0,1fr); gap:16px; } .mc-city-notebook dt { font-size:1.5rem; margin:0; } }
@media(max-width:380px) { .mc-city-notebook__notes>div { grid-template-columns:minmax(0,1fr); gap:10px; } }