:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:#e5f2ea;background:#0c1718}*{box-sizing:border-box}body{margin:0}a{color:#b5edce;text-decoration:none}a:hover{text-decoration:underline}a:focus-visible{outline:2px solid #9fe9c4;outline-offset:3px}header,main,footer{width:min(1080px,calc(100% - 32px));margin:auto}header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;padding:22px 0;border-bottom:1px solid #304d43}.logo{font-size:22px;font-weight:800;color:#d0f5e4}nav{display:flex;gap:15px;flex-wrap:wrap;font-size:13px}main{min-height:65vh;padding:18px 0 42px}.crumb{font-size:12px;display:flex;gap:9px;flex-wrap:wrap;color:#a0baaa;margin:17px 0 25px}.kicker{font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#8dcda9}h1{font-size:clamp(30px,4vw,45px);letter-spacing:-1.1px;margin:12px 0 15px}h2{font-size:23px;margin:30px 0 13px}.lede{color:#abc6b9;font-size:15px;line-height:1.7;max-width:780px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.tile{display:block;border:1px solid #2c4b40;background:#152725;padding:17px;border-radius:14px;min-width:0}.tile:hover{text-decoration:none;background:#1c3430;border-color:#76ab92}.tile strong{display:block;font-size:15px;line-height:1.4;color:#e1f8ea}.tile p{font-size:12.5px;color:#a7bfb0;line-height:1.55}.tile small{font-size:11px;color:#92c2a8}.note,.playerbox{border:1px solid #345446;background:#142b28;border-radius:15px;padding:19px;margin:21px 0;font-size:13px;line-height:1.65;color:#bcddc9}.warn{border-color:#655841;background:#282820}.playerbox audio{display:block;width:100%;max-width:780px;margin:17px 0}.btn{display:inline-block;padding:11px 14px;border-radius:11px;border:1px solid #6eac8c;background:#234735;color:#e0f4e7;margin:7px 7px 7px 0;font-size:13px}.btn:hover{text-decoration:none;background:#2f5943}.tag{display:inline-block;border:1px solid #456c57;color:#acd4bd;border-radius:30px;padding:4px 10px;font-size:11px}.future{display:flex;gap:8px;flex-wrap:wrap}.future span{display:inline-block;color:#a8bcb0;border:1px solid #3c5548;background:#1a2c2b;border-radius:9px;padding:8px;font-size:12px}footer{padding:26px 0 70px;border-top:1px solid #304d43;color:#88a79a;font-size:12px;line-height:1.7}@media(max-width:780px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:530px){.grid{grid-template-columns:minmax(0,1fr)}nav{gap:11px}nav a{font-size:12px}header{padding:16px 0}h1{font-size:32px}.note,.playerbox{padding:15px}}
/* Audio transparency / documentation */
.wnc-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0 24px}
.wnc-facts div{border:1px solid #385849;border-radius:11px;background:#172c28;padding:13px}
.wnc-facts dt{font-size:12px;color:#98c1aa;margin:0 0 6px}
.wnc-facts dd{font-size:14px;margin:0;line-height:1.5;color:#e5f6e9;overflow-wrap:anywhere}
.wnc-related{display:flex;flex-wrap:wrap;gap:8px}
.wnc-related a{white-space:normal}
@media(max-width:580px){.wnc-facts{grid-template-columns:1fr}}

/* Relaxing Sounds intent collection — readable on deep routes and small screens */
.relax-page{max-width:1080px}
.relax-page h2{letter-spacing:-.035em}
.relax-page h3{font-size:17px;line-height:1.4;margin:0}
.relax-page p{line-height:1.72}
.relax-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:clamp(16px,3vw,32px);align-items:stretch;margin:19px 0 36px}
.relax-hero-copy{position:relative;background:radial-gradient(circle at 90% 5%,#2b574555,transparent 51%),linear-gradient(145deg,#142b28,#101f22);border:1px solid #426c55;border-radius:20px;padding:clamp(22px,4vw,39px);min-width:0}
.relax-hero h1{font-size:clamp(38px,5.5vw,66px);line-height:1.02;letter-spacing:-.06em;margin:20px 0}
.relax-intro{font-size:clamp(16px,1.7vw,19px);color:#e0f1e7;max-width:570px}
.relax-subcopy{font-size:14px;color:#b1cbbb}
.relax-hero-chips{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}
.relax-hero-chips span{border:1px solid #547863;background:#1e3c34;border-radius:30px;padding:7px 11px;font-size:11px;color:#c8e4d4}
.relax-jump{display:inline-flex;align-items:center;gap:12px;color:#b7ebcc;font-size:13px;font-weight:750;margin-top:6px}
.relax-jump span{font-size:19px}
.relax-player{margin:0;background:linear-gradient(155deg,#223b34,#122521);border-color:#52745f;border-radius:20px;padding:clamp(19px,3vw,28px);min-width:0}
.relax-player h2{font-size:clamp(25px,3vw,33px);margin:20px 0 12px}
.relax-player p{color:#bcd9c9}
.relax-player audio{width:100%;max-width:100%;margin:22px 0}
.relax-live-status{display:inline-flex;align-items:center;gap:10px;border:1px solid #4e795e;border-radius:12px;background:#15332a;padding:10px 13px;color:#c8ebd4!important;font-size:13px}
.relax-live-status::before{content:"";width:7px;height:7px;flex:none;border-radius:50%;background:#a4dcb9}
.relax-player-foot{font-size:12px;color:#a9c7b6!important}
.relax-heading{max-width:780px;margin:0 0 22px}
.relax-heading h2{font-size:clamp(25px,3.8vw,36px);line-height:1.2;margin:12px 0 10px}
.relax-heading p{color:#b3cfc0;font-size:14px}
.relax-how,.relax-library,.relax-guide,.relax-faq,.relax-next{margin:43px 0 56px;scroll-margin-top:20px}
.relax-moment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.relax-moment-grid>div{border:1px solid #325245;background:#142a27;border-radius:17px;padding:20px;min-width:0}
.relax-moment-grid h3{margin:15px 0 6px}
.relax-moment-grid p{color:#b6ccbd;font-size:13px;margin:0}
.relax-moment-num{display:inline-flex;align-items:center;justify-content:center;border:1px solid #426d54;background:#234739;color:#cdecd9;font-size:11px;font-weight:800;border-radius:50%;width:31px;height:31px}
.relax-section-label{display:flex;justify-content:space-between;gap:20px;align-items:baseline;margin:31px 0 13px;border-bottom:1px solid #365747;padding-bottom:10px}
.relax-section-label h3{font-size:19px}
.relax-section-label p{margin:0;font-size:12px;color:#a2bfad;max-width:490px}
.relax-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.relax-card{display:flex;flex-direction:column;min-width:0;gap:10px;background:#132825;border:1px solid #355443;border-radius:17px;padding:20px;transition:border-color .12s ease}
.relax-card:has(.relax-listen[aria-current=true]){border-color:#a6ddbb;background:#1b3930}
.relax-card-header{display:flex;align-items:center;gap:14px}
.relax-card-header h3{font-size:18px;color:#e0f5e7}
.relax-card-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;flex:none;background:#284538;border-radius:14px;color:#c4e4d0;font-size:26px;font-weight:800}
.relax-water .relax-card-icon{background:#1c464b;color:#b0e4e8}
.relax-fire .relax-card-icon{background:#48342b;color:#efc5a6}
.relax-noise .relax-card-icon{background:#403449;color:#dfc5e8}
.relax-rain .relax-card-icon{background:#283c50;color:#bed4ee}
.relax-card p{margin:0;color:#b8cec2;font-size:13px}
.relax-card .relax-mood{font-size:12px;color:#95c6ae}
.relax-provenance{font-size:11px;color:#a0bcab}
.relax-card-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:auto;padding-top:10px}
.relax-listen{display:inline-flex;align-items:center;justify-content:center;border:1px solid #7bbf95;background:#2a5940;color:#e9f8ef;border-radius:11px;padding:11px 15px;min-height:44px;font-weight:750;font-size:13px}
.relax-listen:hover,.relax-listen:focus-visible{background:#386b4e;text-decoration:none}
.relax-listen.is-active,.relax-listen[aria-current=true]{background:#b7e8c9;border-color:#b7e8c9;color:#102e20}
.relax-details{font-size:12px;color:#b3e6c7}
.relax-compare-foot{border-left:3px solid #638c72;background:#162b26;color:#c4d9ca;border-radius:0 12px 12px 0;padding:13px 17px;font-size:12px;line-height:1.75;margin-top:21px}
.relax-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.relax-guide-grid>div{background:#152824;border:1px solid #335245;border-radius:16px;padding:20px}
.relax-guide-grid h3{color:#def2e5;margin:0 0 7px}
.relax-guide-grid p{color:#acc6b5;font-size:13px;margin:0}
.relax-truth{margin:23px 0;border:1px solid #667654;background:#272e24;border-radius:15px;padding:18px 22px}
.relax-truth strong{color:#e4eedc;font-size:14px}
.relax-truth p{font-size:13px;color:#c9d1be;margin:8px 0 0}
.relax-faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.relax-faq details{background:#142824;border:1px solid #355542;border-radius:14px;padding:17px}
.relax-faq summary{font-weight:700;font-size:14px;color:#e2f3e8;cursor:pointer;line-height:1.55}
.relax-faq details p{font-size:13px;margin:13px 0 0;color:#accbb8}
.relax-next-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.relax-next-grid a{display:flex;flex-direction:column;gap:12px;border:1px solid #3d6650;border-radius:16px;padding:19px;background:#1a3029}
.relax-next-grid a:hover{text-decoration:none;background:#254437}
.relax-next-grid strong{font-size:16px;color:#e7f5eb}
.relax-next-grid span{font-size:12px;color:#b4d7c0}
@media(max-width:850px){.relax-hero{grid-template-columns:1fr}.relax-hero h1{font-size:clamp(38px,7vw,54px)}}
@media(max-width:650px){.relax-moment-grid,.relax-next-grid{grid-template-columns:1fr}.relax-section-label{display:block}.relax-section-label p{margin-top:6px}.relax-guide-grid,.relax-faq-grid{grid-template-columns:1fr}}
@media(max-width:510px){.relax-page{min-width:0}.relax-hero-copy,.relax-player{padding:19px}.relax-card-grid{grid-template-columns:1fr}.relax-card{padding:17px}.relax-card-actions{gap:10px}.relax-hero-chips span{padding:6px 10px}.relax-how,.relax-library,.relax-guide,.relax-faq,.relax-next{margin:32px 0 40px}}

/* Adult sleep intent collection */
.sleep-collection{max-width:1080px}
.sleep-collection h2{letter-spacing:-.035em}
.sleep-collection h3{font-size:17px;line-height:1.4;margin:0}
.sleep-collection p{line-height:1.72}
.sleep-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:clamp(16px,3vw,30px);align-items:stretch;margin:19px 0 40px}
.sleep-hero-copy{min-width:0;padding:clamp(22px,4vw,40px);border:1px solid #55748b;border-radius:20px;background:radial-gradient(circle at 95% 10%,#4d647b55,transparent 48%),linear-gradient(145deg,#1c2935,#101f25)}
.sleep-hero h1{font-size:clamp(35px,5.3vw,62px);line-height:1.07;letter-spacing:-.058em;margin:20px 0}
.sleep-lead{font-size:clamp(16px,1.7vw,19px);color:#e1eaf2}
.sleep-hero-note{color:#b6cbd3;font-size:13px}
.sleep-feature-pills{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}
.sleep-feature-pills span{border:1px solid #4e7384;background:#1d3845;border-radius:30px;padding:7px 11px;font-size:11px;color:#c5e0e7}
.sleep-explore{display:inline-flex;align-items:center;gap:10px;margin-top:4px;color:#c7e5f2;font-size:13px;font-weight:750}
.sleep-explore span{font-size:18px}
.sleep-player{min-width:0;margin:0;border-color:#55748b;border-radius:20px;background:linear-gradient(155deg,#263948,#12252b);padding:clamp(20px,3vw,29px)}
.sleep-player h2{font-size:clamp(25px,3vw,32px);margin:19px 0 11px}
.sleep-player p{color:#bfd1d9}
.sleep-player audio{width:100%;max-width:100%;margin:21px 0}
.sleep-live-line{display:inline-flex;align-items:center;gap:10px;padding:9px 13px;border:1px solid #507a86;background:#193543;border-radius:12px;color:#d6edf2!important;font-size:13px}
.sleep-live-line::before{content:"";width:7px;height:7px;border-radius:50%;background:#a8d8e1}
.sleep-player-note{font-size:12px}
.sleep-quick,.sleep-compare,.sleep-practical,.sleep-faq,.sleep-next{margin:44px 0 57px;scroll-margin-top:20px}
.sleep-section-head{max-width:800px;margin-bottom:22px}
.sleep-section-head h2{font-size:clamp(25px,3.7vw,36px);line-height:1.19;margin:12px 0 10px}
.sleep-section-head p{font-size:14px;color:#bdcfd4}
.sleep-quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.sleep-quick-grid>div{padding:20px;min-width:0;border:1px solid #345869;background:#152a31;border-radius:16px}
.sleep-quick-grid h3{margin:14px 0 7px;color:#e5f3f5}
.sleep-quick-grid p{margin:0;color:#b4cbd1;font-size:13px}
.sleep-step{display:inline-flex;align-items:center;justify-content:center;width:31px;height:31px;border-radius:50%;background:#274657;border:1px solid #558095;color:#cee7ed;font-size:11px;font-weight:800}
.sleep-group-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;border-bottom:1px solid #36535e;margin:28px 0 13px;padding-bottom:10px}
.sleep-group-heading h3{font-size:19px}
.sleep-group-heading p{max-width:490px;margin:0;font-size:12px;color:#abc4ca}
.sleep-sound-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.sleep-sound-card{display:flex;flex-direction:column;gap:11px;min-width:0;background:#142830;border:1px solid #355461;border-radius:16px;padding:18px}
.sleep-sound-card:has(.sleep-instant[aria-current=true]){border-color:#b8dee8;background:#1e3d49}
.sleep-sound-head{display:flex;align-items:center;gap:12px}
.sleep-sound-head h3{font-size:17px;color:#e3f5f7}
.sleep-tone-symbol{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;flex:none;background:#264957;color:#d4edf2;font-size:25px;font-weight:800}
.sleep-tone-pink .sleep-tone-symbol{background:#493a52;color:#efd5ed}
.sleep-tone-brown .sleep-tone-symbol{background:#44392e;color:#edd8bb}
.sleep-sound-tag{color:#a8c5d3!important;font-size:12px!important;margin:2px 0 0}
.sleep-sound-card>p{color:#b5ccd1;margin:0;font-size:13px;flex:1}
.sleep-sound-origin{color:#9fbcc4;font-size:11px}
.sleep-sound-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding-top:9px}
.sleep-instant{display:inline-flex;align-items:center;justify-content:center;border:1px solid #6babc1;background:#285169;color:#e6f7fa;border-radius:10px;min-height:44px;padding:10px 13px;font-size:13px;font-weight:750}
.sleep-instant:hover{text-decoration:none;background:#366b82}
.sleep-instant.is-active,.sleep-instant[aria-current=true]{border-color:#c6ecf5;background:#bde9f4;color:#163442}
.sleep-details{font-size:12px;color:#b5e4ef}
.sleep-compare-note{border-left:3px solid #648da2;background:#192e36;border-radius:0 11px 11px 0;padding:15px 18px;margin-top:23px;font-size:12px;color:#c4d7db;line-height:1.7}
.sleep-tips-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.sleep-tips-grid>div{border:1px solid #34515e;background:#142a31;border-radius:16px;padding:20px}
.sleep-tips-grid h3{margin:0 0 7px;color:#e5f2f5}
.sleep-tips-grid p{margin:0;color:#b3cbd0;font-size:13px}
.sleep-transparency{margin:24px 0;padding:19px 22px;background:#253239;border:1px solid #60778a;border-radius:15px}
.sleep-transparency strong{color:#e0edf4;font-size:14px}
.sleep-transparency p{font-size:13px;color:#b9cdd4;margin:7px 0 0}
.sleep-faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.sleep-faq details{background:#152a31;border:1px solid #365564;border-radius:14px;padding:18px}
.sleep-faq summary{cursor:pointer;line-height:1.5;font-weight:700;font-size:14px;color:#e4f2f6}
.sleep-faq details p{font-size:13px;color:#aecbd3;margin:13px 0 0}
.sleep-next-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.sleep-next-grid a{display:flex;flex-direction:column;gap:12px;border:1px solid #3b6374;border-radius:16px;background:#1b323d;padding:19px}
.sleep-next-grid a:hover{text-decoration:none;background:#284858}
.sleep-next-grid strong{font-size:16px;color:#e4f3f6}
.sleep-next-grid span{font-size:12px;color:#bbd8df}
@media(max-width:860px){.sleep-hero{grid-template-columns:1fr}.sleep-hero h1{font-size:clamp(36px,7vw,54px)}}
@media(max-width:760px){.sleep-sound-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.sleep-quick-grid,.sleep-next-grid{grid-template-columns:1fr}.sleep-tips-grid,.sleep-faq-grid{grid-template-columns:1fr}.sleep-group-heading{display:block}.sleep-group-heading p{margin-top:7px}}
@media(max-width:510px){.sleep-collection{min-width:0}.sleep-hero-copy,.sleep-player{padding:19px}.sleep-sound-grid{grid-template-columns:1fr}.sleep-sound-card{padding:17px}.sleep-quick,.sleep-compare,.sleep-practical,.sleep-faq,.sleep-next{margin:33px 0 40px}.sleep-feature-pills span{padding:6px 10px}}

/* Baby Sleep Sounds: caregiver-first, low-stimulus visual language */
.baby-page{max-width:1080px}
.baby-page h2{letter-spacing:-.035em}
.baby-page h3{font-size:17px;line-height:1.4;margin:0}
.baby-page p{line-height:1.72}
.baby-hero{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:clamp(14px,3vw,26px);align-items:stretch;margin:20px 0 45px}
.baby-hero-copy{background:radial-gradient(circle at 90% 15%,#335c5055,transparent 52%),linear-gradient(155deg,#1d3432,#101f22);border:1px solid #4d776a;border-radius:20px;min-width:0;padding:clamp(23px,4vw,38px)}
.baby-hero h1{font-size:clamp(36px,5.6vw,65px);line-height:1.04;letter-spacing:-.06em;margin:18px 0 22px}
.baby-hero-lead{font-size:clamp(16px,1.7vw,19px);color:#e0f2e8}
.baby-hero-detail{font-size:13px;color:#bbd2c7}
.baby-pill-row{display:flex;flex-wrap:wrap;gap:8px;margin:21px 0}
.baby-pill-row span{font-size:11px;border:1px solid #56776a;background:#204237;color:#d7ebde;padding:7px 11px;border-radius:30px}
.baby-jump{display:inline-flex;align-items:center;gap:10px;font-weight:750;font-size:13px;margin-top:4px}
.baby-jump span{font-size:18px}
.baby-safety{min-width:0;background:#282c24;border:1px solid #858363;border-radius:20px;padding:clamp(19px,3vw,27px)}
.baby-safety-tag{display:inline-flex;background:#464b33;border:1px solid #858e67;border-radius:30px;padding:6px 12px;font-weight:800;font-size:11px;color:#f0f4d8}
.baby-safety h2{font-size:clamp(24px,2.9vw,32px);line-height:1.24;margin:17px 0 16px;color:#f1f5e5}
.baby-safety-list{counter-reset:baby;list-style:none;margin:0;padding:0}
.baby-safety-list li{margin:0;padding:13px 0 14px 32px;border-top:1px solid #565c44;position:relative;font-size:13px;line-height:1.7;color:#d6decb}
.baby-safety-list li:before{counter-increment:baby;content:counter(baby);position:absolute;left:0;top:13px;font-size:12px;font-weight:900;color:#dce7c1}
.baby-safety-list strong{color:#f2f5e6}
.baby-safety-cite{font-size:11px;color:#d6e0c8;margin:16px 0 0}
.baby-safety-cite a{color:#d4f2d9;text-decoration:underline;text-underline-offset:3px}
.baby-player-wrap,.baby-choices,.baby-routine,.baby-faq,.baby-related{margin:38px 0 52px;scroll-margin-top:20px}
.baby-section-title{max-width:780px;margin:0 0 20px}
.baby-section-title h2{font-size:clamp(25px,3.8vw,35px);line-height:1.25;margin:12px 0}
.baby-section-title p{font-size:14px;color:#bcd3c6}
.baby-player{margin:0;background:linear-gradient(145deg,#182e2a,#11221f);border:1px solid #517962;border-radius:19px;padding:clamp(20px,3vw,29px)}
.baby-player-copy h3{font-size:20px;margin:14px 0 6px;color:#e4f5e8}
.baby-player-copy p{font-size:13px;color:#b9d2c3}
.baby-player audio{width:100%;max-width:100%}
.baby-live-status{display:inline-flex;align-items:center;gap:10px;border:1px solid #567e6a;border-radius:11px;background:#1e4031;padding:10px 13px;color:#e0f2e7!important;font-size:12px}
.baby-live-status:before{content:"";width:7px;height:7px;background:#a5d2b8;flex:none;border-radius:50%}
.baby-player-caution{font-size:12px;color:#bad2c1}
.baby-sound-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.baby-sound-card{display:flex;flex-direction:column;gap:12px;background:#152b26;border:1px solid #3b6150;border-radius:16px;padding:20px;min-width:0}
.baby-sound-card:has(.baby-compare[aria-current=true]){background:#1e4134;border-color:#acdcc0}
.baby-sound-header{display:flex;gap:12px;align-items:center}
.baby-sound-header h3{font-size:17px;color:#e6f6ed}
.baby-sound-symbol{display:inline-flex;align-items:center;justify-content:center;flex:none;width:43px;height:43px;border-radius:12px;background:#2b5747;color:#d2efe1;font-weight:800;font-size:25px}
.baby-tone-pink .baby-sound-symbol{background:#514254;color:#f2ddea}
.baby-tone-rain .baby-sound-symbol{background:#2d4d60;color:#cde3ed}
.baby-sound-summary{font-size:12px;color:#a8cab6;margin:3px 0 0}
.baby-sound-card>p{font-size:13px;color:#b5cdbd;margin:0;flex:1}
.baby-sound-origin{font-size:11px;color:#9dbfab}
.baby-sound-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:auto;padding-top:8px}
.baby-compare{min-height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #86bd9c;border-radius:10px;padding:11px 14px;background:#2a5a40;color:#f0faef;font-size:13px;font-weight:800}
.baby-compare:hover{text-decoration:none;background:#3b6d4d}
.baby-compare.is-active,.baby-compare[aria-current=true]{background:#c4efd3;border-color:#c4efd3;color:#173525}
.baby-sound-details{font-size:12px;color:#b0e5c5}
.baby-choice-foot{background:#172d26;border-left:3px solid #8bb59c;border-radius:0 12px 12px 0;padding:14px 18px;font-size:12px;color:#c1d7c9;margin:22px 0 0}
.baby-routine-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.baby-routine-grid>div{border:1px solid #375849;background:#142c25;border-radius:16px;padding:20px;min-width:0}
.baby-step{display:inline-flex;width:31px;height:31px;border:1px solid #5e8973;background:#26503b;color:#d1ebdc;border-radius:50%;align-items:center;justify-content:center;font-size:11px;font-weight:800}
.baby-routine-grid h3{margin:14px 0 7px;color:#e9f5e9}
.baby-routine-grid p{margin:0;font-size:13px;color:#b9d0c2}
.baby-technical{margin:22px 0;background:#22372f;border:1px solid #536f60;border-radius:15px;padding:20px}
.baby-technical strong{font-size:14px;color:#e7f4e7}
.baby-technical p{font-size:13px;color:#bfcfc1;margin:8px 0 0}
.baby-faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.baby-faq details{background:#142d26;border:1px solid #3e5f4e;border-radius:15px;padding:18px}
.baby-faq summary{font-weight:750;cursor:pointer;line-height:1.6;color:#e4f2e6;font-size:14px}
.baby-faq details p{font-size:13px;margin:12px 0 0;color:#b7cdbd}
.baby-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.baby-related-grid a{display:flex;flex-direction:column;gap:12px;border-radius:16px;border:1px solid #436d57;background:#19352a;padding:20px}
.baby-related-grid a:hover{text-decoration:none;background:#28543c}
.baby-related-grid strong{font-size:15px;color:#e8f5ea}
.baby-related-grid span{font-size:12px;color:#bfdbc8}
@media(max-width:850px){.baby-hero{grid-template-columns:1fr}.baby-hero h1{font-size:clamp(37px,7vw,56px)}}
@media(max-width:790px){.baby-sound-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.baby-routine-grid,.baby-related-grid,.baby-faq-grid{grid-template-columns:1fr}}
@media(max-width:520px){.baby-sound-grid{grid-template-columns:1fr}.baby-hero-copy,.baby-safety,.baby-player{padding:19px}.baby-sound-card{padding:17px}.baby-player-wrap,.baby-choices,.baby-routine,.baby-faq,.baby-related{margin:32px 0 40px}.baby-pill-row span{padding:6px 10px}}

/* 13-family sound library expansion foundation; no playback engine changes */
.wnc-family-tile{min-height:145px;display:flex;flex-direction:column;justify-content:space-between}
.wnc-family-tile small{display:block;margin-top:12px;line-height:1.6}
.wnc-family-expansion{margin:40px 0;border-top:1px solid #3a5a49;padding:20px 0 5px}
.wnc-family-expansion h2{margin-top:11px}
.wnc-roadmap-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}
.wnc-roadmap-family{min-width:0;background:#152923;border:1px solid #365846;border-radius:13px;padding:0;scroll-margin-top:20px}
.wnc-roadmap-family summary{cursor:pointer;list-style:none;padding:16px 18px;color:#e7f7ee;font-size:14px;font-weight:740;display:flex;justify-content:space-between;align-items:center;gap:10px}
.wnc-roadmap-family summary::-webkit-details-marker{display:none}
.wnc-roadmap-family summary:after{content:"+";color:#c8e6d3;font-size:18px}
.wnc-roadmap-family[open] summary:after{content:"−"}
.wnc-roadmap-family summary small{color:#9fbfad;font-size:11px;font-weight:500;text-align:right}
.wnc-roadmap-inner{border-top:1px solid #345442;padding:4px 18px 14px}
.wnc-roadmap-inner p{font-size:12px;color:#b9d4c3;line-height:1.8}
.wnc-roadmap-inner a{text-decoration:underline;text-underline-offset:2px}
.wnc-roadmap-later{color:#a3bdae!important}
.wnc-foundation-foot{font-size:12px;line-height:1.8;color:#a8c7b5;margin:24px 0}
@media(max-width:660px){.wnc-roadmap-details{grid-template-columns:1fr}.wnc-roadmap-family summary{min-height:52px}}
@media(max-width:350px){.wnc-roadmap-family summary{padding:13px 12px}.wnc-roadmap-inner{padding:6px 12px 14px}.wnc-family-tile{min-height:0}}