/* Shared editorial design. Existing article URLs and content remain static HTML. */
:root{--smg-ink:#203735;--smg-muted:#5a6b67;--smg-green:#173f3b;--smg-paper:#f7f7f1;--smg-line:#dce3da;--smg-sage:#e8ede3;--smg-serif:'Playfair Display',Georgia,serif;--smg-sans:'Inter',Arial,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
.smg-site{margin:0;background:var(--smg-paper);color:var(--smg-ink);font:16px/1.65 var(--smg-sans);-webkit-font-smoothing:antialiased}
.smg-site h1,.smg-site h2,.smg-site h3,.smg-site p,.smg-site figure{margin:0}
.smg-site a{color:inherit;text-decoration:none}
.smg-site img{display:block;max-width:100%;height:auto}
.smg-site button,.smg-site input,.smg-site select{font:inherit}
.smg-site button,.smg-site summary,.smg-site select{cursor:pointer}
.smg-site h1,.smg-site h2{font-family:var(--smg-serif);font-weight:500;letter-spacing:-.045em;line-height:1.12}
.smg-site h1{font-size:clamp(42px,5.2vw,70px)}
.smg-site h2{font-size:clamp(32px,3.5vw,46px)}
.smg-site h3{font-family:var(--smg-sans);font-size:23px;line-height:1.3;font-weight:600;letter-spacing:-.03em}
.smg-site em{font-weight:500;color:#507667}
.smg-site p{color:var(--smg-muted)}
.smg-wrap{width:calc(100% - 80px);max-width:1200px;margin-inline:auto}
.smg-section{padding-block:78px}
.smg-eyebrow{display:block;color:#536d5e;font:600 10px/1.6 var(--smg-sans);letter-spacing:.15em;text-transform:uppercase}
.smg-dot{display:inline-block;width:7px;height:7px;background:#7a9668;border-radius:50%;margin-right:7px}
.smg-button{display:inline-flex;justify-content:center;align-items:center;gap:24px;padding:13px 21px;background:var(--smg-green);color:white!important;border:1px solid var(--smg-green);border-radius:6px;font:600 13px/1.5 var(--smg-sans);text-decoration:none;min-height:48px;transition:background .2s,transform .2s}
.smg-button:hover{background:#28584e;transform:translateY(-1px)}
.smg-button-light{background:transparent;color:var(--smg-green)!important}
.smg-button-light:hover{background:var(--smg-sage)}
.smg-text-link{font:600 13px/1.5 var(--smg-sans);text-decoration:underline!important;text-decoration-color:#bcc8bc!important;text-underline-offset:5px;display:inline-flex;align-items:center;gap:10px;min-height:44px}
.smg-small,.smg-picture-note,.smg-image-note{font:400 11px/1.6 var(--smg-sans);color:var(--smg-muted)}
.smg-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
[hidden]{display:none!important}
:where(a,button,summary,input,select,[tabindex]):focus-visible{outline:3px solid #b2802b;outline-offset:4px}
.smg-skip{position:fixed;top:8px;left:12px;z-index:20000;transform:translateY(-150%);padding:10px 18px;background:white;color:#173f3b}
.smg-skip:focus{transform:none}
.smg-header{background:rgba(247,247,241,.97);border-bottom:1px solid var(--smg-line);position:sticky;top:0;z-index:1000;font-family:var(--smg-sans)}
.smg-header-row{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:87px}
.smg-logo{display:flex;align-items:center;gap:10px;color:var(--smg-ink)!important;text-decoration:none!important;font:600 19px/1.3 var(--smg-serif);white-space:nowrap}
.smg-logo-light{font-weight:500}
.smg-mark{display:grid;place-items:center;width:37px;height:37px;background:var(--smg-green);border-radius:50%;color:#fff;font:27px/1 Georgia}
.smg-logo small{display:block;font:400 9px/1.6 var(--smg-sans);color:var(--smg-muted);letter-spacing:.065em;margin-top:3px}
#smg-navigation{display:flex;align-items:center;gap:27px}
#smg-navigation a{font-size:12px;font-weight:500;color:var(--smg-ink);text-decoration:none;line-height:1.5;padding-block:12px}
#smg-navigation a:hover{text-decoration:underline;text-underline-offset:5px}
#smg-navigation .smg-nav-pick{padding:11px 17px;border:1px solid #aebeb0;border-radius:5px;display:flex;gap:16px}
.smg-menu-toggle{display:none;border:1px solid var(--smg-line);background:none;color:var(--smg-ink);padding:10px 12px;border-radius:5px;font:600 12px var(--smg-sans)}
.smg-hero{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;padding-block:55px 40px}
.smg-hero-copy h1{margin-top:20px;margin-bottom:23px}
.smg-hero-copy>p{font-size:16px;line-height:1.85;max-width:450px}
.smg-hero-actions{display:flex;align-items:center;gap:25px;margin-top:29px}
.smg-hero-meta{display:flex;flex-wrap:wrap;gap:7px 16px;font-size:10px;color:var(--smg-muted);margin-top:25px}
.smg-hero-meta span+span::before{content:'·';margin-right:16px}
.smg-hero-visual{position:relative;align-self:stretch;min-height:410px;padding-bottom:25px}
.smg-hero-visual>img{width:100%;height:100%;min-height:385px;object-fit:cover;object-position:45% center;border-radius:110px 12px 12px 12px}
.smg-hero-pick{position:absolute;bottom:0;left:20px;right:20px;display:flex;align-items:center;gap:17px;padding:17px 20px;background:#fff;border:1px solid var(--smg-line);border-radius:7px;box-shadow:0 10px 30px #163e3610}
.smg-hero-pick>div:first-child{width:72px;flex-shrink:0}
.smg-hero-pick img{width:72px;height:62px;object-fit:contain}
.smg-hero-pick strong{display:block;font-size:14px;margin-block:3px}
.smg-hero-pick span:not(.smg-eyebrow){font-size:10px;color:var(--smg-muted)}
.smg-hero-pick>a{margin-left:auto;border:1px solid var(--smg-line);border-radius:50%;width:38px;height:38px;display:grid;place-items:center}
.smg-orientation{border-block:1px solid var(--smg-line);display:grid;grid-template-columns:repeat(3,1fr);padding:23px 0;gap:30px;margin-top:15px}
.smg-orientation>div{display:flex;align-items:flex-start;gap:15px}
.smg-orientation>div>span{font:500 25px var(--smg-serif);color:#89977b}
.smg-orientation p{font-size:11px;line-height:1.8}
.smg-orientation strong{display:block;color:var(--smg-ink);font-size:13px;margin-bottom:3px}
.smg-disclosure{font-size:10px;text-align:center;margin-top:15px!important}
.smg-disclosure a{text-decoration:underline;text-underline-offset:3px}
.smg-section-heading{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:32px}
.smg-section-heading h2{margin-top:9px}
.smg-section-heading>p{max-width:350px;font-size:14px}
.smg-review-list{display:grid;gap:22px}
.smg-review-card{display:grid;grid-template-columns:245px 1fr;background:#fff;border:1px solid var(--smg-line);border-radius:11px;overflow:hidden;scroll-margin-top:105px}
.smg-review-card.smg-featured{border-color:#839b79}
.smg-card-visual{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#f0f2eb;padding:35px 23px}
.smg-card-visual img{width:195px;height:165px;object-fit:contain;mix-blend-mode:multiply}
.smg-card-visual .smg-picture-note{font-size:9px;text-align:center;max-width:180px;margin-top:15px}
.smg-rank{position:absolute;top:17px;left:18px;font:500 25px/1 var(--smg-serif);color:#839074}
.smg-featured .smg-rank{color:var(--smg-green)}
.smg-card-content{padding:29px 32px}
.smg-card-title{display:flex;justify-content:space-between;gap:20px;align-items:center}
.smg-card-title h3{margin-top:4px}
.smg-card-title h3 a:hover{text-decoration:underline;text-underline-offset:5px}
.smg-price{font:500 25px/1.3 var(--smg-serif);text-align:right;white-space:nowrap}
.smg-price small{display:block;font:400 10px/1.6 var(--smg-sans);color:var(--smg-muted);margin-top:4px}
.smg-card-content>p{font-size:13px;line-height:1.8;margin:15px 0}
.smg-facts{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:18px}
.smg-facts span{font-size:10px;border:1px solid var(--smg-line);padding:4px 9px;border-radius:4px;color:#536658}
.smg-tradeoffs{display:grid;grid-template-columns:1fr 1fr;gap:25px;border-top:1px solid #e7eae3;padding-top:17px}
.smg-tradeoffs strong{font-size:11px;color:var(--smg-ink)}
.smg-tradeoffs p{font-size:12px;line-height:1.7;margin-top:5px}
.smg-card-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px}
.smg-card-actions .smg-button{min-height:42px;font-size:11px;padding:10px 15px}
.smg-card-actions .smg-text-link{font-size:11px}
.smg-gallery{padding:12px 0 31px}
.smg-gallery-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:17px;gap:18px}
.smg-gallery-heading h3{font:500 28px/1.3 var(--smg-serif);margin-top:6px}
.smg-gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.smg-gallery-open{position:relative;display:block;width:100%;padding:0;border:0;background:var(--smg-sage);border-radius:8px;overflow:hidden}
.smg-gallery-open img{width:100%;aspect-ratio:3/2;object-fit:cover;transition:transform .25s}
.smg-gallery-open:hover img{transform:scale(1.025)}
.smg-gallery-grid figcaption{font-size:11px;margin-top:8px;color:var(--smg-muted)}
.smg-expand{position:absolute;right:10px;bottom:10px;border-radius:50%;width:29px;height:29px;display:grid;place-items:center;background:#fff;color:var(--smg-green)}
.smg-compare-section{background:var(--smg-sage)}
.smg-compare-control{display:flex;align-items:center;gap:18px;font-size:13px;margin-bottom:15px}
.smg-compare-control select,.smg-blog-controls select,.smg-blog-controls input{min-height:48px;padding:11px 36px 11px 14px;background:#fff;color:var(--smg-ink);border:1px solid #a8b7a6;border-radius:5px;max-width:100%;font:400 13px var(--smg-sans)}
.smg-table-scroll{max-width:100%;overflow-x:auto;border:1px solid var(--smg-line);border-radius:8px;background:white;overscroll-behavior-x:contain}
.smg-comparison{width:100%;border-collapse:collapse;table-layout:fixed;font-size:13px;background:white}
.smg-comparison th,.smg-comparison td{padding:19px 23px;text-align:left;border-bottom:1px solid var(--smg-line);vertical-align:top;overflow-wrap:anywhere}
.smg-comparison th{font-weight:500}
.smg-comparison thead th{font-size:16px;font-weight:600;padding-block:25px}
.smg-comparison .smg-top-column{background:#f0f4eb}
.smg-comparison thead th:first-child{font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--smg-muted)}
.smg-table-rank{display:block;font-size:11px;font-weight:400;color:var(--smg-muted);margin-bottom:7px}
.smg-comparison a{text-decoration:underline;text-underline-offset:5px}
.smg-comparison.all-products{min-width:1580px}
.smg-table-hint{font-size:10px;margin-bottom:10px!important}
.smg-compare-section .smg-small{margin-top:14px}
.smg-approach{display:grid;grid-template-columns:1fr 1fr;gap:100px}
.smg-approach h2{margin:12px 0 22px}
.smg-approach>div>p{font-size:15px;max-width:430px;margin-bottom:16px}
.smg-principles{display:grid;gap:25px}
.smg-principles>div{border-bottom:1px solid var(--smg-line);padding-bottom:22px}
.smg-principles span{font-size:10px;letter-spacing:.12em;color:var(--smg-muted)}
.smg-principles h3{font-size:19px;margin:7px 0}
.smg-principles p,.smg-principles a{font-size:13px}
.smg-principles a{text-decoration:underline;display:inline-block;margin-top:8px}
.smg-guides{background:#eeeee5}
.smg-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.smg-guide-card{background:#fff;border-radius:8px;border:1px solid var(--smg-line);overflow:hidden;display:block}
.smg-guide-card img{aspect-ratio:3/2;object-fit:cover;width:100%}
.smg-guide-card>div{padding:25px}
.smg-guide-card h3,.smg-guide-card h2{font:500 24px/1.28 var(--smg-serif);letter-spacing:-.03em;margin:11px 0}
.smg-guide-card p{font-size:13px;line-height:1.8;margin-bottom:10px}
.smg-guide-card:hover h3,.smg-guide-card h2 a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.smg-faq{display:grid;grid-template-columns:1fr 1.5fr;gap:70px}
.smg-faq h2{margin-top:12px}
.smg-faq details{border-bottom:1px solid var(--smg-line);padding-block:19px}
.smg-faq details:first-child{padding-top:0}
.smg-faq summary{font-size:15px;font-weight:500;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:36px}
.smg-faq summary::-webkit-details-marker{display:none}
.smg-faq summary::after{content:'+';font-size:23px;font-weight:400}
.smg-faq details[open] summary::after{content:'−'}
.smg-faq details p{font-size:14px;line-height:1.9;margin-top:14px}
.smg-footer{font-family:var(--smg-sans);background:#173b37;color:#eef2e9;padding:50px 0 30px}
.smg-footer a{color:inherit!important;text-decoration:none}
.smg-footer a:hover{text-decoration:underline}
.smg-footer-top{display:flex;justify-content:space-between;gap:50px;padding-bottom:35px}
.smg-footer-logo{font:500 25px var(--smg-serif)}
.smg-footer p{color:#cfdbd3;font-size:12px;line-height:1.9;margin:15px 0 0}
.smg-footer nav{display:grid;grid-template-columns:1fr 1fr;gap:12px 45px;align-content:start;font-size:12px}
.smg-footer-bottom{border-top:1px solid #42615a;padding-top:12px;max-width:1000px}
.smg-footer-bottom p{font-size:10px}
.smg-footer-bottom>span{display:block;font-size:10px;margin-top:23px;color:#cfdbd3}
.smg-lightbox{border:0;padding:0;background:#132e2b;border-radius:10px;color:#fff;max-width:min(1200px,94vw);width:max-content;max-height:92dvh;overflow:auto;box-shadow:0 25px 100px #0008}
.smg-lightbox::backdrop{background:#0b1f1ce8}
.smg-lightbox img{max-height:80dvh;object-fit:contain;max-width:94vw}
.smg-lightbox p{font:13px var(--smg-sans);color:white;text-align:center;padding:16px}
.smg-lightbox-close{position:absolute;right:12px;top:12px;z-index:1;border:0;border-radius:50%;width:44px;height:44px;color:#173f3b;background:white;font:28px var(--smg-sans)}
.smg-breadcrumb{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-top:30px;font-size:11px;color:var(--smg-muted)}
.smg-review-intro{display:grid;grid-template-columns:1fr 1.2fr;gap:65px;align-items:center;padding-block:50px}
.smg-review-intro h1{font-size:52px;margin:13px 0 20px}
.smg-review-intro-visual{background:#edf0e7;border-radius:16px;padding:45px;text-align:center}
.smg-review-intro-visual img{height:260px;width:100%;object-fit:contain;mix-blend-mode:multiply}
.smg-review-intro-visual p{margin-top:20px}
.smg-review-purchase{display:flex;gap:25px;align-items:center;margin:22px 0}
.smg-review-purchase strong{font:500 32px var(--smg-serif)}
.smg-review-purchase span{font-size:12px}
.smg-review-intro .smg-small{margin-top:12px;max-width:400px}
.smg-review-body{display:grid;grid-template-columns:220px minmax(0,1fr);gap:75px;border-top:1px solid var(--smg-line)}
.smg-review-aside{display:flex;flex-direction:column;gap:16px;align-self:start;position:sticky;top:125px;font-size:12px}
.smg-review-aside .smg-eyebrow{margin-bottom:8px}
.smg-prose{max-width:760px}
.smg-prose h2{font-size:32px;margin:42px 0 18px;scroll-margin-top:120px}
.smg-prose h2:first-of-type{margin-top:10px}
.smg-prose h3{font-size:17px;margin-bottom:10px}
.smg-prose p{margin:0 0 20px;line-height:1.9}
.smg-prose a:not(.smg-button){text-decoration:underline;text-underline-offset:4px}
.smg-prose ul{padding-left:20px;line-height:1.9;font-size:13px}
.smg-prose li{margin:12px 0}
.smg-spec-list{margin:25px 0 0;border-top:1px solid var(--smg-line)}
.smg-spec-list>div{display:grid;grid-template-columns:150px 1fr;gap:20px;padding:15px 0;border-bottom:1px solid var(--smg-line);font-size:13px}
.smg-spec-list dt{color:var(--smg-muted)}
.smg-spec-list dd{margin:0}
.smg-review-points{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:24px;background:#ecf0e6;border-radius:7px}
.smg-review-points p{font-size:14px;margin:0}
.smg-page-heading{padding-block:70px 35px;max-width:1200px}
.smg-page-heading h1{margin:14px 0 25px}
.smg-page-heading p{max-width:650px;font-size:16px}
.smg-blog-controls{display:grid;grid-template-columns:2fr 1fr;gap:25px;margin-bottom:17px}
.smg-blog-controls label{display:flex;flex-direction:column;gap:9px;font-size:12px}
.smg-blog-library{padding-top:25px}
#guide-status{margin-bottom:24px}
#guide-empty{padding:40px 0}
.smg-about{margin-inline:auto}
.smg-library-card{border-top:3px solid #93a384}
.smg-library-card[data-category="Sleep health"]{border-top-color:#688b92}
.smg-library-card[data-category="Practical guides"]{border-top-color:#baa67d}
.smg-library-card>div{height:100%;display:flex;flex-direction:column}
.smg-library-card .smg-text-link{margin-top:auto;padding-top:14px}
.smg-review-card,.smg-prose h2{scroll-margin-top:0}
.smg-card-content>p{font-size:14px}
.smg-tradeoffs p{font-size:13px}
.smg-legacy #reading-progress{top:87px!important}
.smg-new-article{padding-top:12px}
.smg-article-figure{margin-bottom:28px!important}
.smg-article-figure img{border-radius:10px;width:100%;max-height:420px;object-fit:cover}
.smg-article-figure figcaption{font-size:10px;color:var(--smg-muted);margin-top:8px}
.smg-article-toc{padding:25px;background:var(--smg-sage);border-radius:8px;margin:25px 0 35px;display:flex;flex-direction:column;gap:9px;font-size:13px}
.smg-article-toc strong{margin-bottom:6px}
.smg-new-article>section{margin-top:36px}
.smg-new-article .smg-small{margin-block:16px}
.smg-device-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:30px}
.smg-device-strip>a{display:flex;flex-direction:column;align-items:center;padding:18px;background:#eef0e7;border-radius:8px;font-size:12px;text-align:center}
.smg-device-strip img{height:120px;width:100%;object-fit:contain;mix-blend-mode:multiply;margin-bottom:12px}
/* Legacy articles inherit the new navigation and visual rhythm. */
.smg-legacy{background:var(--smg-paper)!important;color:var(--smg-ink);padding-bottom:0!important}
.smg-legacy .site-header,.smg-legacy .bottom-nav{display:none!important}
.smg-legacy .blog-post-header,.smg-legacy .article-header,.smg-legacy .blog-hero{background:#edf0e7!important;padding:50px 20px!important}
.smg-legacy h1,.smg-legacy h2{color:var(--smg-ink);font-family:var(--smg-serif);letter-spacing:-.03em}
.smg-legacy .blog-post-content,.smg-legacy .article-content{font-size:17px;line-height:1.9;min-width:0}
.smg-legacy .toc{background:#edf0e7!important;border-color:var(--smg-line)!important}
.smg-legacy .smg-table-scroll{margin:24px 0}
.smg-legacy .smg-table-scroll table{margin:0;width:100%;min-width:570px}
.smg-legacy .smg-table-scroll th,.smg-legacy .smg-table-scroll td{font-size:14px;line-height:1.6}
.smg-legacy .smg-footer p{margin-bottom:0}
.smg-legacy .smg-header a:hover{color:var(--smg-green)}
@media(min-width:1500px){.smg-hero{padding-block:65px 50px}}
@media(max-width:1050px){.smg-wrap{width:calc(100% - 48px)}#smg-navigation{gap:16px}#smg-navigation a{font-size:11px}.smg-logo{font-size:16px}.smg-hero{gap:30px}.smg-hero-actions{gap:14px;flex-wrap:wrap}.smg-hero-visual{min-height:395px}.smg-card-visual{padding-inline:18px}.smg-review-card{grid-template-columns:185px 1fr}.smg-card-content{padding:25px}.smg-approach{gap:50px}.smg-review-body{gap:40px}.smg-hero-pick{left:10px;right:10px;padding:12px;gap:10px}.smg-hero-pick strong{font-size:12px}.smg-hero-pick>div:first-child{width:54px}}
@media(max-width:800px){.smg-header-row{min-height:73px}.smg-menu-toggle{display:flex;gap:9px;align-items:center}.smg-logo{font-size:18px}#smg-navigation{display:none;position:absolute;top:100%;left:0;right:0;background:var(--smg-paper);padding:16px 24px 22px;border-bottom:1px solid var(--smg-line);box-shadow:0 10px 20px #173f3b10}#smg-navigation.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0}#smg-navigation a{font-size:14px;padding:14px 6px}.smg-nav-pick{margin-top:8px}.smg-hero{gap:22px}.smg-hero h1{font-size:48px}.smg-hero-visual{min-height:370px}.smg-hero-pick>div:first-child{display:none}.smg-hero-pick>a{width:30px;height:30px}.smg-hero-meta{font-size:9px}.smg-hero-copy>p{font-size:14px}.smg-section{padding-block:55px}.smg-section-heading{gap:25px}.smg-review-card{grid-template-columns:145px 1fr}.smg-card-visual{padding-inline:10px}.smg-card-visual img{height:140px}.smg-card-title h3{font-size:21px}.smg-price{font-size:22px}.smg-tradeoffs{gap:17px}.smg-guide-grid{gap:15px}.smg-guide-card>div{padding:18px}.smg-guide-card h3,.smg-guide-card h2{font-size:22px}.smg-faq{gap:30px}.smg-review-intro{gap:30px}.smg-review-intro h1{font-size:40px}.smg-review-intro-visual{padding:20px}.smg-review-body{grid-template-columns:1fr}.smg-review-aside{position:static;flex-direction:row;flex-wrap:wrap;gap:10px 20px}.smg-review-aside .smg-eyebrow{width:100%;margin:0}}
@media(max-width:600px){html{scroll-padding-top:85px}.smg-wrap{width:calc(100% - 36px)}.smg-header-row{min-height:70px;gap:10px}.smg-logo{font-size:16px;gap:8px}.smg-logo small{font-size:8px;letter-spacing:.025em}.smg-mark{width:31px;height:31px;font-size:23px}.smg-menu-toggle{font-size:11px;padding:11px 9px}.smg-hero{grid-template-columns:1fr;padding-block:32px 17px;gap:26px}.smg-hero-copy .smg-eyebrow{font-size:9px}.smg-hero h1{font-size:48px;margin:15px 0 17px}.smg-hero-copy>p{font-size:14px;line-height:1.8}.smg-hero-actions{margin-top:20px;gap:12px;flex-wrap:nowrap}.smg-hero-actions .smg-button{font-size:11px;padding:12px 13px;gap:12px}.smg-hero-actions .smg-text-link{font-size:11px}.smg-hero-meta{margin-top:18px;gap:6px 10px;font-size:9px}.smg-hero-meta span+span::before{margin-right:10px}.smg-hero-visual{min-height:0;height:254px;padding-bottom:27px}.smg-hero-visual>img{min-height:0;height:227px;border-radius:65px 9px 9px 9px;object-position:center 37%}.smg-hero-pick{left:10px;right:10px;gap:12px;bottom:0;padding:10px 12px}.smg-hero-pick>div:first-child{display:block;width:49px}.smg-hero-pick img{width:49px;height:45px}.smg-hero-pick strong{font-size:12px}.smg-hero-pick span:not(.smg-eyebrow){font-size:9px}.smg-hero-pick .smg-eyebrow{font-size:8px}.smg-hero-pick>a{width:33px;height:33px}.smg-orientation{gap:15px;padding:18px 0;margin-top:12px;grid-template-columns:1fr}.smg-orientation>div{align-items:center;gap:14px}.smg-orientation strong{display:inline;font-size:11px;margin-right:5px}.smg-orientation p{font-size:10px}.smg-orientation>div>span{font-size:21px}.smg-disclosure{text-align:left;font-size:9px}.smg-section{padding-block:43px}.smg-section-heading{display:block;margin-bottom:24px}.smg-section-heading>p{margin-top:17px;max-width:none;font-size:13px}.smg-section-heading>a{margin-top:12px}.smg-section-heading h2{font-size:33px}.smg-review-list{gap:18px}.smg-review-card{display:block;scroll-margin-top:85px}.smg-card-visual{height:163px;padding:20px 12px 10px}.smg-card-visual img{width:155px;height:118px}.smg-card-visual .smg-picture-note{max-width:100%;font-size:8px;margin-top:2px}.smg-rank{font-size:24px}.smg-card-content{padding:22px 20px}.smg-card-title{gap:14px;align-items:start}.smg-card-title h3{font-size:21px}.smg-card-title .smg-eyebrow{font-size:8px}.smg-price{font-size:22px}.smg-price small{font-size:8px}.smg-card-content>p{font-size:12px;margin:13px 0}.smg-facts{gap:5px;margin-bottom:15px}.smg-facts span{font-size:9px;padding:4px 7px}.smg-tradeoffs{gap:14px}.smg-tradeoffs strong{font-size:10px}.smg-tradeoffs p{font-size:11px}.smg-card-actions{gap:10px;align-items:stretch;flex-direction:column}.smg-card-actions .smg-text-link{font-size:12px;min-height:35px}.smg-card-actions .smg-button{font-size:12px;min-height:44px}.smg-gallery{padding:10px 0 22px}.smg-gallery-heading{align-items:start;flex-direction:column;gap:8px}.smg-gallery-heading h3{font-size:26px}.smg-image-note{font-size:9px}.smg-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.smg-gallery-open img{aspect-ratio:3/4;object-position:45% center}.smg-gallery-grid figcaption{font-size:9px;line-height:1.5}.smg-expand{width:23px;height:23px;bottom:6px;right:6px;font-size:13px}.smg-compare-control{display:flex;flex-direction:column;align-items:stretch;gap:9px;font-size:12px}.smg-compare-control select{width:100%;font-size:13px}.smg-comparison{font-size:11px}.smg-comparison th,.smg-comparison td{padding:13px 10px;line-height:1.6}.smg-comparison thead th{font-size:13px;padding:16px 10px}.smg-comparison th:first-child{width:28%;font-size:10px}.smg-comparison .smg-table-rank{font-size:9px}.smg-small{font-size:10px}.smg-approach{grid-template-columns:1fr;gap:30px}.smg-approach h2{font-size:34px}.smg-approach>div>p{font-size:14px}.smg-principles{gap:20px}.smg-guide-grid{grid-template-columns:1fr}.smg-guide-card img{aspect-ratio:16/9}.smg-guide-card>div{padding:23px}.smg-guide-card h3,.smg-guide-card h2{font-size:26px}.smg-faq{grid-template-columns:1fr;gap:25px}.smg-faq summary{font-size:14px}.smg-faq details p{font-size:13px}.smg-footer{padding-block:35px 25px}.smg-footer-top{flex-direction:column;gap:25px}.smg-footer nav{gap:14px 25px}.smg-lightbox{max-width:96vw}.smg-lightbox img{max-width:96vw}.smg-lightbox p{font-size:11px}.smg-breadcrumb{font-size:10px;padding-top:22px;gap:8px}.smg-review-intro{grid-template-columns:1fr;padding-block:25px 35px;gap:27px}.smg-review-intro-visual{padding:20px}.smg-review-intro-visual img{height:180px}.smg-review-intro-visual p{font-size:10px;margin-top:9px}.smg-review-intro h1{font-size:39px}.smg-review-purchase{flex-wrap:wrap;gap:10px 22px}.smg-review-purchase strong{font-size:29px}.smg-spec-list>div{grid-template-columns:110px 1fr;gap:10px;font-size:12px}.smg-review-points{grid-template-columns:1fr;padding:20px;gap:22px}.smg-prose p{font-size:14px}.smg-prose h2{font-size:29px}.smg-page-heading{padding-block:40px 20px}.smg-page-heading h1{font-size:41px}.smg-page-heading p{font-size:14px}.smg-blog-controls{grid-template-columns:1fr;gap:15px}.smg-blog-controls input{font-size:12px;padding-right:10px}.smg-legacy .blog-post-header,.smg-legacy .article-header{padding:30px 18px!important}.smg-legacy .blog-post-content,.smg-legacy .article-content{font-size:16px;line-height:1.85}.smg-legacy .blog-post-header h1,.smg-legacy .article-header h1{font-size:32px!important}.smg-legacy .smg-wrap{width:calc(100% - 36px)}}
@media(max-width:360px){.smg-hero h1{font-size:43px}.smg-hero-actions{flex-wrap:wrap;gap:5px}.smg-hero-meta{font-size:8px}.smg-card-title{flex-direction:column}.smg-price{text-align:left}.smg-price small{display:inline;margin-left:10px}.smg-tradeoffs{grid-template-columns:1fr}.smg-logo{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media print{.smg-header,.smg-menu-toggle,.smg-lightbox,.smg-footer,.smg-gallery-open .smg-expand{display:none!important}.smg-wrap{width:100%}.smg-review-card{break-inside:avoid}.smg-review-aside{position:static}}
@media(max-width:600px){.smg-card-content>p{font-size:14px}.smg-tradeoffs p{font-size:12px}.smg-tradeoffs strong{font-size:11px}.smg-facts span{font-size:10px}.smg-card-visual .smg-picture-note{font-size:9px}.smg-review-card,.smg-prose h2{scroll-margin-top:0}.smg-legacy #reading-progress{top:70px!important}}

/* Source context and related reading on the reviewed article template. */
.smg-prose ol{padding-left:24px;line-height:1.8;font-size:13px}
.smg-prose .smg-citation{font-size:12px;line-height:1.7;color:var(--smg-muted);border-left:2px solid var(--smg-border);padding-left:14px}
.smg-related{background:var(--smg-sage);padding:26px;border-radius:10px;margin-top:40px}
.smg-related h2{font-size:27px;margin-top:0}
.smg-new-article section,.smg-new-article li[id]{scroll-margin-top:16px}
.smg-page-heading .smg-small{font-size:12px}
.smg-device-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
.smg-device-strip>a{min-width:0;overflow-wrap:anywhere}
.smg-prose .smg-citation{border-color:var(--smg-line)}
@media(max-width:600px){.smg-device-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.smg-device-strip>a{padding:14px;font-size:12px}.smg-device-strip img{height:95px}.smg-related{padding:21px}}

/* Explain the two actions separately from the kit's chin-strap accessory. */
.smg-dual-action{background:var(--smg-green);color:#fff;border-radius:12px;padding:36px;display:grid;grid-template-columns:1fr 1.45fr;gap:30px;margin-block:18px 28px}
.smg-dual-action .smg-eyebrow{color:#c5d8c6}
.smg-dual-heading h3{font-family:var(--smg-serif);font-size:37px;font-weight:500;line-height:1.12;letter-spacing:-.035em;margin:12px 0 18px}
.smg-dual-action p{color:#e0e9de;font-size:14px;line-height:1.75}
.smg-mechanisms{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.smg-mechanism-tag{display:inline-block;color:#d2e8b2;border-bottom:1px solid #739086;padding-bottom:8px;font-size:12px;letter-spacing:.1em}
.smg-mechanisms h4{font-size:19px;line-height:1.35;letter-spacing:-.02em;margin:15px 0 12px;color:#fff}
.smg-mechanisms strong{font-weight:600;color:#fff}
.smg-dual-context{grid-column:1/-1;border-top:1px solid #466a62;padding-top:20px}
.smg-dual-context .smg-text-link{color:#fff;margin-top:12px}
.smg-dual-action .smg-mechanism-source{font-size:11px;color:#c5d8c6;margin:14px 0 0}
.smg-mechanism-source a{text-decoration:underline;text-underline-offset:3px}
.smg-prose .smg-dual-action{display:block;padding:28px}
.smg-prose .smg-dual-heading{margin-bottom:24px}
.smg-prose .smg-dual-action p{margin-bottom:12px}
.smg-prose .smg-dual-context{margin-top:22px}
@media(max-width:800px){.smg-dual-action{grid-template-columns:1fr;gap:24px}.smg-dual-heading h3 br{display:none}.smg-dual-heading h3{max-width:500px}}
@media(max-width:600px){.smg-dual-action,.smg-prose .smg-dual-action{padding:24px 21px}.smg-dual-heading h3{font-size:30px}.smg-mechanisms{grid-template-columns:1fr;gap:24px}.smg-mechanisms h4{font-size:20px}.smg-dual-action p{font-size:14px}.smg-dual-action .smg-mechanism-source{font-size:11px}}