/* Detailed SchoolMeridian mobile usage guide. */
.mobile-guide-hero-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(210px,.7fr);align-items:center;gap:80px}
.mobile-guide-hero .section-kicker{margin-top:32px;margin-bottom:0;color:#177e78;font-size:.72rem;letter-spacing:.13em;font-weight:800}
.mobile-guide-hero h1{font-size:clamp(2.7rem,4.8vw,4.8rem)}
.mobile-guide-hero-phone{max-width:260px;justify-self:center;margin:0}
.mobile-guide-hero-phone a{display:block;padding:10px;background:#082b44;border-radius:28px;box-shadow:0 25px 55px #05264220;overflow:hidden;cursor:zoom-in}
.mobile-guide-hero-phone img{display:block;width:100%;height:auto;border-radius:19px}
.mobile-guide-hero-phone figcaption{text-align:center;color:#627489;font-size:.75rem;line-height:1.6;margin-top:14px}
.mobile-guide-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.mobile-guide-tags span{font-size:.72rem;color:#176e65;background:#e2f2ed;border:1px solid #cde5dc;padding:7px 11px;border-radius:6px}
.mobile-guide-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:65px;align-items:start;padding-block:64px}
.mobile-guide-nav{position:sticky;top:100px;display:flex;flex-direction:column;border:1px solid #e0e9ef;border-radius:14px;padding:20px;gap:5px;background:#fff}
.mobile-guide-nav>span{font-size:.66rem;letter-spacing:.1em;font-weight:800;color:#627489;padding:8px 10px 13px}
.mobile-guide-nav a{display:block;padding:10px;font-size:.82rem;color:#234459;text-decoration:none;border-radius:6px}.mobile-guide-nav a:hover{background:#eaf6f2;color:#087b70}
.mobile-guide-content{min-width:0;max-width:1040px}.mobile-guide-section{padding-bottom:50px;margin-bottom:48px;border-bottom:1px solid #e2ebf1;scroll-margin-top:105px}
.mobile-guide-section h2,.mobile-guide-support h2{font-size:clamp(1.65rem,2.5vw,2.35rem);letter-spacing:-.035em;font-weight:800;line-height:1.2;color:#092b43;margin:14px 0 22px}
.mobile-guide-section>p,.mobile-guide-support>p{color:#5f7285;line-height:1.85;font-size:.96rem;max-width:850px}
.mobile-platform-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:28px}.mobile-platform-grid article{border:1px solid #dce8ee;border-radius:15px;padding:28px;background:#f7fafc;min-width:0}.mobile-platform-grid article>i{font-size:1.8rem;color:#148c81}.mobile-platform-grid h3{font-size:1.15rem;font-weight:750;margin:18px 0 14px}.mobile-platform-grid p{color:#5f7285;font-size:.88rem;line-height:1.8}.mobile-platform-grid a{font-size:.85rem}
.mobile-guide-steps{padding-left:25px;margin:25px 0 30px}.mobile-guide-steps li{padding:0 0 14px 8px;color:#425e72;font-size:.93rem;line-height:1.85}.mobile-guide-steps li::marker{font-weight:800;color:#138c81}
.mobile-guide-note{border-left:4px solid #169b8b;background:#eef7f4;padding:22px 25px;border-radius:0 12px 12px 0;color:#173e4f}.mobile-guide-note p{font-size:.88rem;line-height:1.85;margin:10px 0 0;color:#4c6877}
.mobile-guide-screens{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;align-items:start}.mobile-guide-screens figure{min-width:0;margin:0;max-width:280px}.mobile-guide-screens a{display:block;position:relative;padding:8px;background:#0a243b;border-radius:22px;box-shadow:0 10px 25px #05264215;overflow:hidden;cursor:zoom-in}.mobile-guide-screens img{display:block;width:100%;height:auto;border-radius:15px;aspect-ratio:1080/2364}.mobile-guide-screens a>span{position:absolute;right:12px;bottom:12px;background:#082b44ee;color:#fff;font-size:.67rem;padding:6px 9px;border-radius:6px}.mobile-guide-screens figcaption{font-size:.8rem;line-height:1.6;font-weight:650;color:#425e72;margin-top:13px}
.mobile-guide-section details{border:1px solid #dce8ee;border-radius:10px;margin:12px 0;background:#fbfdfe}.mobile-guide-section summary{cursor:pointer;padding:20px;font-size:.95rem;font-weight:700;color:#173b50}.mobile-guide-section details p{padding:0 20px 20px;margin:0;color:#5f7285;line-height:1.85;font-size:.9rem}
.mobile-guide-support{padding:35px;border-radius:18px;background:#edf6f7;border:1px solid #d9e9ec}.mobile-guide-layout a:focus-visible,.mobile-guide-layout summary:focus-visible,.mobile-guide-hero a:focus-visible{outline:3px solid #159b90;outline-offset:4px}
@media(max-width:1100px){.mobile-guide-layout{grid-template-columns:180px minmax(0,1fr);gap:30px}.mobile-guide-hero-grid{gap:35px}.mobile-guide-screens{gap:16px}.mobile-platform-grid{grid-template-columns:1fr}}
@media(max-width:760px){.mobile-guide-hero{padding-block:48px}.mobile-guide-hero-grid{grid-template-columns:1fr}.mobile-guide-hero-phone{max-width:220px}.mobile-guide-layout{display:block;padding-block:30px}.mobile-guide-nav{position:static;flex-direction:row;overflow-x:auto;padding:10px;gap:5px;margin-bottom:38px}.mobile-guide-nav>span{display:none}.mobile-guide-nav a{white-space:nowrap;flex:0 0 auto}.mobile-guide-screens{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px}.mobile-guide-section{margin-bottom:35px;padding-bottom:35px}.mobile-guide-support{padding:25px}.mobile-guide-section{scroll-margin-top:90px}}
@media(max-width:360px){.mobile-guide-screens{grid-template-columns:1fr}.mobile-guide-screens figure{justify-self:center}}