/* App and mobile access: a practical guide for each device. */
body.app-page .app-main{padding-top:25px}
body.app-page .breadcrumbs{margin-bottom:23px}
body.app-page .app-main :is(.content-section,.app-session-panel,.app-hero-copy) a{overflow-wrap:anywhere}
body.app-page .section-title>p:not(.section-kicker){font-size:14px}
body.app-page .app-main :is(.text-link,.back-top){font-size:14px}
body.app-page .app-hero{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,1fr);align-items:center;gap:clamp(30px,5vw,68px);margin:0 0 28px;padding:26px 0 39px}
body.app-page .app-hero-copy{min-width:0;max-width:600px}
body.app-page .app-hero .section-kicker{margin-bottom:25px}
body.app-page .app-hero h1{margin:0;font-size:clamp(42px,5.2vw,70px);font-weight:600;line-height:1.04;letter-spacing:-.055em;text-wrap:initial}
body.app-page .app-hero h1 span{display:block;max-width:14ch;margin-top:18px;font-size:.76em;line-height:1.12;letter-spacing:-.045em}
body.app-page .app-hero-intro{max-width:475px;margin:27px 0 0;color:var(--muted);font-size:16px;line-height:1.8}
body.app-page .app-hero-art{min-width:0;aspect-ratio:4/3;overflow:hidden;background:var(--paper)}
body.app-page .app-hero-image{display:block;width:100%;height:100%;aspect-ratio:4/3;object-fit:contain}

body.app-page .app-introduction{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:32px 65px;border-bottom:1px solid var(--line)}
body.app-page .app-introduction>header{min-width:0;max-width:450px}
body.app-page .app-introduction .section-kicker{margin-bottom:18px}
body.app-page .app-introduction h2{margin:0;font-size:clamp(34px,3.6vw,49px);line-height:1.12}
body.app-page .app-intro-copy{min-width:0}
body.app-page .app-intro-copy p{margin:0 0 19px;color:var(--muted);font-size:15px;line-height:1.85}
body.app-page .app-intro-copy p:first-child{color:var(--ink);font-size:17px;line-height:1.75}
body.app-page .app-intro-copy p:last-child{margin-bottom:0}
body.app-page .app-basics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-column:1 / -1;gap:28px;margin:0;padding-top:24px;border-top:1px solid var(--line)}
body.app-page .app-basics>div{min-width:0}
body.app-page .app-basics dt{margin:0 0 8px;color:var(--muted);font-size:10px;font-weight:600;line-height:1.5;letter-spacing:.1em;text-transform:uppercase}
body.app-page .app-basics dd{margin:0;font-size:14px;font-weight:600;line-height:1.7;overflow-wrap:anywhere}

body.app-page .access-option-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
body.app-page .access-option{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding-top:23px;border-top:2px solid var(--ink)}
body.app-page .access-number{display:grid;place-items:center;width:39px;height:39px;margin-bottom:23px;background:var(--soft);font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1}
body.app-page .access-option:first-child .access-number{background:var(--accent)}
body.app-page .access-option h3{margin:0 0 14px;font-size:26px;font-weight:600;line-height:1.2;letter-spacing:-.035em}
body.app-page .access-option>p{margin:0 0 24px;color:var(--muted);font-size:14px;line-height:1.8}
body.app-page .access-facts{width:100%;margin:auto 0 0}
body.app-page .access-facts>div{padding:13px 0;border-top:1px solid var(--line)}
body.app-page .access-facts>div:last-child{padding-bottom:0}
body.app-page .access-facts dt{margin-bottom:5px;color:var(--ink);font-size:14px;font-weight:600;line-height:1.5}
body.app-page .access-facts dd{margin:0;color:var(--muted);font-size:14px;line-height:1.7}

body.app-page .device-setup{border-top:1px solid var(--line)}
body.app-page .device-setup .section-title{max-width:740px}
body.app-page .setup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
body.app-page .setup-card{min-width:0;padding:31px 32px 28px;border:1px solid var(--line);background:var(--white)}
body.app-page .setup-card:nth-child(2){background:var(--soft)}
body.app-page .setup-label{margin:0 0 17px;color:var(--muted);font-size:10px;font-weight:600;line-height:1.5;letter-spacing:.1em;text-transform:uppercase}
body.app-page .setup-card h3{margin:0 0 16px;font-size:31px;font-weight:600;line-height:1.15;letter-spacing:-.04em}
body.app-page .setup-card>header>p:not(.setup-label){margin:0;color:var(--muted);font-size:14px;line-height:1.8}
body.app-page .setup-steps{counter-reset:setup;list-style:none;margin:25px 0 0;padding:0}
body.app-page .setup-steps>li{position:relative;min-width:0;margin:0;padding:20px 0 20px 44px;border-top:1px solid var(--line);counter-increment:setup}
body.app-page .setup-steps>li::before{content:counter(setup);position:absolute;top:22px;left:0;display:grid;place-items:center;width:27px;height:27px;border:1px solid var(--ink);border-radius:50%;font-size:12px;font-weight:600;line-height:1;font-variant-numeric:tabular-nums}
body.app-page .setup-steps strong{display:block;margin-bottom:6px;font-size:16px;font-weight:600;line-height:1.5}
body.app-page .setup-steps span{display:block;color:var(--muted);font-size:14px;line-height:1.8}
body.app-page .setup-hint{margin:1px 0 17px;padding-top:17px;border-top:1px solid var(--line);color:var(--muted);font-size:14px;line-height:1.8}
body.app-page .setup-source{margin:0;color:var(--muted);font-size:14px;line-height:1.8}
body.app-page .setup-source a{color:var(--ink)}
body.app-page .setup-note{max-width:960px;margin:24px 0 0;color:var(--muted);font-size:14px;line-height:1.8}

body.app-page .app-compatibility{border-top:1px solid var(--line)}
body.app-page .compatibility-rows{border-top:2px solid var(--ink)}
body.app-page .compatibility-row{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1fr) minmax(0,1fr);align-items:start;gap:32px;padding:25px 0;border-bottom:1px solid var(--line)}
body.app-page .compatibility-row h3{margin:0;font-size:23px;font-weight:600;line-height:1.3;letter-spacing:-.03em}
body.app-page .compatibility-row p{min-width:0;margin:0;color:var(--muted);font-size:14px;line-height:1.8}
body.app-page .compatibility-row p>strong{display:block;margin-bottom:5px;color:var(--ink);font-weight:600}
body.app-page .compatibility-note{max-width:960px;margin:24px 0 0;color:var(--muted);font-size:14px;line-height:1.8}

body.app-page .app-session-panel{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:55px;padding:43px 44px;background:var(--ink);color:var(--paper)}
body.app-page .app-session-panel>div{min-width:0}
body.app-page .app-session-panel .section-kicker{margin-bottom:20px;color:var(--accent)}
body.app-page .app-session-panel h2{max-width:410px;margin:0 0 21px;color:var(--paper);font-size:clamp(33px,3.6vw,46px);line-height:1.1}
body.app-page .app-session-panel>div>p:not(.section-kicker){max-width:450px;margin:0;color:#c8cebf;font-size:15px;line-height:1.8}
body.app-page .session-points{min-width:0;margin:0;padding:0;list-style:none}
body.app-page .session-points>li{position:relative;min-width:0;margin:0;padding:0 0 22px 26px}
body.app-page .session-points>li+li{padding-top:22px;border-top:1px solid #555d4e}
body.app-page .session-points>li:last-child{padding-bottom:0}
body.app-page .session-points>li::before{content:"";position:absolute;top:9px;left:0;width:7px;height:7px;background:var(--accent)}
body.app-page .session-points>li+li::before{top:31px}
body.app-page .session-points strong{display:block;margin-bottom:8px;color:var(--paper);font-size:20px;font-weight:600;line-height:1.3;letter-spacing:-.025em}
body.app-page .session-points span{display:block;color:#c8cebf;font-size:14px;line-height:1.8}
body.app-page .app-session-panel a:focus-visible{outline-color:var(--accent)}

body.app-page .install-check-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
body.app-page .install-check-grid>article{min-width:0;padding-top:22px;border-top:1px solid var(--ink)}
body.app-page .install-label{display:block;margin-bottom:21px;color:var(--muted);font-size:10px;font-weight:600;line-height:1.5;letter-spacing:.1em;text-transform:uppercase}
body.app-page .install-check-grid h3{margin:0 0 14px;font-size:24px;font-weight:600;line-height:1.25;letter-spacing:-.035em}
body.app-page .install-check-grid p{margin:0;color:var(--muted);font-size:14px;line-height:1.8}
body.app-page .install-note{margin:28px 0 0;padding:19px 23px;border-left:3px solid var(--ink);background:var(--soft);color:var(--muted);font-size:14px;line-height:1.8}
body.app-page .install-note strong{color:var(--ink)}

body.app-page .app-troubleshooting{border-top:1px solid var(--line)}
body.app-page .app-troubleshooting .section-title{max-width:760px}
body.app-page .device-issue-list{border-top:2px solid var(--ink)}
body.app-page .device-issue{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1fr) minmax(0,1fr);align-items:start;gap:32px;padding:27px 0;border-bottom:1px solid var(--line)}
body.app-page .device-issue h3{min-width:0;margin:0;font-size:22px;font-weight:600;line-height:1.3;letter-spacing:-.03em}
body.app-page .device-issue p{min-width:0;margin:0;color:var(--muted);font-size:14px;line-height:1.8}
body.app-page .device-issue p>strong{display:block;margin-bottom:5px;color:var(--ink);font-weight:600}
body.app-page .device-support{max-width:990px;margin:25px 0 0;color:var(--muted);font-size:14px;line-height:1.8}
body.app-page .app-faq{border-top:1px solid var(--ink)}
body.app-page .app-faq .player-faq{max-width:930px;margin:0 auto}
body.app-page .app-faq .faq-answer{max-width:850px}
body.app-page .app-faq .faq-answer p{font-size:14px}
body.app-page .app-faq .faq-answer p+p{margin-top:12px}

@media(max-width:1100px){
 body.app-page .app-hero{gap:36px;padding-block:22px 32px}
 body.app-page .app-hero h1{font-size:clamp(42px,5.6vw,60px)}
 body.app-page .app-introduction{gap:30px 40px}
 body.app-page .access-option-grid,body.app-page .install-check-grid{gap:25px}
 body.app-page .setup-grid{gap:22px}
 body.app-page .setup-card{padding:27px 26px}
 body.app-page .compatibility-row,body.app-page .device-issue{gap:25px}
 body.app-page .app-session-panel{gap:36px;padding:36px 32px}
}
@media(max-width:800px){
 body.app-page .app-main{padding-top:21px}
 body.app-page .breadcrumbs{margin-bottom:20px}
 body.app-page .app-hero{gap:26px;padding-block:16px 30px}
 body.app-page .app-hero .section-kicker{margin-bottom:19px;font-size:9px}
 body.app-page .app-hero h1{font-size:42px}
 body.app-page .app-hero h1 span{margin-top:14px}
 body.app-page .app-hero-intro{margin-top:22px;font-size:14px}
 body.app-page .app-introduction{grid-template-columns:minmax(0,1fr);gap:26px}
 body.app-page .app-introduction>header{max-width:630px}
 body.app-page .app-introduction h2{font-size:38px}
 body.app-page .app-intro-copy p{font-size:14px}
 body.app-page .app-intro-copy p:first-child{font-size:16px}
 body.app-page .app-basics{gap:23px;padding-top:22px}
 body.app-page .access-option-grid{grid-template-columns:minmax(0,1fr);gap:29px}
 body.app-page .access-option{display:grid;grid-template-columns:46px minmax(0,1fr);column-gap:20px;padding-top:23px}
 body.app-page .access-number{grid-row:1 / 4;margin:0}
 body.app-page .access-option h3{font-size:25px}
 body.app-page .access-option>p{margin-bottom:19px}
 body.app-page .access-facts{grid-column:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;margin:0}
 body.app-page .access-facts>div{padding-bottom:0}
 body.app-page .setup-grid{grid-template-columns:minmax(0,1fr);gap:24px}
 body.app-page .setup-card{padding:29px 30px}
 body.app-page .setup-card>header>p:not(.setup-label){max-width:590px}
 body.app-page .setup-steps>li{padding-left:47px}
 body.app-page .compatibility-row{grid-template-columns:minmax(0,.65fr) minmax(0,1fr);gap:10px 26px}
 body.app-page .compatibility-row h3{grid-row:1 / 3;font-size:22px}
 body.app-page .compatibility-row p{grid-column:2}
 body.app-page .app-session-panel{grid-template-columns:minmax(0,1fr);gap:30px}
 body.app-page .app-session-panel h2{max-width:580px;font-size:38px}
 body.app-page .app-session-panel>div>p:not(.section-kicker){max-width:590px}
 body.app-page .install-check-grid{grid-template-columns:minmax(0,1fr);gap:27px}
 body.app-page .install-label{margin-bottom:12px}
 body.app-page .install-check-grid h3{margin-bottom:11px;font-size:24px}
 body.app-page .device-issue{grid-template-columns:minmax(0,.65fr) minmax(0,1fr);gap:12px 27px}
 body.app-page .device-issue h3{grid-row:1 / 3;font-size:21px}
 body.app-page .device-issue p{grid-column:2}
}
@media(max-width:650px){
 body.app-page .app-hero{grid-template-columns:minmax(0,1fr);gap:27px;margin-bottom:0;padding-block:12px 28px}
 body.app-page .app-hero-copy{max-width:540px}
 body.app-page .app-hero h1{font-size:clamp(42px,8.8vw,58px)}
 body.app-page .app-hero h1 span{max-width:15ch;font-size:.78em}
 body.app-page .app-hero-intro{max-width:510px;font-size:15px;line-height:1.75}
 body.app-page .app-hero-art{width:100%;max-width:540px;justify-self:center}
}
@media(max-width:480px){
 body.app-page .app-hero{gap:24px}
 body.app-page .app-hero h1{font-size:clamp(38px,10vw,47px)}
 body.app-page .app-hero h1 span{margin-top:13px;font-size:.82em}
 body.app-page .app-hero-intro{margin-top:21px;font-size:14px}
 body.app-page .app-introduction h2{font-size:34px}
 body.app-page .app-basics{grid-template-columns:minmax(0,1fr);gap:19px}
 body.app-page .app-basics dt{margin-bottom:5px}
 body.app-page .access-option{grid-template-columns:33px minmax(0,1fr);column-gap:16px}
 body.app-page .access-number{width:33px;height:33px;font-size:11px}
 body.app-page .access-option h3{font-size:24px}
 body.app-page .access-facts{grid-template-columns:minmax(0,1fr);gap:13px}
 body.app-page .setup-card{padding:25px 21px}
 body.app-page .setup-card h3{font-size:28px}
 body.app-page .setup-label{margin-bottom:14px}
 body.app-page .setup-steps{margin-top:23px}
 body.app-page .setup-steps>li{padding:18px 0 18px 37px}
 body.app-page .setup-steps>li::before{top:20px;width:25px;height:25px}
 body.app-page .setup-steps strong{font-size:15px}
 body.app-page .compatibility-row{grid-template-columns:minmax(0,1fr);gap:11px;padding-block:23px}
 body.app-page .compatibility-row h3{grid-row:auto;margin-bottom:2px;font-size:23px}
 body.app-page .compatibility-row p{grid-column:auto}
 body.app-page .app-session-panel{gap:27px;padding:29px 23px 30px}
 body.app-page .app-session-panel h2{font-size:32px;margin-bottom:18px}
 body.app-page .app-session-panel>div>p:not(.section-kicker){font-size:14px}
 body.app-page .session-points>li{padding-left:22px}
 body.app-page .session-points strong{font-size:19px}
 body.app-page .install-note{margin-top:25px;padding:18px 19px}
 body.app-page .device-issue{grid-template-columns:minmax(0,1fr);gap:12px;padding-block:24px}
 body.app-page .device-issue h3{grid-row:auto;margin-bottom:1px;font-size:23px}
 body.app-page .device-issue p{grid-column:auto}
}
@media print{
 body.app-page .app-main{padding-top:0}
 body.app-page .mobile-menu-toggle{display:none!important}
 body.app-page .section-title{margin-bottom:20px}
 body.app-page .section-title h2{font-size:22pt}
 body.app-page .section-title>p:not(.section-kicker){font-size:10pt}
 body.app-page .app-hero{display:block;margin:0 0 18px;padding:15px 0}
 body.app-page .app-hero-copy{max-width:none}
 body.app-page .app-hero h1{font-size:29pt}
 body.app-page .app-hero h1 span{max-width:none;margin-top:8px;font-size:23pt}
 body.app-page .app-hero-intro{max-width:none;font-size:10pt}
 body.app-page .app-hero-art{display:none!important}
 body.app-page .app-introduction{display:block}
 body.app-page .app-introduction>header{max-width:none;margin-bottom:20px}
 body.app-page .app-introduction h2{font-size:22pt}
 body.app-page .app-basics{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:22px;gap:20px}
 body.app-page .access-option-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
 body.app-page .access-option{display:block;padding-top:18px;break-inside:avoid}
 body.app-page .access-number{margin-bottom:15px}
 body.app-page .access-option h3{font-size:15pt}
 body.app-page .access-facts{display:block}
 body.app-page .access-facts>div{padding-block:10px}
 body.app-page .setup-grid{display:block}
 body.app-page .setup-card,body.app-page .setup-card:nth-child(2){margin-bottom:20px;padding:20px;background:#fff;border-color:#aaa}
 body.app-page .setup-card>header{break-inside:avoid;break-after:avoid}
 body.app-page .setup-card h3{font-size:19pt}
 body.app-page .setup-steps{margin-top:18px}
 body.app-page .setup-steps>li{padding-block:15px;break-inside:avoid}
 body.app-page .setup-steps>li::before{top:17px}
 body.app-page .setup-steps strong{font-size:11pt}
 body.app-page .compatibility-row,body.app-page .device-issue{grid-template-columns:minmax(0,.65fr) minmax(0,1fr) minmax(0,1fr);gap:20px;padding-block:18px;break-inside:avoid}
 body.app-page .compatibility-row h3,body.app-page .device-issue h3{grid-row:auto;margin:0;font-size:13pt}
 body.app-page .compatibility-row p,body.app-page .device-issue p{grid-column:auto}
 body.app-page .app-session-panel{display:block;margin-block:20px;padding:20px 0;border-block:1px solid #999;background:#fff;color:#111}
 body.app-page .app-session-panel h2{max-width:none;font-size:22pt;color:#111}
 body.app-page .app-session-panel>div>p:not(.section-kicker){max-width:none;color:#444;font-size:10pt}
 body.app-page .session-points{margin-top:23px}
 body.app-page .session-points>li{break-inside:avoid}
 body.app-page .session-points>li::before{background:#555}
 body.app-page .session-points strong{font-size:13pt}
 body.app-page .app-session-panel :is(p,a,strong,span),body.app-page .app-session-panel .section-kicker{color:#444}
 body.app-page .install-check-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
 body.app-page .install-check-grid>article{break-inside:avoid}
 body.app-page .install-check-grid h3{font-size:15pt}
 body.app-page .install-note{margin-top:20px;padding:15px;background:#fff;border:1px solid #aaa;break-inside:avoid}
 body.app-page .app-faq .player-faq{max-width:none}
 body.app-page .app-faq details{break-inside:avoid}
 body.app-page .app-faq details::details-content{display:block;content-visibility:visible}
 body.app-page .app-faq summary{min-height:0;padding-block:15px;font-size:12pt}
 body.app-page .app-faq summary::after{display:none}
 body.app-page .app-faq details .faq-answer{display:block}
 body.app-page :is(.app-intro-copy,.access-option,.setup-card,.app-compatibility,.app-session-panel,.install-check-grid,.device-issue,.app-faq) p,body.app-page :is(.app-basics dd,.access-facts dt,.access-facts dd,.setup-steps span,.setup-note,.session-points span,.install-note,.device-support){font-size:10pt}
}