/* Home and Mattress reading components. Match the magazine without changing copy or destinations. */
.wd-reading .wdr-contents{margin:28px 0 36px;padding:0;border-block:1px solid var(--wdd-line);background:#fff;font-family:Arial,sans-serif}
.wdr-contents summary{display:flex;align-items:center;gap:16px;min-height:64px;padding:16px 0;cursor:pointer;list-style:none;color:var(--wdd-ink);font-size:18px}
.wdr-contents summary::-webkit-details-marker{display:none}
.wdr-contents summary::after{content:'+';font-size:24px;line-height:1;margin-left:auto;color:var(--wdd-olive)}
.wdr-contents details[open]>summary::after{content:'−'}
.wdr-contents .wdr-section-count{font-size:12px;color:var(--wdd-muted)}
.wdr-contents ol{display:grid;grid-template-columns:1fr 1fr;gap:4px 28px;list-style:none;counter-reset:wdr-section;margin:0!important;padding:0 0 20px}
.wdr-contents li{counter-increment:wdr-section;display:flex;gap:12px;margin:0;font-size:14px;line-height:1.55;break-inside:avoid}
.wdr-contents li::before{content:counter(wdr-section,decimal-leading-zero);color:var(--wdd-muted);font-size:11px;padding-top:13px;font-variant-numeric:tabular-nums}
.wd-reading .wdr-contents a{display:block;min-height:44px;padding:9px 0;color:var(--wdd-olive);text-decoration:none;overflow-wrap:break-word;word-break:normal}
.wd-reading .wdr-contents a:hover{text-decoration:underline;text-underline-offset:3px}
.wd-reading .entry-content h2[id]{scroll-margin-top:28px}
.wd-reading .entry-content h2[tabindex='-1']:focus{outline:2px solid #77865a;outline-offset:8px}

/* Older editorial cards carry inline colors; only known presentation modules override them. */
.wd-reading .entry-content :is(.jm-cta,.world-sleep-almanac,.jm-shop-the-look,.jm-best-seller-box,.shop-the-look,.best-seller-box){background:var(--wdd-surface)!important;border:1px solid var(--wdd-line)!important;border-radius:0!important;padding:24px!important;margin:28px 0!important;max-width:100%;box-sizing:border-box;display:flow-root;color:var(--wdd-ink)}
.wd-reading .entry-content :is(.jm-cta,.world-sleep-almanac) :is(p,strong,li){color:var(--wdd-ink)!important}
.wd-reading .entry-content :is(.jm-cta,.world-sleep-almanac,.jm-cocon-milieu,.jm-cocon-bas) p::first-letter{float:none!important;font-size:inherit!important;line-height:inherit!important;font-weight:inherit!important;padding:0!important;margin:0!important;color:inherit!important}
.wd-reading .entry-content :is(.jm-cta,.world-sleep-almanac) ul{margin-left:22px}
.wd-reading .entry-content :is(.jm-cta,.world-sleep-almanac) a{color:var(--wdd-olive)!important;text-decoration:underline;text-underline-offset:3px}
.wd-reading .entry-content .jm-cta a[style*='background']{display:inline-flex!important;align-items:center;justify-content:center;min-height:46px;max-width:100%;padding:12px 20px!important;background:var(--wdd-olive)!important;color:#fff!important;border-radius:0!important;text-decoration:none!important;font:600 14px/1.5 Arial,sans-serif;box-sizing:border-box}
.wd-reading .entry-content .jm-cta img{border-radius:0!important}
.wd-reading .entry-content :is(.jm-stl-header,.stl-header,.jm-bs-name,.bs-name){color:var(--wdd-ink);font-family:WDDesign,Georgia,serif;font-weight:400;font-size:24px;line-height:1.25}
.wd-reading .entry-content :is(.jm-stl-subtitle,.stl-subtitle,.jm-bs-desc,.bs-desc){color:var(--wdd-muted)!important;font-size:14px;line-height:1.6}
.wd-reading .entry-content :is(.jm-stl-tag,.stl-tag,.jm-bs-label,.bs-label,.jm-stl-brand,.stl-brand){color:var(--wdd-muted)!important}
.wd-reading .entry-content .jm-stl-tag::before{background:var(--wdd-olive)}
.wd-reading .entry-content :is(.jm-stl-product,.stl-product){border-color:var(--wdd-line)!important;border-radius:0!important;background:transparent;transform:none!important;gap:14px}
.wd-reading .entry-content :is(.jm-stl-product,.stl-product):hover{background:#e8ecdf!important}
.wd-reading .entry-content :is(.jm-stl-name,.stl-name){white-space:normal;overflow:visible;text-overflow:clip;line-height:1.4}
.wd-reading .entry-content :is(.jm-stl-cta,.stl-cta,.jm-bs-cta,.bs-cta){display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;background:var(--wdd-olive)!important;color:#fff!important;border-radius:0!important;font:600 13px/1.4 Arial,sans-serif;box-sizing:border-box;text-decoration:none!important}
.wd-reading .entry-content :is(.jm-stl-thumb,.stl-thumb){border-radius:0!important;background:#e8ecdf}
.wd-reading .entry-content :is(.jm-cocon-milieu,.jm-cocon-bas){margin-block:30px;padding:22px 0;border-block:1px solid var(--wdd-line)}
.wd-reading .entry-content :is(.jm-cocon-milieu,.jm-cocon-bas)>p{margin-bottom:12px;font-weight:600}
.wd-reading .entry-content :is(.jm-cocon-milieu,.jm-cocon-bas) ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:0 24px}
.wd-reading .entry-content :is(.jm-cocon-milieu,.jm-cocon-bas) li{margin:0;border-top:1px solid var(--wdd-line)}
.wd-reading .entry-content :is(.jm-cocon-milieu,.jm-cocon-bas) a{display:block;min-height:44px;padding-block:9px;font-size:14px;line-height:1.6;color:var(--wdd-olive);text-decoration:none}
.wd-reading .entry-content :is(.jm-cocon-milieu,.jm-cocon-bas) a:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:700px){
 .wdr-contents ol{grid-template-columns:1fr;gap:2px}.wdr-contents summary{font-size:17px;min-height:60px}.wd-reading .wdr-contents{margin-block:24px}
 .wd-reading .entry-content :is(.jm-cta,.world-sleep-almanac,.jm-shop-the-look,.jm-best-seller-box,.shop-the-look,.best-seller-box){padding:20px 18px!important}
 .wd-reading .entry-content :is(.jm-cocon-milieu,.jm-cocon-bas) ul{grid-template-columns:1fr}
}
@media(max-width:480px){
 .wd-reading .entry-content :is(.jm-stl-product,.stl-product){display:grid!important;grid-template-columns:56px minmax(0,1fr);gap:8px 12px}
 .wd-reading .entry-content :is(.jm-stl-cta,.stl-cta){grid-column:2;justify-self:start;white-space:normal;font-size:12px;min-height:40px}
 .wd-reading .entry-content :is(.jm-stl-info,.stl-info){min-width:0}
 .wd-reading .entry-content .jm-pick>img{float:none!important;display:block;width:100%!important;max-width:100%!important;max-height:240px;object-fit:cover;margin:0 0 18px!important}
}