/* SPARK V6 site-wide layer. Each change is scoped to html.v6-Gxx (switch off with ?off=G03) */
/* G03 Mobile typography: no overflowing headlines, readable body copy */
@media (max-width:767px){
html.v6-G03 body h1{font-size:clamp(32px,9.5vw,44px)!important;line-height:1.04!important;overflow-wrap:break-word;hyphens:auto;max-width:100%!important}
html.v6-G03 body h2{overflow-wrap:break-word;hyphens:auto}
html.v6-G03 body main p,html.v6-G03 body section p{font-size:max(15px,1em)}
html.v6-G03 body{overflow-x:hidden}
}
/* G04 Touch targets: buttons and chips at least 44px high on mobile */
@media (max-width:767px){
html.v6-G04 body section a[class*="btn"],html.v6-G04 body section button[class*="btn"],html.v6-G04 body section a[class*="cta"],html.v6-G04 body section [class*="chip"]:is(a,button){min-height:44px;display:inline-flex;align-items:center}
}
/* G02 Carousel controls */
.v6car{display:none}
@media (max-width:767px){
html.v6-G02 .v6car{display:flex;align-items:center;gap:10px;margin:12px 0 0}
.v6car__n{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12px;letter-spacing:.06em;min-width:56px}
.v6car__h{flex:1;font-size:12px;opacity:.7}
.v6car button{width:44px;height:44px;border-radius:50%;border:1px solid currentColor;background:transparent;color:inherit;font-size:16px;cursor:pointer;opacity:.75}
.v6car button:disabled{opacity:.25;cursor:default}
}