/* Mattress education content uses the MCI Beds layout inside the FAHCenter shell. */
.sleep-education{--accent:#f47920;--muted:#596879;--line:#dce3e9;--soft:#f3f5f7;--pad:clamp(24px,5.6vw,72px);font-size:1rem;line-height:1.75;color:var(--ink);background:#fff;min-width:0}
.sleep-education :is(section,div,figure,article){min-width:0}
.sleep-education :is(figure,h1,h2,h3,p){margin:0}
.sleep-education :is(h1,h2,h3){font-family:var(--head);font-weight:500;letter-spacing:-.045em;line-height:1.1;text-wrap:balance}
.sleep-education h1{font-size:clamp(2.75rem,4.8vw,4.5rem)}
.sleep-education h2{font-size:clamp(2.25rem,3.2vw,3.5rem)}
.sleep-education h3{font-size:1.5rem;line-height:1.3;font-weight:600;letter-spacing:-.03em}
.sleep-education p{max-width:62ch;color:var(--muted)}
.sleep-education :is(a,button,summary):focus-visible{outline:3px solid var(--accent);outline-offset:5px}
.sleep-education [id]{scroll-margin-top:170px}
.sleep-education .section{padding:104px var(--pad)}
.sleep-education .eyebrow{display:block;font-size:.75rem;font-weight:650;letter-spacing:.09em;text-transform:none;color:#a04407;margin-bottom:22px}
.sleep-education .button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 25px;background:var(--accent);color:var(--ink);border:1px solid var(--accent);border-radius:2px;font-size:.9375rem;font-weight:650;letter-spacing:0;line-height:1.75;transition:background .2s,border-color .2s}
.sleep-education .button:hover{background:#ed7017;border-color:#ed7017}
.sleep-education .button.secondary{background:transparent;border-color:#a5b3c0;color:var(--ink)}
.sleep-education .button.secondary:hover{background:#edf2f7;border-color:var(--ink)}
.sleep-education .actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.sleep-education .guide-intro{padding:56px var(--pad) 30px}
.sleep-education .guide-intro h1{max-width:20ch}
.sleep-education .guide-intro>p{margin-top:22px;max-width:70ch;font-size:1.0625rem}
.sleep-education .guide-nav{display:flex;flex-wrap:wrap;gap:12px 26px;padding:0 var(--pad) 30px;font-size:.9375rem}
.sleep-education .guide-nav a{display:inline-flex;align-items:center;min-height:44px;padding:6px 0;border-bottom:1px solid #a8b7c7;font-weight:600;line-height:1.5}
.sleep-education .guide-nav a:hover{color:#994206;border-color:var(--accent)}
.sleep-education .beds-hero{display:grid;grid-template-columns:minmax(0,1fr);gap:48px;padding:6px var(--pad) 48px;background:#fff;color:var(--ink);align-items:start}
.sleep-education .hero-copy{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 48px;max-width:none;min-height:0;padding:0;align-items:start;justify-content:normal;grid-column:1;grid-row:1}
.sleep-education .hero-copy .eyebrow{grid-column:1/-1}
.sleep-education .hero-copy h2{grid-column:1;grid-row:2/4;font-size:clamp(2rem,3.2vw,3.6rem);max-width:none}
.sleep-education .hero-copy p{grid-column:2;grid-row:2;margin:0;max-width:44ch;color:var(--muted);font-size:1rem;line-height:1.85}
.sleep-education .hero-copy .actions{grid-column:2;grid-row:3;margin-top:24px}
.sleep-education .intro-strip{padding:24px var(--pad);display:flex;justify-content:space-between;align-items:center;gap:25px;border-bottom:1px solid var(--line);background:var(--soft);font-size:.875rem}
.sleep-education .intro-strip>span{color:var(--muted)}
.sleep-education .intro-strip strong{font-weight:600}
.sleep-education .section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:48px}
.sleep-education .section-head h2{max-width:17ch}
.sleep-education .section-head p{color:var(--muted);max-width:38ch}
.sleep-education .mattress-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:6%;align-items:center}
.sleep-education .guide-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.sleep-education .responsive-photo{display:block;height:auto}
.sleep-education .guide-photo figcaption{margin-top:15px;font-size:.8125rem;line-height:1.6;color:var(--muted)}
.sleep-education .feature-copy h2{max-width:20ch}
.sleep-education .feature-intro{margin-top:24px;font-size:1.0625rem;line-height:1.85}
.sleep-education .benefit-list{margin:30px 0 0}
.sleep-education .benefit-list>div{padding:18px 0;border-top:1px solid var(--line)}
.sleep-education .benefit-list dt{font:650 1.0625rem/1.5 var(--head)}
.sleep-education .benefit-list dd{margin:7px 0 0;color:var(--muted)}
.sleep-education .feature-note{margin-top:20px;padding-left:17px;border-left:3px solid var(--accent);font-size:.875rem;color:var(--muted)}
.sleep-education .feature-note a,.sleep-education .mattress-faq a{text-decoration:underline;text-underline-offset:4px}
.sleep-education .coir-feature{background:var(--ink);color:#fff;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}
.sleep-education .coir-feature .eyebrow{color:#ffae71}
.sleep-education .coir-feature :is(.feature-intro,dd,.feature-note,figcaption){color:#d9e3ed}
.sleep-education .coir-feature .benefit-list>div{border-color:#466078}
.sleep-education .reference-heading{padding-top:34px;border-top:1px solid var(--line)}
.sleep-education .reference-heading>p{margin-top:12px;max-width:70ch}
.sleep-education .reference-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;margin-top:28px}
.sleep-education .reference-card{padding:30px;background:var(--soft);border-top:3px solid var(--accent);display:flex;flex-direction:column;align-items:flex-start}
.sleep-education .reference-card h3{margin-top:15px}
.sleep-education .reference-card p{margin-top:16px}
.sleep-education .reference-note{font-size:.875rem;max-width:100ch;margin-top:24px}
.sleep-education .size-guide{background:var(--soft)}
.sleep-education .size-panel{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:8%;align-items:center}
.sleep-education .size-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:30px 0 25px}
.sleep-education .size-tabs button{border:1px solid #a8b7c7;border-radius:2px;background:transparent;color:var(--ink);min-height:48px;padding:10px 16px;font-size:.875rem}
.sleep-education .size-tabs button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}
.sleep-education .size-info{border-top:1px solid var(--line);padding-top:24px}
.sleep-education .size-info p{margin-top:12px}
.sleep-education .guide-note{margin-top:20px;font-size:.875rem}
.sleep-education .size-graphic{position:relative;background:#fff;min-height:350px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--line);border-top:4px solid var(--accent);padding:32px 16px 60px;text-align:center}
.sleep-education .big-dimension{font:500 clamp(3.25rem,5vw,5.5rem)/1 var(--head);letter-spacing:-.06em;white-space:nowrap}
.sleep-education .dimension-label{font-size:.8125rem;letter-spacing:.1em;margin-top:20px;text-transform:none}
.sleep-education .size-graphic small{position:absolute;bottom:24px;left:16px;right:16px;font-size:.75rem;color:var(--muted)}
.sleep-education .mattress-faq{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:8%;background:#fff;border-bottom:1px solid var(--line)}
.sleep-education .mattress-faq .section-head{margin:0;align-items:start}
.sleep-education .faq-list{border-top:1px solid #becbd8}
.sleep-education details{padding:23px 0;border-bottom:1px solid #ccd6e0}
.sleep-education summary{list-style:none;display:flex;justify-content:space-between;gap:30px;cursor:pointer;font:600 1rem/1.65 var(--head)}
.sleep-education summary::-webkit-details-marker{display:none}
.sleep-education summary:after{content:'+';font-size:1.4rem;font-weight:400;line-height:1.3}
.sleep-education details[open] summary:after{content:'−'}
.sleep-education details p{padding-top:16px;font-size:1rem}
.sleep-education .guide-sources ul{padding-left:21px;color:var(--muted);font-size:1rem}
.sleep-education .guide-sources li+li{margin-top:10px}
.sleep-education .split-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8%;align-items:center}
.sleep-education .showroom-photo{height:auto;background:transparent}
.sleep-education .showroom-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.sleep-education .split-copy h2{max-width:14ch}
.sleep-education .split-copy p{margin-top:24px}
.sleep-education .contact{padding:85px var(--pad);background:var(--ink);color:#fff;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:10%;text-align:left}
.sleep-education .contact h2{max-width:15ch;color:#fff}
.sleep-education .contact .eyebrow{color:#ffae71}
.sleep-education .contact p{color:#d5e1ec;max-width:42ch;margin-top:24px}
.sleep-education .contact-details{align-self:center;padding-top:27px;border-top:2px solid var(--accent)}
.sleep-education .contact-label{font-size:.75rem;letter-spacing:.12em;text-transform:none;color:#d5e1ec}
.sleep-education .phone-pair{display:flex;flex-direction:column;gap:2px;margin:13px 0 25px}
.sleep-education .phone-pair a{font:500 clamp(1.8rem,2.8vw,2.8rem)/1.4 var(--head);letter-spacing:-.04em}
.sleep-education .contact-email{display:inline-block;padding-bottom:5px;border-bottom:1px solid #ffffff70;font-size:1.05rem;overflow-wrap:anywhere}
html[lang=zh-Hans] .sleep-education :is(h1,h2,h3){font-weight:600;letter-spacing:.01em;line-height:1.25}
html[lang=zh-Hans] .sleep-education h1{font-size:clamp(2.5rem,4.5vw,4rem)}
html[lang=zh-Hans] .sleep-education h2{font-size:clamp(2rem,3vw,3rem)}
@media(max-width:1150px){.sleep-education .section{padding-top:80px;padding-bottom:80px}}
@media(max-width:900px){.sleep-education .beds-hero{gap:32px;padding-bottom:32px}.sleep-education .hero-copy{display:flex;flex-direction:column;gap:0}.sleep-education .hero-copy p{max-width:60ch;margin-top:20px}.sleep-education .mattress-feature,.sleep-education .coir-feature{grid-template-columns:minmax(0,1fr);gap:36px}.sleep-education .guide-photo{max-width:720px;width:100%}.sleep-education .coir-feature .guide-photo{grid-row:1}.sleep-education .feature-copy h2{max-width:22ch}.sleep-education .benefit-list{margin-top:25px}.sleep-education .reference-card{padding:24px}}
@media(max-width:760px){.sleep-education{--pad:24px}.sleep-education h1{font-size:clamp(2.1rem,8.5vw,3rem)}.sleep-education h2,.sleep-education .hero-copy h2,html[lang=zh-Hans] .sleep-education h2{font-size:clamp(1.75rem,7vw,2.25rem)}.sleep-education h3{font-size:1.375rem}.sleep-education .section{padding-top:60px;padding-bottom:60px}.sleep-education .guide-intro{padding-top:36px;padding-bottom:22px}.sleep-education .guide-nav{gap:6px 20px;padding-bottom:24px;font-size:.875rem}.sleep-education .button{padding:11px 19px;min-height:47px}.sleep-education .actions{gap:10px}.sleep-education .intro-strip{flex-direction:column;align-items:flex-start;gap:7px;padding-top:21px;padding-bottom:21px}.sleep-education .section-head{flex-direction:column;align-items:flex-start;gap:22px;margin-bottom:30px}.sleep-education .section-head p{max-width:48ch}.sleep-education .feature-intro{font-size:1rem;line-height:1.8}.sleep-education .size-panel,.sleep-education .split-section,.sleep-education .mattress-faq{grid-template-columns:minmax(0,1fr);gap:32px}.sleep-education .size-tabs button{padding:10px 13px}.sleep-education .size-graphic{min-height:280px}.sleep-education .big-dimension{font-size:clamp(2.65rem,12vw,3.6rem)}.sleep-education .dimension-label{font-size:.75rem}.sleep-education .contact{grid-template-columns:minmax(0,1fr);gap:38px;padding-top:60px;padding-bottom:60px}.sleep-education .phone-pair a{font-size:2rem}.sleep-education .contact-email{font-size:1rem}html[lang=zh-Hans] .sleep-education h1{font-size:clamp(2rem,8vw,2.75rem)}}
@media(max-width:600px){.sleep-education .reference-grid{grid-template-columns:minmax(0,1fr);gap:20px}.sleep-education .reference-heading{padding-top:26px}}
@media(max-width:380px){.sleep-education{--pad:20px}.sleep-education .phone-pair a{font-size:1.8rem}}
@media(prefers-reduced-motion:reduce){.sleep-education *,.sleep-education *:before,.sleep-education *:after{transition:none!important;animation:none!important}}