/* English typography for the newly translated articles only. */
body{font-family:Arial,Helvetica,sans-serif;line-height:1.75}
h1,h2,h3,.restaurant-title,.shop h2{font-family:Georgia,"Times New Roman",serif;letter-spacing:0;line-height:1.25}
.hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(34px,3.5vw,52px);line-height:1.18;letter-spacing:-.025em}
.hero h1 small{display:block;font-size:.52em;line-height:1.4;margin-top:16px;letter-spacing:0}
p,.intro,.hero-copy>p,.review-text,.body-text{line-height:1.8}
.hero-copy,.layout>* ,.shop,.restaurant,.article-links,.related-card,.related-copy,.toc a,.facts dd,dd{min-width:0}
.hero img{max-width:100%}
.brand{font-family:Arial,Helvetica,sans-serif;font-size:17px;letter-spacing:.025em;line-height:1.4}
.brand small{font-size:9px;letter-spacing:.1em}
.toc a,.toc strong,.toc span,.headlink,.review{white-space:normal}
.site-header,body>header{height:auto;min-height:76px;flex-wrap:wrap;gap:12px}
.lang-link{font:12px/1.4 Arial,Helvetica,sans-serif;white-space:nowrap;text-decoration:none;border-bottom:1px solid currentColor;margin-left:auto}
.info-actions,.links,.buttons,.actions{flex-wrap:wrap}
.info-actions a,.links a,.buttons a,.actions a{white-space:normal}
a{overflow-wrap:anywhere}
.rank-unit{font-size:.4em;vertical-align:super}
@media(max-width:600px){
.comparison{overflow:visible;border:0}
.comparison table{display:block;min-width:0;width:100%}
.comparison thead{display:none}
.comparison tbody{display:grid;gap:16px}
.comparison tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border:1px solid #dcd6ca}
.comparison td{display:block;min-width:0;padding:12px;border-bottom:0;white-space:normal}
.comparison td:nth-child(-n+2){grid-column:1/-1}
.comparison td:first-child{font-size:17px;font-weight:700;background:#ede8de}
.comparison td::before{content:attr(data-label);display:block;font-size:10px;line-height:1.5;letter-spacing:.04em;color:#756e63;margin-bottom:5px}
.comparison td:first-child::before{display:none}
}

@media(max-width:700px){
.hero h1{font-size:36px;line-height:1.17}
h2,.shop h2,.restaurant h2{font-size:29px;line-height:1.25}
.brand,body>header>a:first-child{font-size:14px;line-height:1.4}
.site-header,body>header{padding:18px 20px;gap:12px}
.site-header .headlink{font-size:12px}
.site-header .brand small{font-size:8px}
.hero-copy{min-width:0}
.toc a,.toc span,.toc strong{overflow-wrap:anywhere}
}
