/* Owner-approved SUPER-2 pilots only; route opt-in is supplied by the PHP allowlist. */
#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body[data-super-preview] .s1p-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:13px 22px;border:1px solid #64748b!important;border-radius:9px!important;background:#101d2d!important;background-image:none!important;color:#f5f7fb!important;box-shadow:none!important;font-family:Roboto,sans-serif!important;font-size:16px!important;font-weight:700!important;line-height:1.25;text-decoration:none!important;text-align:center;white-space:normal}
#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body[data-super-preview] .s1p-button.s1p-primary{background:#ffdc00!important;color:#111820!important;border-color:#ffdc00!important}
#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body[data-super-preview] .s1p-button:is([aria-pressed="true"],[aria-selected="true"],.is-active){background:#ffdc00!important;color:#111820!important;border-color:#ffdc00!important}
#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body[data-super-preview] .s1p-button:focus-visible{outline:3px solid #627da0;outline-offset:4px}
#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body[data-super-preview] .s1p-card{border-radius:18px!important}
#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body[data-super-preview] .s1p-faq{background:#fff!important;color:#10151c!important;border:0!important;border-bottom:1px solid #cfd5dc!important;border-radius:0!important;padding:0 18px!important;box-shadow:none!important}
#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body[data-super-preview] .s1p-faq summary{min-height:62px;align-items:center;padding:14px 0!important;background:none!important;color:#10151c!important;font:700 clamp(15px,.94vw,18px)/1.35 Roboto,sans-serif!important;border:0!important;border-radius:0!important}
#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body[data-super-preview] .s1p-faq summary :is(h3,span){color:inherit!important}
#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body[data-super-preview] .s1p-faq[open]{border-bottom-color:#b59b00!important}
#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body[data-super-preview] .s1p-faq :is(p,li){color:#465363!important;font:400 clamp(15px,.9vw,18px)/1.6 Roboto,sans-serif!important}
#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body[data-super-preview] .s1p-hero{position:relative;isolation:isolate;margin-top:0!important;padding:clamp(42px,5vw,96px) clamp(18px,5vw,96px)!important;min-height:600px;background-color:#090f16!important;background-size:cover!important;background-position:center!important;background-image:linear-gradient(90deg,rgba(5,10,16,.97),rgba(5,10,16,.75) 43%,rgba(5,10,16,.05) 74%),var(--s1p-scene)!important;color:#f5f7fb!important;border:0!important;border-radius:0!important;box-sizing:border-box}
#sp-main-body[data-super-preview] [data-s1p-hero="phone-hero"]{--s1p-scene:url('/images/2026/07/14/phone-hub-v4/phone-hero-v1.webp')}
#sp-main-body[data-super-preview] [data-s1p-hero="watch-hero"]{--s1p-scene:url('/media/super2-20261103-v1/watch-workshop.webp')}
#sp-main-body[data-super-preview] [data-s1p-hero="mouse-hero"]{--s1p-scene:url('/media/super2-20261103-v1/mouse-workshop.webp')}
#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body[data-super-preview] .s1p-hero::before,#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body[data-super-preview] .s1p-hero::after{display:none!important}
#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body[data-super-preview] .s1p-hero :is(h1,p){position:relative;z-index:1;max-width:48ch;text-align:left;color:inherit!important}
#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body[data-super-preview] .s1p-hero h1{max-width:16ch;font:800 clamp(36px,4.2vw,88px)/1.06 Roboto,sans-serif!important;margin:0 0 24px!important}
#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body[data-super-preview] .s1p-hero p{font:400 clamp(17px,1.1vw,22px)/1.6 Roboto,sans-serif!important;color:#cbd5e1!important;margin:0 0 24px!important}
#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body[data-super-preview] .s1p-hero :is(.rt-wrap,.eb27-wrap,.rt-mx-wrap,.rt3-wrap){padding-inline:0!important;max-width:none!important;width:100%!important}
#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body[data-super-preview] .s1p-hero :is(.rt-hero-grid,.eb27-hero-grid,.rt-mx-hero__grid){display:block!important;min-height:0!important}
#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body[data-super-preview] .s1p-hero :is(.rt-mx-hero__col,.eb27-copy){max-width:52%!important}
#sp-main-body[data-super-preview] .s1p-hidden-hero-art,#sp-main-body[data-super-preview] .s1p-hidden-hero-aux{display:none!important}
#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body[data-super-preview="tester"] .rt-diag-intro{min-height:0!important;padding:24px!important;margin-bottom:20px!important}
#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body[data-super-preview="tester"] .rt-diag-intro h1{font-size:clamp(30px,2.3vw,48px)!important;line-height:1.1!important;margin:0 0 12px!important}
#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body[data-super-preview="tester"] .rt-diag-intro p{font-size:16px!important;line-height:1.5!important;max-width:64ch;margin-bottom:12px!important}
#sp-main-body[data-super-preview] .s1p-service-rail{display:none}
@media(min-width:1200px){
#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body[data-super-slug="article"] .rtk-article{max-width:none!important;width:100%!important}
#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body[data-super-slug="article"] .rtk-article-shell{display:grid!important;grid-template-columns:minmax(0,720px) minmax(280px,360px)!important;gap:clamp(24px,3vw,64px)!important;justify-content:center!important;max-width:none!important;padding-inline:clamp(24px,3vw,96px)!important}
#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body[data-super-slug="article"] .rtk-prose{width:100%!important;max-width:720px!important}
#sp-main-body[data-super-preview] .s1p-service-rail{display:block;background:#101c2b;color:#eef4fa;padding:26px;border:1px solid #34455b;border-radius:18px;margin-bottom:20px}
#sp-main-body[data-super-preview] .s1p-service-rail p{color:#ced8e5;line-height:1.5;font-size:16px}
#sp-main-body[data-super-preview] .s1p-service-rail .s1p-label{color:#ffdc00;font-size:14px;font-weight:700}
#sp-main-body[data-super-preview] .s1p-service-rail .s1p-rail-price{color:#fff;font-size:26px;font-weight:800}
#sp-main-body[data-super-preview] .s1p-rail-branch{display:grid;gap:8px;border-top:1px solid #34455b;margin-top:24px;padding-top:20px;font-size:16px}
#sp-main-body[data-super-preview] .s1p-rail-branch a{color:#dcefff}
#sp-main-body[data-super-slug="article"] .site5-contact-section{display:none!important}
}
@media(max-width:767px){
#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body[data-super-preview] .s1p-hero{min-height:680px!important;padding:36px 18px 280px!important;background-position:68% bottom!important;background-size:auto 100%!important;background-image:linear-gradient(180deg,rgba(5,10,16,.99),rgba(5,10,16,.90) 43%,rgba(5,10,16,.12) 73%),var(--s1p-scene)!important}
#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body[data-super-preview] .s1p-hero :is(.rt-mx-hero__col,.eb27-copy){max-width:none!important}
#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body[data-super-preview] .s1p-hero h1{font-size:36px!important;max-width:17ch!important}
#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body[data-super-preview] .s1p-button{font-size:15px!important;padding-inline:16px!important}
}

/* Native details and existing FAQ variants share one disclosure affordance. */
#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body[data-super-preview] .s1p-faq>summary{list-style:none!important;position:relative!important;display:block!important;padding-right:32px!important}
#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body[data-super-preview] .s1p-faq>summary::marker{content:""}
#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body[data-super-preview] .s1p-faq>summary::-webkit-details-marker{display:none}
#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body[data-super-preview] .s1p-faq>summary::before{display:none!important}
#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body[data-super-preview] .s1p-faq>summary::after{content:"+"!important;position:absolute!important;right:0!important;top:50%!important;transform:translateY(-50%)!important;color:#225975!important;font:500 23px/1 Roboto,sans-serif!important;float:none!important;width:24px!important;text-align:center!important}
#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body[data-super-preview] .s1p-faq[open]>summary::after{content:"−"!important}
/* Review revision: keep hero copy clear of the device and avoid zooming its
   landscape scene to the full height of a narrow mobile hero. */
#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body[data-super-preview] .s1p-hero h1{max-width:16ch!important}
#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body[data-super-preview] .s1p-hero p{max-width:48ch!important}
#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body[data-super-preview] .s1p-hero :is(.rt-wrap,.eb27-wrap,.rt-mx-wrap,.rt3-wrap){margin-inline:0!important}
#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body[data-super-preview] .s1p-hero .rt-mx-chips{background:transparent!important;border:0!important;box-shadow:none!important;gap:8px!important}
#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body[data-super-preview] .s1p-hero .rt-facts{max-width:720px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
@media(max-width:767px){
#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body[data-super-preview] .s1p-hero{min-height:0!important;padding-bottom:320px!important;background-repeat:no-repeat!important;background-size:100% 100%,auto 340px!important;background-position:center,78% bottom!important;background-image:linear-gradient(180deg,#090f16 0%,#090f16 calc(100% - 340px),rgba(9,15,22,0) calc(100% - 240px)),var(--s1p-scene)!important}
#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body[data-super-preview] .s1p-hero h1{max-width:17ch!important}
}

#sp-main-body[data-super-preview] .s1p-faq>summary>span[aria-hidden="true"]:empty{display:none!important}
/* On a phone the existing phone-hub review/facts blocks follow the scene,
   keeping the device visible without deleting their content. */
@media(max-width:767px){
#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body[data-super-slug="phone-hero"] .s1p-hero{background-image:none!important;padding-bottom:24px!important}
#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body[data-super-slug="phone-hero"] .rt3-hero-copy{padding:0!important}
#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body[data-super-slug="phone-hero"] .rt3-actions{margin:20px 0!important;gap:8px!important}
#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body[data-super-slug="phone-hero"] .rt3-rating{border-top:0!important;margin-top:12px!important;padding-top:0!important}
#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body[data-super-slug="phone-hero"] .rt3-rating::before{content:"";display:block;height:300px;margin:0 -18px 28px;background-image:var(--s1p-scene);background-size:auto 300px;background-position:78% center;background-repeat:no-repeat}
}
#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body[data-super-preview] .s1p-button{align-self:stretch!important}
#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body[data-super-slug="laptop-brand"] .rt-c4-card{background:#f8fafc!important;color:#152132!important;border:1px solid #cfd5dc!important}
#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body[data-super-slug="laptop-brand"] .rt-c4-card :is(span,strong,small){color:#152132!important}

/* Console cards retain their blocks while becoming readable on phones. */
#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body[data-super-slug="console-model"] :is(.cm28-checks,.cm28-overview){gap:18px!important}
#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body[data-super-slug="console-model"] :is(.cm28-check,.cm28-overview>article){border:1px solid #52606e!important;padding:24px!important;border-radius:18px!important}
@media(max-width:767px){
#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body[data-super-slug="console-model"] .cm28-checks{grid-template-columns:minmax(0,1fr)!important}
}

/* Article secondary action: preserved link, explicit outline after the family adapter. */
#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body[data-super-slug="article"] .rtk-hero .s1p-button:not(.rtk-btn--primary){background:#101d2d!important;background-image:none!important;color:#f5f7fb!important;border:1px solid #8291a4!important;border-radius:9px!important}


#sp-main-body[data-super-slug="phone-brand"] .op-explanation aside{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}
#sp-main-body[data-super-slug="phone-brand"] .op-explanation aside>div,#sp-main-body[data-super-slug="phone-brand"] .op-explanation aside>span{display:none}
#sp-main-body[data-super-slug="phone-brand"] .op-explanation figure{margin:0;grid-row:span 2}
#sp-main-body[data-super-slug="phone-brand"] .op-explanation img{max-width:100%;height:auto}
#sp-main-body[data-super-slug="phone-brand"] .op-explanation li{margin-bottom:12px;line-height:1.6}
@media(max-width:767px){#sp-main-body[data-super-slug="phone-brand"] .op-explanation aside{grid-template-columns:minmax(0,1fr)}}

/* Owner threshold: below 1200px the article remains one content column. */
@media(max-width:1199px){
#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body#sp-main-body[data-super-slug="article"] .rtk-article-shell{grid-template-columns:minmax(0,1fr)!important}
#sp-main-body[data-super-slug="article"] .rtk-aside{position:static!important}
}