/* Shared responsive layout, Italian and English. */
html{ -webkit-text-size-adjust:100%;text-size-adjust:100% }
body{min-width:0}
img,video,iframe{max-width:100%}
main,section,article,aside,header nav,.content,.cover-main,.grid>*{min-width:0}
input,textarea,select{max-width:100%;min-width:0}
.article h1,.content h2,.content h3,.card h3,.origin-detail a{overflow-wrap:break-word}
.article .content table{display:block;max-width:100%;overflow-x:auto}
.search{min-width:0;width:min(100%,350px)}
button,a,input,textarea,select{-webkit-tap-highlight-color:rgba(150,110,122,.16)}
:focus-visible{outline:2px solid #966e7a;outline-offset:4px}
@media(min-width:1600px){.article{max-width:1100px}.article .content{line-height:1.85}}
@media(max-width:1100px){
 header{height:auto;min-height:130px;padding:12px 4%;gap:14px;flex-wrap:wrap}
 header>a.brand{flex:0 0 auto}header a.brand .brand-logo{width:110px;height:110px}
 header nav{order:3;flex:1 1 100%;max-width:none;width:100%;margin:0;gap:10px;grid-template-columns:repeat(5,minmax(0,1fr))}
 header nav a{max-width:none;min-height:44px}
 .language-switcher{margin-left:auto;flex-basis:auto}
 .grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .origins-layout{grid-template-columns:minmax(0,2fr) minmax(220px,1fr)}
}
@media(max-width:760px){
 header{padding:8px 4% 14px;min-height:0;justify-content:space-between}
 header a.brand .brand-logo{width:100px;height:100px}
 header nav{gap:4px 10px;grid-template-columns:repeat(3,minmax(0,1fr))}
 header nav a{font-size:10px!important;line-height:1.6;letter-spacing:.04em}
 .nav-submenu-toggle{min-height:44px;min-width:30px;padding:10px 5px}
 .nav-submenu{width:230px;max-width:88vw;left:0;transform:none}
 .nav-submenu a{min-height:44px!important}
 .language-switcher{margin:0 0 0 auto;gap:10px;flex-basis:auto;justify-content:flex-end}
 .language-switcher a{min-width:36px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
 .editorial-intro{display:block;padding:26px 5%}
 .editorial-intro>p:not(.editorial-claim){max-width:none}
 .cover{--cover-photo-height:clamp(285px,72vw,440px);padding:16px 5% 32px;max-width:100%}
 .cover-main .lead-image{height:var(--cover-photo-height)}
 .featured-controls{top:60px;height:var(--cover-photo-height)}
 .featured-controls button{width:44px;height:44px;background:rgba(255,253,251,.88)}
 .featured-controls button:first-child{margin-left:calc(5% + 8px)}
 .featured-controls button:last-child{margin-right:calc(5% + 8px)}
 .section-label{flex-wrap:wrap;gap:5px;min-height:44px;padding:12px 0;letter-spacing:1px}
 .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 16px}
 .card h3{font-size:clamp(19px,3.8vw,24px)}
 .card .meta{flex-wrap:wrap;gap:5px;letter-spacing:.06em}
 .filters{gap:3px}.filters button{min-height:44px;padding:9px 10px}
 .toolbar{gap:14px}.toolbar .search{width:100%;font-size:16px}
 .heading{display:block}.heading h2{font-size:clamp(30px,7vw,42px)}
 .manifesto{grid-template-columns:1fr;padding:36px 5%;gap:22px}
 .manifesto p{max-width:none}.manifesto blockquote{font-size:clamp(28px,6vw,36px)}
 .origins-section{padding:36px 5%}.origins-top{display:block}
 .origins-top h2{font-size:clamp(30px,7vw,40px)}
 .origins-layout{grid-template-columns:1fr}
 .origins-map{min-height:0;padding:12px 8px 48px}
 .origins-map svg{height:auto;aspect-ratio:1.5;max-height:none}
 .map-status{left:12px;right:12px;bottom:10px;margin:0;overflow-wrap:break-word}
 .map-tabs button{min-height:44px;min-width:90px}
 .origin-detail{max-height:320px;border-left:0;padding:22px 18px}
 .article,.article.editorial-article{width:100%;padding:30px 5%}
 .article h1,.article.editorial-article>h1{font-size:clamp(32px,7.5vw,48px);letter-spacing:-.02em;line-height:1.12}
 .article .content{font-size:clamp(17px,2.5vw,20px);line-height:1.8}
 .article .content .qa-question,.article .content .qa-answer{font-size:18px;line-height:1.8}
 .article .content .pullquote{margin:28px 0;padding-left:16px;font-size:clamp(23px,5vw,28px)}
 .article .content .editorial-photo{margin:24px 0 30px}
 .article .content .editorial-photo img{max-height:none;width:auto;max-width:100%}
 .content iframe{width:100%;aspect-ratio:16/9;height:auto}
 .contact-form input,.contact-form textarea,form input,form textarea,form select{font-size:16px}
 footer{padding:26px 5%;margin:0;gap:20px;align-items:flex-start}
 footer>div:first-child{flex:1 1 100%;overflow-wrap:anywhere}
 .footer-socials{flex:1 1 100%;justify-content:center;gap:18px}
 .footer-socials a{width:44px;height:44px}
 footer small{flex:1 1 100%;text-align:center}
 dialog{width:94vw;max-height:90dvh;padding:22px}
}
@media(max-width:400px){
 header nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 12px}
 header nav>a:last-child{grid-column:1/-1}
 .grid{column-gap:12px}.card h3{font-size:19px}
 #quote-stage{padding:18px 0;min-height:230px}
 #rotating-quote{font-size:25px}
 .quotes-heading{letter-spacing:.06em;gap:8px}
 .article .content .qa-question,.article .content .qa-answer{font-size:17px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media(max-width:760px){.sanremo-heading h1{font-size:clamp(36px,8vw,60px);letter-spacing:-1px}.sanremo-editions{gap:25px;margin-bottom:35px}.sanremo-cover img{height:auto;max-height:450px}.edition h2{font-size:clamp(28px,6vw,40px)}.sanremo-photos{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-fields{grid-template-columns:1fr;gap:0}#contact-form input,#contact-form textarea{font-size:16px}.interview-profile dl>div{min-width:0;overflow-wrap:break-word}}
