/* InnerCalmGuide — shared breathing widget UI (session picker, controls, completion).
   Pairs with breathe-engine.css (the pacer visuals) and breathe-widget.js.
   Used by every breathing-for-X landing page. */
#breathe-widget{max-width:560px;margin:0 auto;background:radial-gradient(120% 90% at 50% 0%, #f4faf1 0%, #faf8f3 78%);border:1px solid #eae7df;border-radius:26px;padding:24px 18px 28px;box-shadow:0 6px 26px rgba(90,110,80,.06)}
.bw-len{text-align:center;margin-bottom:2px}
.bw-len .lbl{font-size:12.5px;color:var(--text-light);margin-bottom:8px}
.bw-len-btns{display:inline-flex;gap:8px;flex-wrap:wrap;justify-content:center}
.bw-len-btns button{background:#fff;border:1px solid var(--border);border-radius:100px;padding:7px 16px;font-weight:700;font-size:13px;cursor:pointer;color:var(--charcoal)}
.bw-len-btns button.active{background:var(--sage);color:#fff;border-color:var(--sage)}
.bw-controls{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:14px}
.bw-btn{border:none;border-radius:100px;padding:14px 40px;font-weight:700;font-size:15px;cursor:pointer;background:linear-gradient(135deg,#88a87c,#5f7d57);color:#fff;box-shadow:0 8px 20px rgba(95,125,87,.3);transition:transform .15s,box-shadow .15s}
.bw-btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(95,125,87,.38)}
.bw-btn.sec{background:#fff;color:var(--muted,#6b7280);border:1px solid var(--border);box-shadow:none}
.bw-btn.sec:hover{border-color:var(--sage);transform:none;box-shadow:none}
.bw-meta{display:flex;gap:24px;justify-content:center;margin-top:16px;color:var(--text-light);font-size:14px}
.bw-meta b{color:var(--charcoal)}
.bw-opts{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;margin-top:16px;font-size:13px;color:var(--text-light)}
.bw-opts label{display:inline-flex;align-items:center;gap:6px;cursor:pointer}
.bw-opts select{border:1px solid var(--border);border-radius:8px;padding:4px 8px}
.bw-complete{display:none;text-align:center;padding:22px 10px}
.bw-complete.show{display:block}
.bw-complete .big{font-size:44px}
.bw-complete h3{font-size:22px;margin:6px 0 4px}
.bw-complete .stats{color:var(--text-light);font-size:15px;margin-bottom:6px}
.bw-feel{margin-top:16px}
.bw-feel .q{font-weight:700;font-size:14px;margin-bottom:10px}
.bw-feel-btns{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.bw-feel-btns button{background:#fff;border:1px solid var(--border);border-radius:100px;padding:9px 16px;font-size:13.5px;cursor:pointer;font-weight:600}
.bw-feel-btns button:hover{border-color:var(--sage)}
.bw-followup{margin-top:16px;font-size:14px;color:var(--text-light);min-height:10px}
.bw-followup a{color:var(--sage-dark,#5f7d57);font-weight:700}

/* ---- Shared landing-page layout (bt-*) for the breathing-for-X pages ---- */
.bt-hero{background:radial-gradient(130% 120% at 50% -10%, #e9f4e6 0%, #f1f6ec 42%, #faf8f3 100%);padding:52px 20px 34px;text-align:center;position:relative;overflow:hidden}
.bt-hero::after{content:"";position:absolute;left:50%;top:-140px;transform:translateX(-50%);width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(124,154,114,.18),rgba(124,154,114,0) 70%);pointer-events:none}
.bt-hero h1{font-size:34px;margin:10px 0 10px;position:relative}
.bt-hero p{max-width:540px;margin:0 auto;color:var(--text-light);position:relative}
.bt-wrap{max-width:700px;margin:0 auto;padding:30px 20px 70px}
.bt-info{margin-top:40px}
.bt-info h2{font-size:22px;margin:26px 0 6px}
.bt-info p{color:var(--text-light);line-height:1.7}
.faq-section{margin-top:12px}
.faq-section details{background:#faf8f3;border:1px solid var(--border);border-radius:12px;margin-bottom:10px;padding:0 16px}
.faq-section summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px}
.faq-section summary::-webkit-details-marker{display:none}
.faq-section summary::after{content:'+';color:var(--sage);font-size:20px;font-weight:400}
.faq-section details[open] summary::after{content:'\2212'}
.bt-explore{margin-top:36px}
.bt-explore h2{font-size:20px;margin-bottom:4px}
.bt-explore-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:14px}
.bt-explore-grid a{display:block;background:#fff;border:1px solid var(--border);border-radius:12px;padding:14px;text-decoration:none;color:var(--charcoal);font-weight:700;font-size:13.5px;transition:.15s}
.bt-explore-grid a:hover{border-color:var(--sage);color:var(--sage-dark,#5f7d57)}
.bt-explore-grid a span{display:block;font-weight:500;font-size:12px;color:var(--text-light);margin-top:3px}
.bt-cta{background:#2d2d2d;border-radius:16px;padding:22px 26px;margin-top:30px;color:#fff}
.bt-cta h3{color:#fff;font-size:17px;margin:0 0 6px}
.bt-cta p{color:rgba(255,255,255,.8);font-size:14px;margin:0 0 14px}
.bt-cta a{background:var(--sage);color:#fff;padding:11px 24px;border-radius:100px;font-weight:700;text-decoration:none;font-size:14px;display:inline-block}