@media(max-width:1130px){.nav-wrap{gap:16px}.brand img{width:175px}.main-nav{gap:10px}.main-nav a{font-size:.8rem}.help-link{display:none}.hero-grid{gap:30px}.section-layout{gap:30px}.article-grid{gap:35px}}
@media(max-width:900px){.menu-toggle{display:grid}.nav-wrap{min-height:70px}.brand img{width:184px}.main-nav{display:none;position:absolute;top:100%;left:0;right:0;z-index:30;margin:0;padding:16px 24px 25px;background:#fff;box-shadow:0 15px 25px #173F4320;border-bottom:1px solid var(--line);grid-template-columns:repeat(2,1fr);gap:8px}.main-nav.open{display:grid}.main-nav a{font-size:.95rem;padding:11px 8px;border:0;border-radius:8px}.main-nav a[aria-current="page"]{background:var(--shell)}.nav-actions{margin-left:auto}.hero-grid,.section-hero-grid{grid-template-columns:1fr}.hero-visual{max-width:660px}.hero-copy h1{max-width:800px}.scenario-grid{grid-template-columns:repeat(2,1fr)}.scenario:nth-child(1){grid-row:span 1;min-height:240px}.scenario:nth-child(1) .s-art{display:none}.feature-grid,.latest-faq{gap:35px}.method-strip{grid-template-columns:repeat(2,1fr)}.gallery-grid{grid-template-columns:repeat(2,1fr)}.gallery-card:first-child{grid-column:span 2}.gallery-card:first-child img{aspect-ratio:2.3}.section-layout{grid-template-columns:1fr}.section-panel{display:none}.article-grid{grid-template-columns:1fr}.article-aside{position:static;grid-row:1;padding:0}.article-aside details summary{display:list-item;cursor:pointer;padding:15px 20px;color:var(--ink);font-weight:700}.article-aside details nav{padding:0 20px 16px}.article-aside>.aside-group{display:none}.article-aside h2{display:none}.footer-grid{grid-template-columns:repeat(2,1fr)}.about-grid{grid-template-columns:1fr;gap:20px}}
@media(max-width:640px){.container{width:min(calc(100% - 32px),var(--max))}.block{padding:59px 0}.section-head{display:block}.section-head p{margin-top:12px}.home-hero{padding:48px 0 59px}.hero-copy h1{font-size:clamp(2.45rem,12vw,4rem)}.hero-actions{margin-bottom:23px}.hero-actions .button{width:100%}.hero-visual{margin-top:8px}.scenario-grid{grid-template-columns:1fr;gap:10px}.scenario,.scenario:nth-child(1){min-height:155px;padding:21px}.scenario:nth-child(1){order:1}.scenario:nth-child(2){order:2}.scenario:nth-child(3){order:3}.scenario:nth-child(4){order:4}.scenario:nth-child(5){order:5}.scenario:nth-child(6){order:6}.scenario h3{font-size:1.35rem;margin:8px 0}.scenario p{font-size:.85rem;max-width:300px}.feature-grid,.latest-faq,.compare-row{grid-template-columns:1fr}.feature-main .inside{padding:22px}.feature-main h3{font-size:1.45rem}.question-list{grid-template-columns:1fr}.method-strip{grid-template-columns:1fr 1fr}.method{padding:20px}.method span{font-size:1.5rem}.method h3{font-size:1rem;margin:10px 0 6px}.method p{font-size:.77rem}.compare>div{padding:17px}.compare strong{font-size:.95rem}.gallery-grid{grid-template-columns:1fr}.gallery-card:first-child{grid-column:auto}.gallery-card:first-child img{aspect-ratio:1.45}.safety-band{grid-template-columns:1fr;padding:25px;gap:10px}.safety-band img{max-width:280px}.section-hero{padding:15px 0 42px}.section-hero h1{font-size:2.65rem}.section-feature{grid-template-columns:1fr!important}.section-feature img{order:0!important;min-height:0;aspect-ratio:1.8}.section-feature>div{padding:24px}.section-theme-visual-lessons .section-list{grid-template-columns:1fr}.section-entry{grid-template-columns:34px 1fr 16px;padding:17px;gap:7px}.article-top h1{font-size:2.45rem}.article-grid{gap:24px}.article-prose{font-size:1rem}.article-prose h2{font-size:1.45rem}.prev-next,.related-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:24px}.footer-brand{grid-column:span 2}.footer-bottom{display:block}.footer-bottom p+p{margin-top:10px}.search-panel{padding:18px}.search-form{display:block}.search-form .button{width:100%;margin-top:8px}.main-nav{grid-template-columns:1fr 1fr}.about-grid{padding-bottom:65px}}
@media(max-width:375px){.brand img{width:160px}.nav-wrap{gap:8px}.nav-actions{gap:5px}.hero-copy h1{font-size:2.3rem}.footer-grid{grid-template-columns:1fr 1fr}.method-strip{grid-template-columns:1fr}.method p{font-size:.85rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
@media(max-width:900px){.scenario{grid-column:auto!important;grid-row:auto!important}.brand img{width:184px;height:58px}}@media(max-width:640px){.brand img{width:170px;height:54px}}@media(max-width:375px){.brand img{width:154px}}
@media(max-width:900px){.main-nav .mobile-extra{display:block}.section-layout>div>.section-panel{display:block}}