/* index.html — page styles (moved out of the page's inline <style> for the CSP). */
html{scroll-behavior:smooth}*,*::before,*::after{box-sizing:border-box}body{margin:0;background:var(--aru-background-dark);font-family:var(--aru-font-sans)}image-slot{--slot-bg:rgba(92,130,175,.10)}
/* §8: stacked by default, 4:7 editorial asymmetry once two tracks fit. Lives here
   because the section is inline-styled and cannot carry a media query itself. */
#doubts>div{grid-template-columns:1fr}
@media(min-width:840px){#doubts>div{grid-template-columns:minmax(0,4fr) minmax(0,7fr)}}
/* §6 "In real life" card: grid split, CTA hover and the stacked mobile layout. Lives here
   because the section is inline-styled (moved out of HomeScene.jsx's <style> for the CSP). */
.s6-grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}
.s6-cta:hover{color:var(--aru-purple-700)!important}
.s6-cta:hover .s6-arrow{transform:translateX(4px)}
@media (max-width:760px){
.s6{height:auto!important}
.s6-stage{position:relative!important;height:auto!important;padding:clamp(72px,18vw,104px) 0!important}
.s6-grid{grid-template-columns:1fr!important;gap:var(--aru-space-xl)!important}
.s6-h2{font-size:clamp(1.875rem,8.4vw,2.375rem)!important;line-height:1.02!important}
.s6-card{aspect-ratio:4/5!important}
.s6-alert{left:16px!important;right:16px!important;bottom:16px!important;width:auto!important}
}
/* §4 (#changes, HomeCalm.jsx), Italian only: the longer copy leaves the headline one word
   per line in the 2-column grid on phones, so below 560px the card and text stack.
   English keeps the design's layout. */
@media(max-width:560px){html[lang="it"] #changes>div{grid-template-columns:minmax(0,1fr)!important}}
/* §1b manifesto film (HomeManifesto.jsx): progress bar, play hover, fullscreen card and the
   phone layout. Lives here because the section is inline-styled (moved out of its <style> for the CSP). */
.mf-range{-webkit-appearance:none;appearance:none;flex:1;min-width:0;height:3px;border-radius:2px;background:linear-gradient(90deg,var(--aru-white) var(--p,0%),rgba(255,255,255,.28) var(--p,0%));outline:none;cursor:pointer}
.mf-range::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--aru-white);border:none}
.mf-range::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--aru-white);border:none}
.mf-play:hover .mf-disc{transform:scale(1.06);background:rgba(255,255,255,.98)!important}
.mf-card:fullscreen{border-radius:0!important;aspect-ratio:auto!important}
@media (max-width:640px){.mf-time{display:none!important}}