/* Original compact navigation, with full cluster names. */
body.ss-clusters > header{position:sticky;top:0;padding:8px 0;z-index:1000}
body.ss-clusters header .header-content{position:static;display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:20px;height:auto;min-height:50px}
body.ss-clusters header .logo{order:1;flex:0 0 auto;width:auto;max-width:100%;margin:0;font-size:18px;line-height:1.3;white-space:nowrap;letter-spacing:0;text-transform:none}
body.ss-clusters header .header-content > nav{order:2;flex:1 1 auto;min-width:0;width:auto}
body.ss-clusters header #navMenu{order:2;position:static;inset:auto;display:flex;flex:1 1 auto;flex-flow:row nowrap;align-items:center;justify-content:flex-end;gap:14px;width:auto;max-width:100%;margin:0;padding:0;background:none;box-shadow:none;border:0;list-style:none}
body.ss-clusters header #navMenu li{display:block;flex:0 0 auto;min-width:0;margin:0;padding:0;list-style:none;text-align:left}
body.ss-clusters header #navMenu a,body.ss-clusters footer .footer-nav a{display:block;box-sizing:border-box;min-width:0;min-height:0;width:auto;height:auto;margin:0;padding:6px 0;border:0;border-radius:0;background:none;box-shadow:none;color:inherit;font-family:inherit;font-size:12px;font-weight:600;line-height:1.5;letter-spacing:0;text-transform:none;text-decoration:none;white-space:nowrap;overflow:visible;text-overflow:clip;word-break:normal;hyphens:none}
body.ss-clusters header #navMenu a{color:#fff}
body.ss-clusters header #navMenu a:hover,body.ss-clusters footer .footer-nav a:hover{color:var(--accent,var(--accent-color,#91dab7));background:none;box-shadow:none;text-decoration:underline;text-underline-offset:4px}
body.ss-clusters header #navMenu a:focus-visible,body.ss-clusters footer .footer-nav a:focus-visible,body.ss-clusters header .hamburger:focus-visible{outline:2px solid var(--accent,var(--accent-color,#91dab7));outline-offset:4px}
body.ss-clusters header .hamburger{display:none;order:3;flex:0 0 auto;align-items:center;justify-content:center;width:36px;min-height:40px;margin:0;padding:0;border:0;border-radius:0;background:none;color:#fff;font:24px/1 Arial,sans-serif;cursor:pointer}
body.ss-clusters footer .footer-nav{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 26px;width:100%;max-width:100%;margin:0 0 24px;padding:0 0 20px}
body.ss-clusters footer .footer-nav a{font-size:13px;white-space:normal}
@media(min-width:1001px) and (max-width:1200px){body.ss-clusters header .header-content{gap:16px}body.ss-clusters header .logo{font-size:16px}body.ss-clusters header #navMenu{gap:12px}body.ss-clusters header #navMenu a{font-size:11px}}
@media(max-width:1000px){body.ss-clusters header .header-content{gap:12px;flex-wrap:wrap}body.ss-clusters header .logo{font-size:16px}body.ss-clusters.ss-nav-ready header .hamburger{display:inline-flex}body.ss-clusters header .header-content > nav{flex-basis:100%;width:100%}body.ss-clusters.ss-nav-ready header .header-content > nav{flex-basis:0;width:0;flex-grow:0}body.ss-clusters header #navMenu{flex-basis:100%;flex-direction:column;align-items:stretch;gap:0;width:100%;padding:10px 18px;background:#2c3e50}body.ss-clusters.ss-nav-ready header #navMenu{position:absolute;top:100%;left:0;right:0;max-width:none;box-shadow:0 8px 12px rgba(0,0,0,.15)}body.ss-clusters.ss-nav-ready header #navMenu:not(.active){display:none}body.ss-clusters header #navMenu a{font-size:13px;white-space:normal;padding:10px 0}body.ss-clusters footer .footer-nav{flex-direction:column;gap:4px;align-items:center;text-align:center}}
@media(max-width:380px){body.ss-clusters header .logo{font-size:14px}}
@media(max-width:640px){body.ss-clusters .hero h1{font-size:clamp(26px,7vw,34px);line-height:1.22}body.ss-clusters .container{padding-left:18px;padding-right:18px}}

body.ss-clusters main{min-width:0}
body.ss-clusters main h2,body.ss-clusters main h3{min-width:0;overflow-wrap:anywhere;word-break:normal;hyphens:auto}
body.ss-clusters .update-badge{max-width:100%;white-space:normal;align-items:flex-start;gap:.5rem}
body.ss-clusters .update-badge svg{flex-shrink:0}
body.ss-clusters .update-badge span{min-width:0;overflow-wrap:break-word}
body.ss-clusters .table-wrapper{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
body.ss-clusters main img{max-width:100%;height:auto}
body.ss-clusters .pros-cons ul,body.ss-clusters [class*=pros] ul,body.ss-clusters [class*=cons] ul{list-style:disc outside!important;padding-left:1.4rem!important}
body.ss-clusters .pros-cons li,body.ss-clusters [class*=pros] li,body.ss-clusters [class*=cons] li{display:list-item!important;list-style:disc outside!important}

body.ss-clusters .hero{background-image:linear-gradient(rgba(30,43,56,.7),rgba(20,30,40,.95)),url("../img/hero-mobile.avif")}

/* Self-contained layout: short lead, then the rest of the introduction. */
body.ss-clusters main > .hero{margin-top:0}
body.ss-clusters .article-introduction{max-width:1160px;margin:0 auto;padding:32px 20px 10px;box-sizing:border-box}
body.ss-clusters .article-introduction p{font-size:16px;line-height:1.8;margin:0 0 18px;text-align:left}
body.ss-clusters .editorial-sources{max-width:1160px;margin:30px auto;padding:0 20px 20px;box-sizing:border-box}
body.ss-clusters .site-icon{display:inline-block;width:1em;height:1em;flex-shrink:0;vertical-align:-.12em}
body.ss-clusters .faq-question .site-icon{transition:transform .15s}
body.ss-clusters .faq-item.active .faq-question .site-icon{transform:rotate(180deg)}
@media(max-width:640px){body.ss-clusters .article-introduction{padding:24px 18px 4px}body.ss-clusters .article-introduction p{font-size:15px;line-height:1.75}}

body.ss-clusters main.content-section{padding-top:0}