.myopia-page{background:#181a1e;color:#ffffff;padding-top:100px}.myopia-hero{padding:40px 7% 75px;background:radial-gradient(ellipse at 85% 40%,#46464655,transparent 60%)}.myopia-hero-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:7%;align-items:center}.myopia-hero h1{font-size:clamp(3.6rem,6.6vw,7rem);line-height:1.02;letter-spacing:-.06em;margin:30px 0}.myopia-hero h1 em{color:#cbb994}.myopia-intro{font-size:1.4rem;color:#cbb994}.hero-explain{max-width:530px;color:#d2d2d2;font-size:1.1rem;margin-bottom:30px}.focus-poster{position:relative;min-height:470px;border:1px solid #ababab55;background:linear-gradient(140deg,#454545,#1d1d1d);padding:25px 35px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:20px 25px 70px #0004;transform:rotate(-2deg)}.poster-top,.poster-bottom{font-size:.66rem;letter-spacing:.16em;color:#dcdcdc}.focus-poster>div{display:flex;gap:22px;padding:20px 0}.focus-poster>div+div{border-top:1px solid #b0b0b055}.poster-number{font-family:Georgia,serif;color:#cbb994;font-size:1.4rem}.focus-poster strong{font-size:clamp(3rem,5vw,5.8rem);line-height:.95;font-weight:400;letter-spacing:-.045em}.focus-poster em{font-family:Georgia,serif;color:#cbb994}.myopia-jump{display:flex;flex-wrap:wrap;gap:12px 28px;padding:24px 7%;background:#30362f;color:#181a1e;border-bottom:1px solid #7d7d7d}.myopia-jump a{font-size:.85rem;padding:6px 0}.myopia-jump a:hover{text-decoration:underline}.myopia-section{padding:85px 7%;scroll-margin-top:95px}.myopia-section h2{font-size:clamp(2.5rem,4.3vw,4.5rem);line-height:1.08;letter-spacing:-.045em;margin:24px 0 35px}.myopia-section h2 em{font-family:Georgia,serif;font-weight:400}.myopia-section p{font-size:1rem;line-height:1.8;max-width:850px}.myopia-section.paper{background:#ffffff;color:#1e1e1e}.myopia-two{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}.section-intro{color:#c9c9c9}.source-ref,.myopia-section p>a:not(.button){text-decoration:underline;text-underline-offset:3px}.eye-lab{margin:0;padding:25px;background:#1f1f1f;color:#ffffff;border-radius:3px}.lab-heading{display:flex;justify-content:space-between;font-size:.68rem;letter-spacing:.1em;border-bottom:1px solid #ffffff33;padding-bottom:18px}.eye-lab svg{width:100%;height:auto;display:block;margin:25px 0}.eye-lab svg text{font:20px Arial,sans-serif}.lab-controls{display:flex;gap:8px;flex-wrap:wrap}.lab-controls[hidden]{display:none}.lab-controls button{border:1px solid #a2a2a2;padding:12px;font-size:.8rem}.lab-controls button[aria-pressed=true]{background:#30362f;color:#181a1e}.eye-lab figcaption{font-size:.94rem;line-height:1.65;margin-top:20px;min-height:80px}.eye-lab .lab-note{font-size:.74rem;color:#c1c1c1;margin-bottom:0}.method-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:40px}.method-card{background:#252525;border:1px solid #78787866;padding:30px;display:flex;flex-direction:column}.method-tag{font-size:.66rem;letter-spacing:.08em;color:#c4c4c4;line-height:1.5}.method-card h3{font-size:2rem;line-height:1.12;letter-spacing:-.035em;margin:28px 0 18px}.method-card p{font-size:.92rem;color:#d2d2d2}.method-card.featured{background:#30362f;color:#181a1e}.featured p,.featured .method-tag{color:#303030}.method-bottom{border-top:1px solid #8c8c8c77;margin-top:auto;padding-top:22px}.method-bottom strong{font-size:.85rem}.method-bottom p{margin-bottom:0}.atropine{background:#283e3b}.medical-alert{margin-top:30px;border-left:4px solid #c9c9c9;padding:22px 28px;background:#303030}.medical-alert p{margin-bottom:0}.role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}.role-grid article{border-top:1px solid #a0a0a0;padding-top:25px}.role-number{font:italic 3rem Georgia,serif;color:#565656}.role-grid h3{font-size:1.6rem}.measurement{display:grid;grid-template-columns:1fr auto 1fr;gap:40px;align-items:start;background:#e1e1e1;padding:35px;margin:35px 0}.measurement .unit{font:italic 3.5rem Georgia,serif;color:#454545}.measurement h3{font-size:1.2rem;margin-bottom:10px}.measurement-plus{font-size:3rem;align-self:center}.studio-scope{border-top:1px solid #a7a7a7;margin-top:40px;padding-top:30px}.studio-scope h3{font-size:1.5rem}.studio-scope .operational-note{color:#494949;font-size:.8rem}.outdoor{background:#30362f;color:#1e1e1e}.outdoor .outdoor-number{font-size:clamp(3rem,5vw,5rem);line-height:1.1;letter-spacing:-.05em;margin:0 0 25px}.outdoor-number span{display:block;font-size:.9rem;letter-spacing:0;margin-top:12px}.outdoor .outdoor-note{font-size:.8rem}.research-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.research-grid h3{font-size:1.5rem}.evidence-label{display:inline-block;padding:7px 9px;border:1px solid #666666;font-size:.62rem;letter-spacing:.05em}.evidence-label.caution{background:#dadada}.faq-section details{border-top:1px solid #787878;padding:22px 0}.faq-section summary{cursor:pointer;font-size:1.15rem;line-height:1.5}.faq-section details:last-child{border-bottom:1px solid #787878}.faq-section details p{color:#d2d2d2}.sources h2{font-size:2rem}.sources p,.sources li{font-size:.85rem;line-height:1.8}.sources li{padding:8px 0;scroll-margin-top:120px}.sources li a{text-decoration:underline;text-underline-offset:3px}.sources .button{margin-top:20px;background:#1e1e1e;color:#ffffff}.myopia-page :focus-visible{outline:3px solid #a2a2a2;outline-offset:5px}.myopia-page footer{margin-top:0}
@media(min-width:1600px){.myopia-section,.myopia-hero{padding-left:max(7%,calc((100vw - 1450px)/2));padding-right:max(7%,calc((100vw - 1450px)/2))}}
@media(max-width:1100px){.method-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.myopia-hero-grid{gap:35px}.focus-poster{min-height:420px;padding:25px}.myopia-two{gap:30px}.research-grid{gap:20px}}
@media(max-width:760px){.myopia-page{padding-top:85px}.myopia-hero{padding:28px 6% 50px}.myopia-hero-grid,.myopia-two,.role-grid,.research-grid{grid-template-columns:1fr}.myopia-hero h1{font-size:clamp(3.2rem,11vw,5rem)}.focus-poster{transform:none;min-height:0;padding:24px}.focus-poster>div{padding:25px 0}.focus-poster strong{font-size:3.5rem}.myopia-hero .breadcrumb{margin-bottom:28px}.myopia-jump{padding:18px 6%;gap:8px 20px}.myopia-jump a{font-size:.78rem}.myopia-section{padding:55px 6%}.method-grid{grid-template-columns:1fr}.method-card{padding:25px}.measurement{grid-template-columns:1fr;gap:18px;padding:25px}.measurement-plus{display:none}.eye-lab{padding:18px}.role-grid{gap:20px}.research-grid{gap:30px}.medical-alert{padding:20px}.eye-lab figcaption{min-height:0}.myopia-section h2{font-size:2.8rem}.myopia-intro{font-size:1.2rem}}
@media(prefers-reduced-motion:reduce){.myopia-page *{scroll-behavior:auto;animation:none!important;transition:none!important}}