/* Whole words need the full text column when the visitor enlarges the type. */
.large-text .section-intro{flex-direction:column;align-items:flex-start}
.large-text .section-intro>div{width:100%}
.large-text .quality-line{grid-template-columns:minmax(0,1fr)}
.large-text .bread-story .split{grid-template-columns:minmax(0,1fr)}
.large-text .faq-item>summary{grid-template-columns:minmax(0,1fr) auto;gap:10px 16px}
.large-text .faq-item>summary .faq-number{grid-column:1;grid-row:1}
.large-text .faq-item>summary .faq-toggle{grid-column:2;grid-row:1}
.large-text .faq-item>summary h3{grid-column:1/-1;grid-row:2}

/* Leave enough room for enlarged words even when a scrollbar narrows the page. */
@media(max-width:359px){html.large-text{--gutter:12px}}

@media(max-width:600px){
 /* Keep enlarged display type readable without splitting the longest translated words. */
 html.large-text body[class] h1{font-size:min(2rem,18vw)}
 html.large-text body[class] h2{font-size:min(1.375rem,12vw)}
 html.large-text body[class] .script{font-size:min(2rem,18vw)}
 /* Keep the decorative signature inside the photograph when text is enlarged. */
 .large-text .heading-signature{font-size:min(2.5rem,18vw)}
 .large-text .specialties-promise{font-size:min(2.2rem,20vw)}
 /* Keep the longest word and its closing quotes inside a narrow text column. */
 .large-text .story-quote blockquote{font-size:min(2.5rem,20vw)}
 .large-text .page-home .flavour-copy h3{font-size:1.4rem}
 .large-text .page-menu .menu-board .menu-item{grid-template-columns:minmax(0,1fr);gap:8px}
 .large-text .page-menu .menu-board .menu-item .number,
 .large-text .page-menu .menu-board .menu-item .price{grid-column:1}
 .large-text .privacy-toc a{grid-template-columns:minmax(0,1fr);gap:4px}
 .large-text .privacy-section .cookie-inventory{padding:16px 0;border-inline:0;background:transparent}
 .large-text .cookie-dialog{padding-inline:8px}
 .large-text .map-viewer-header{flex-wrap:wrap;gap:8px}
 .large-text .map-viewer-header h2{flex-basis:100%;order:2}
 .large-text .map-viewer-header .map-viewer-close{margin-left:auto}
}

/* At exceptionally narrow widths, a word wider than the column must still reflow. */
@media(max-width:319px){
 .large-text .quality-line h3{font-size:min(1.3rem,11vw)}
 .large-text body[class] :is(h1,h2,h3,p,li,dt,dd,a,button){overflow-wrap:anywhere}
}