.guide-phone-figure{margin:34px auto 12px;max-width:300px}.guide-device{width:100%;max-width:300px;margin:auto;transform:none}.guide-phone-figure figcaption{font:600 13px/1.55 var(--display);color:var(--muted);text-align:center;margin:20px -10px 0}.guide-comparison{margin:28px 0 16px;border:1px solid #d7cbbd;border-radius:20px;overflow-x:auto;background:#fffaf2}.guide-comparison table{border-collapse:collapse;min-width:560px;width:100%;font:600 14px/1.5 var(--display);table-layout:fixed}.guide-comparison caption{text-align:left;padding:20px 18px 8px;font:850 22px/1.25 var(--display)}.guide-comparison th,.guide-comparison td{text-align:left;vertical-align:top;padding:17px 15px;border-bottom:1px solid #e0d6ca;overflow-wrap:anywhere;white-space:normal}.guide-comparison th[scope=col]{font-weight:850;background:#eeeede}.guide-comparison thead th:first-child{width:29%}.guide-comparison th:nth-child(2),.guide-comparison td:nth-child(2){background:#f1f3e9}.guide-comparison tbody tr:last-child>*{border-bottom:0}.article-body .guide-source{font:500 13px/1.6 var(--display);color:var(--muted);margin-top:16px}.guide-source a{font-weight:750}.article-body .guide-source+p{margin-top:22px}.guide-comparison:focus-visible{outline:3px solid #8a5167;outline-offset:4px}.guide-phone-figure+.note{margin-top:30px}
.sleep-question{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.92fr);gap:32px;align-items:start;padding-top:12px}.sleep-question-copy p{font-size:19px;line-height:1.7}.sleep-question-visual{display:grid;gap:24px;padding-top:4px}.guide-graph{margin:0}.guide-graph img{display:block;width:100%;height:auto;border-radius:9px;box-shadow:0 10px 24px #493c3c0d}.guide-graph figcaption{font:600 12px/1.5 var(--display);color:var(--muted);margin-top:10px}.comparison-plan{display:block}.comparison-plan+.comparison-plan{border-top:1px solid #d7cbbd;margin-top:14px;padding-top:14px}.comparison-plan strong,.comparison-plan>span,.comparison-plan small{display:block}.comparison-plan strong{font-weight:850;margin-bottom:4px}.comparison-plan small{font-size:12px;line-height:1.5;margin-top:4px;color:var(--muted)}
@media(max-width:1100px){.sleep-question{grid-template-columns:1fr;gap:24px}.sleep-question-visual{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.sleep-question-visual:has(.guide-graph:only-child){grid-template-columns:minmax(0,440px)}}
@media(max-width:760px){.guide-phone-figure{max-width:275px;margin-top:30px}.guide-phone-figure figcaption{margin-left:0;margin-right:0}.guide-comparison{border-radius:16px;margin-left:0;margin-right:0}.guide-comparison table{min-width:0;font-size:13px}.guide-comparison th,.guide-comparison td{padding:14px 8px}.guide-comparison caption{font-size:21px}.sleep-question-visual{grid-template-columns:1fr;max-width:440px;width:100%;margin:auto}.sleep-question-copy p{font-size:19px}.guide-graph figcaption{font-size:12px}.comparison-plan small{font-size:11px}}
@media(max-width:360px){.guide-phone-figure{max-width:235px}.guide-comparison th,.guide-comparison td{padding-inline:6px}}
.guide-clusters{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px;font:750 14px/1.45 var(--display)}
.guide-clusters a{padding:10px 16px;border:1px solid var(--line);border-radius:24px;text-decoration:none;background:#f2eee5}
.guide-clusters a:hover{background:#e6eadd}
.guide-topic{padding:34px 0 50px;scroll-margin-top:25px;border-top:1px solid var(--line)}
.guide-topic>h2{font-size:32px;margin-bottom:25px}
.guide-topic .guide-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.guide-topic .guide-card{padding:27px;background:#f1eee7;border-radius:22px}
.guide-topic .guide-card:nth-child(3n+2){background:#e9ecdf}
.guide-topic .guide-card:nth-child(3n){background:#ece7ed}
.guide-topic .guide-card h3{font-size:26px;line-height:1.2}
.guide-topic .guide-card p{font-size:17px;line-height:1.6;margin-top:16px}
.guide-topic .text-link{font:800 14px/1.5 var(--display);margin-top:22px;display:block}
.article-body li+li{margin-top:12px}.article-body ul,.article-body ol{padding-left:24px;margin:22px 0}
.article-body strong{font-weight:700}.article-body h3{font-size:24px;line-height:1.3;margin:28px 0 14px}
.article-sources{border-top:1px solid var(--line);padding:30px 0;font:500 15px/1.65 var(--display)}
.article-sources h2{font-size:23px}.article-sources ul{padding-left:20px}
.article-section{scroll-margin-top:24px}.article-cta .cta-row{margin-top:24px}.article-cta .store-badge{margin-top:0}
.sleep-timer-scenes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:center;background:#ebe7ef;border-radius:24px;padding:28px;margin:30px 0}
.sleep-timer-scenes:has(.watch-figure):not(.three-scenes){grid-template-columns:minmax(0,1fr) minmax(0,.7fr)}
.sleep-timer-scenes figure{margin:0}.sleep-timer-scenes .apple-device{width:100%;max-width:250px;margin:auto}
.sleep-timer-scenes .watch{max-width:145px}.sleep-timer-scenes figcaption{font:600 13px/1.5 var(--display);text-align:center;margin-top:15px}
.sleep-timer-scenes.three-scenes{grid-template-columns:minmax(0,1fr) minmax(0,.64fr) minmax(0,1fr);gap:18px}.sleep-timer-scenes:has(figure:only-child){grid-template-columns:1fr}.sleep-timer-scenes:has(figure:only-child)>figure{width:100%;margin:auto}
@media(max-width:580px){.sleep-timer-scenes.three-scenes{grid-template-columns:1fr;gap:30px}.sleep-timer-scenes.three-scenes>figure{width:100%;max-width:250px;margin:auto}.sleep-timer-scenes.three-scenes .watch-figure{display:flex;align-items:center;gap:20px;max-width:300px}.sleep-timer-scenes.three-scenes .watch{width:120px;flex:0 0 120px}.sleep-timer-scenes.three-scenes .watch-figure figcaption{text-align:left;margin:0}}
@media(max-width:1100px){.guide-topic .guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{grid-template-columns:160px minmax(0,1fr);gap:30px}}
@media(max-width:760px){.guide-topic .guide-grid{grid-template-columns:1fr}.guide-topic{padding-bottom:32px}.guide-topic>h2{font-size:29px}.guide-clusters{font-size:13px;gap:8px}.guide-clusters a{padding:8px 12px}.article-toc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.article-toc .eyebrow{grid-column:1/-1}.article-toc a{font-size:14px;line-height:1.5;padding:7px 0}.article-body{line-height:1.7}.article-section h2{line-height:1.25}.article-body .note{padding:22px}.article-cta{padding:25px}.sleep-timer-scenes{gap:18px;padding:20px}.guide-topic .guide-card{padding:25px}}
@media(max-width:390px){.article-toc{grid-template-columns:1fr}.sleep-timer-scenes{padding:16px;gap:12px}.sleep-timer-scenes figcaption{font-size:12px}.guide-hero h1{font-size:38px}}
@media(max-width:360px){.sleep-timer-scenes,.sleep-timer-scenes:has(.watch-figure):not(.three-scenes){grid-template-columns:1fr;gap:26px}.sleep-timer-scenes .guide-phone-figure{max-width:235px;margin:auto}}
/* Pair each access point with its explanation on phones. */
@media(max-width:580px){
  .guide-card{min-width:0}
  .sleep-timer-scenes.three-scenes>figure,.sleep-timer-scenes.three-scenes .watch-figure{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:16px;max-width:none}
  .sleep-timer-scenes.three-scenes .apple-device{width:100%;max-width:145px}
  .sleep-timer-scenes.three-scenes .watch{width:100%;max-width:110px}
  .sleep-timer-scenes.three-scenes figcaption{text-align:left;margin:0;font-size:14px;line-height:1.5}
}

.article-body .note-plus{background:#493e52;color:#fff5e8;border:1px solid #a68ba04d;box-shadow:0 2px 6px #30233918}.note-plus a,.note-plus .guide-source{color:inherit}.note-plus summary{color:#fff5e8}.note-plus:focus-within{outline:2px solid #b98ba7;outline-offset:4px}
.legal-body{padding-bottom:72px;max-width:82ch}.legal-body h2{font-size:clamp(28px,3.4vw,36px);line-height:1.25;margin:48px 0 20px}.legal-body h3{margin:36px 0 16px}.legal-body .legal-metadata{font:500 13px/1.6 var(--display);color:var(--muted);margin:0 0 28px}.legal-body p+h2,.legal-body ul+h2{margin-top:48px}