.dbr-ademtool {
  --dbr-bg: #f2eee9;
  --dbr-card: #f8f5f1;
  --dbr-text: #3f3b37;
  --dbr-muted: #756f69;
  --dbr-olive: #766f68;
  --dbr-olive-dark: #5f5953;
  --dbr-sage: #9b9b8c;
  --dbr-sand: #cfc3b6;
  --dbr-line: #ded7cf;
  --dbr-gold: #9d846d;
  --dbr-rose: #b69f93;
  --dbr-lilac: #8e858a;
  --dbr-shadow: 0 18px 55px rgba(61, 55, 50, .07);
  width: 100%;
  max-width: 1450px;
  margin: 0 auto;
  color: var(--dbr-text);
  font-family: inherit;
}
.dbr-ademtool *, .dbr-ademtool *::before, .dbr-ademtool *::after { box-sizing: border-box; }
.dbr-hero { text-align: center; margin: 0 auto 26px; max-width: 760px; }
.dbr-kicker { display: inline-block; font-size: 12px; letter-spacing: .16em; color: var(--dbr-olive-dark); margin-bottom: 11px; font-weight: 700; }
.dbr-hero h2 { margin: 0 0 10px; font-family: Georgia, 'Times New Roman', serif; font-weight: 400; font-size: clamp(34px, 4.5vw, 56px); line-height: 1.08; letter-spacing: -.03em; }
.dbr-hero p { margin: 0; color: var(--dbr-muted); font-size: 16px; line-height: 1.65; }
.dbr-shell { display: grid; grid-template-columns: minmax(0, 1.75fr) minmax(290px, .72fr); gap: 24px; align-items: start; }
.dbr-main, .dbr-sidebar-card { background: linear-gradient(145deg, rgba(255,255,255,.78), rgba(243,239,234,.96)); border: 1px solid rgba(166,145,118,.22); border-radius: 24px; box-shadow: var(--dbr-shadow); }
.dbr-main { min-height: 780px; padding: clamp(22px, 3vw, 42px); overflow: hidden; }
.dbr-sidebar { display: grid; gap: 16px; position: sticky; top: 24px; }
.dbr-sidebar-card { padding: 24px; }
.dbr-sidebar-label { display: block; font-size: 11px; font-weight: 800; letter-spacing: .12em; margin-bottom: 15px; color: var(--dbr-olive-dark); }
.dbr-sidebar-step { display: grid; grid-template-columns: 32px 1fr; gap: 12px; align-items: start; margin: 15px 0; color: #5f5a52; line-height: 1.55; font-size: 13px; }
.dbr-sidebar-step b { display:flex; align-items:center; justify-content:center; width:32px; height:32px; border-radius:50%; background:#e9e3dc; color:#786f68; font-weight:500; }
.dbr-sidebar-card p { margin: 0; color: #625d54; font-size: 13px; line-height: 1.7; }
.dbr-soft-card { background: #eee9e4; }
.dbr-medical-card { background: #ebe7e2; }
.dbr-section-heading { display: flex; justify-content: space-between; gap: 14px; align-items: baseline; margin-bottom: 16px; }
.dbr-section-heading span { font-family: Georgia, 'Times New Roman', serif; font-size: 25px; }
.dbr-section-heading small { color: var(--dbr-muted); }
.dbr-theme-tabs { display: flex; flex-wrap: wrap; gap: 9px; margin-bottom: 24px; }
.dbr-theme { appearance: none; border: 1px solid var(--dbr-line); background: rgba(255,255,255,.7); color: var(--dbr-text); border-radius: 999px; padding: 11px 17px; font: inherit; font-size: 13px; cursor: pointer; transition: .2s ease; }
.dbr-theme:hover { transform: translateY(-1px); border-color: #cbbba5; }
.dbr-theme.active { background: var(--dbr-olive); border-color: var(--dbr-olive); color: #fff; box-shadow: 0 8px 20px rgba(95,98,70,.16); }
.dbr-theme-copy { margin-bottom: 23px; padding: 18px 20px; border-radius: 16px; background: #f2ede5; }
.dbr-theme-title { margin: 0 0 6px; font-size: 20px; font-weight: 500; }
.dbr-theme-description { margin: 0; color: var(--dbr-muted); line-height: 1.65; font-size: 14px; }
.dbr-exercise-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 14px; }
.dbr-exercise-card { appearance: none; width: 100%; border: 1px solid var(--dbr-line); background: rgba(255,255,255,.72); border-radius: 18px; padding: 20px; min-height: 210px; text-align: left; cursor: pointer; font: inherit; color: var(--dbr-text); transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease; display:flex; flex-direction:column; }
.dbr-exercise-card:hover { transform: translateY(-3px); box-shadow: 0 13px 28px rgba(64,55,42,.08); border-color:#cabba6; }
.dbr-card-index { width: 34px; height: 34px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:#e9e3dd; color:#81766d; font-size:12px; margin-bottom:18px; }
.dbr-exercise-card h4 { margin:0 0 8px; font-size:18px; font-weight:500; line-height:1.25; }
.dbr-exercise-card p { margin:0 0 16px; color:var(--dbr-muted); line-height:1.55; font-size:13px; flex:1; }
.dbr-card-meta { color:var(--dbr-olive-dark); font-size:12px; font-weight:700; }
.dbr-back { appearance:none; border:0; background:none; color:var(--dbr-muted); padding:0; margin:0 0 18px; font:inherit; font-size:13px; cursor:pointer; }
.dbr-back:hover { color:var(--dbr-text); }
.dbr-detail-card { border:1px solid var(--dbr-line); border-radius:22px; padding:clamp(22px,3vw,38px); background:rgba(255,255,255,.6); }
.dbr-detail-top { display:flex; justify-content:space-between; gap:12px; align-items:center; }
.dbr-detail-theme { font-size:11px; font-weight:800; letter-spacing:.13em; color:var(--dbr-olive-dark); }
.dbr-detail-badge { background:#ebe5df; border-radius:999px; padding:7px 11px; font-size:11px; color:#766b63; }
.dbr-detail-title, .dbr-practice-title { margin:14px 0 10px; font-family:Georgia,'Times New Roman',serif; font-size:clamp(30px,4vw,44px); font-weight:400; line-height:1.1; }
.dbr-detail-intro { color:var(--dbr-muted); font-size:16px; line-height:1.75; max-width:900px; }
.dbr-detail-columns { display:grid; grid-template-columns:1.35fr .8fr; gap:28px; margin-top:30px; }
.dbr-detail-columns h4 { margin:0 0 13px; font-size:15px; }
.dbr-steps { margin:0; padding-left:22px; }
.dbr-steps li { margin-bottom:12px; padding-left:4px; color:#565149; line-height:1.65; font-size:14px; }
.dbr-tip, .dbr-warning { padding:17px; border-radius:15px; margin-bottom:13px; }
.dbr-tip { background:#efe8e1; }
.dbr-warning { background:#ece8e4; border:1px solid #ded8cf; }
.dbr-tip strong, .dbr-warning strong { display:block; margin-bottom:6px; font-size:12px; letter-spacing:.04em; text-transform:uppercase; }
.dbr-tip p, .dbr-warning p { margin:0; color:#625c53; font-size:13px; line-height:1.6; }
.dbr-detail-actions { margin-top:26px; display:flex; }
.dbr-start-detail, .dbr-again { appearance:none; border:0; background:var(--dbr-olive); color:#fff; border-radius:999px; padding:14px 24px; font:inherit; cursor:pointer; box-shadow:0 8px 18px rgba(83,86,59,.16); }
.dbr-start-detail:hover, .dbr-again:hover { background:var(--dbr-olive-dark); }
.dbr-practice { margin-top:32px; padding-top:32px; border-top:1px solid var(--dbr-line); }
.dbr-practice-core { padding:24px 22px 22px; border-radius:22px; background:linear-gradient(180deg,rgba(238,233,228,.72),rgba(248,245,241,.62)); border:1px solid rgba(126,113,101,.12); }
.dbr-practice-head { text-align:center; max-width:760px; margin:0 auto; }
.dbr-practice-theme { font-size:11px; letter-spacing:.13em; font-weight:800; color:var(--dbr-olive-dark); }
.dbr-practice-guidance { margin:0; color:var(--dbr-muted); line-height:1.65; font-size:14px; }
.dbr-breath-stage { min-height:330px; display:flex; align-items:center; justify-content:center; position:relative; margin-top:8px; }
.dbr-breath-glow { position:absolute; width:285px; height:285px; border-radius:50%; background:radial-gradient(circle,rgba(190,179,168,.38),rgba(190,179,168,.12) 52%,rgba(190,179,168,0) 74%); filter:blur(8px); transform:scale(1.28); }
.dbr-breath-circle { width:238px; height:238px; border-radius:50%; position:relative; z-index:3; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; color:#fff; padding:26px; background:radial-gradient(circle at 38% 25%,#aaa39c 0%,#88817a 42%,#69635d 100%); box-shadow:0 0 0 10px rgba(255,255,255,.7),0 0 0 13px rgba(207,188,157,.18),0 0 54px rgba(175,153,120,.3); will-change:transform; transform:scale(1); }
.dbr-phase { font-size:16px; letter-spacing:.07em; text-transform:uppercase; }
.dbr-count { font-family:Georgia,'Times New Roman',serif; font-weight:400; font-size:60px; line-height:1; margin:8px 0; }
.dbr-subphase { max-width:180px; font-size:12px; line-height:1.45; opacity:.9; }
.dbr-wave { position:absolute; width:47%; height:170px; opacity:.3; border-top:1px solid #dcc9aa; border-radius:50%; pointer-events:none; }
.dbr-wave::before,.dbr-wave::after { content:""; position:absolute; left:0; right:0; height:100%; border-top:1px solid #dcc9aa; border-radius:50%; }
.dbr-wave::before { top:13px; }.dbr-wave::after { top:26px; }
.dbr-wave-left { left:-9%; transform:rotate(8deg); }.dbr-wave-right { right:-9%; transform:rotate(-8deg); }
.dbr-breath-circle.dbr-vibrate { animation:dbr-vibrate .2s linear infinite; }
@keyframes dbr-vibrate { 0%,100%{translate:0 0} 25%{translate:1px 0} 75%{translate:-1px 0} }
.dbr-progress-wrap { max-width:620px; margin:0 auto 16px; }
.dbr-progress { height:4px; border-radius:999px; background:#e7ded2; overflow:hidden; }
.dbr-progress span { display:block; height:100%; width:0; background:var(--dbr-olive); transition:width .25s linear; }
.dbr-timer { text-align:center; margin-top:10px; color:var(--dbr-muted); font-size:14px; }
.dbr-controls { display:flex; justify-content:center; flex-wrap:wrap; gap:10px; }
.dbr-control { appearance:none; border:1px solid #ded3c5; background:rgba(255,255,255,.72); color:var(--dbr-text); border-radius:999px; padding:12px 20px; min-width:130px; font:inherit; font-size:13px; cursor:pointer; transition:.2s ease; }
.dbr-control:hover { background:#fff; transform:translateY(-1px); }
.dbr-start-pause { background:var(--dbr-olive); border-color:var(--dbr-olive); color:#fff; }
.dbr-duration-panel { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:10px; margin:22px 0 10px; }
.dbr-duration-panel>span { font-size:12px; font-weight:700; color:var(--dbr-muted); margin-right:2px; }
.dbr-duration-buttons { display:flex; flex-wrap:wrap; gap:7px; }
.dbr-duration-buttons button { appearance:none; min-width:54px; border:1px solid var(--dbr-line); background:rgba(255,255,255,.65); border-radius:10px; padding:9px 10px; font:inherit; font-size:12px; cursor:pointer; }
.dbr-duration-buttons button.active { border-color:#91946d; background:#eff0e5; }
.dbr-duration-buttons button:disabled { opacity:.35; cursor:not-allowed; }
.dbr-audio-panel { border-top:1px solid var(--dbr-line); margin-top:20px; padding-top:16px; max-width:700px; margin-left:auto; margin-right:auto; }
.dbr-audio-row { display:grid; grid-template-columns:1fr auto; gap:15px; align-items:center; margin:11px 0; }
.dbr-audio-row>label:first-child { display:grid; grid-template-columns:125px 1fr 48px; gap:10px; align-items:center; font-size:13px; }
.dbr-audio-row input[type=range] { width:100%; accent-color:var(--dbr-olive); }
.dbr-audio-row output { color:var(--dbr-muted); font-size:12px; text-align:right; }
.dbr-toggle { width:40px; height:22px; position:relative; display:inline-block; }
.dbr-toggle input { opacity:0; width:0; height:0; }
.dbr-toggle span { position:absolute; inset:0; background:#c6c4bd; border-radius:999px; cursor:pointer; transition:.2s; }
.dbr-toggle span::before { content:""; position:absolute; width:16px; height:16px; left:3px; top:3px; background:#fff; border-radius:50%; transition:.2s; box-shadow:0 1px 4px rgba(0,0,0,.14); }
.dbr-toggle input:checked+span { background:var(--dbr-olive); }.dbr-toggle input:checked+span::before { transform:translateX(18px); }
.dbr-reassurance { text-align:center; margin:16px 0 0; color:#70695f; font-size:12px; }
.dbr-finish-card { text-align:center; max-width:680px; margin:100px auto; padding:46px 35px; border-radius:24px; background:#eee9e4; }
.dbr-finish-mark { display:flex; align-items:center; justify-content:center; width:62px; height:62px; border-radius:50%; background:#fff; color:#9c7b51; font-size:30px; margin:0 auto 18px; }
.dbr-finish-card h3 { font-family:Georgia,'Times New Roman',serif; font-size:36px; font-weight:400; margin:0 0 12px; }
.dbr-finish-card p { color:var(--dbr-muted); line-height:1.7; }
.dbr-finish-actions { display:flex; justify-content:center; flex-wrap:wrap; gap:10px; margin-top:22px; }
.dbr-done { appearance:none; border:1px solid #d6cbbc; background:transparent; border-radius:999px; padding:14px 22px; font:inherit; cursor:pointer; }
.dbr-footer-note { text-align:center; margin:22px 0 0; font-family:Georgia,'Times New Roman',serif; font-style:italic; color:#736b62; font-size:18px; }
@media (prefers-reduced-motion: reduce) { .dbr-ademtool *, .dbr-ademtool *::before, .dbr-ademtool *::after { animation-duration:.001ms!important; animation-iteration-count:1!important; transition-duration:.001ms!important; scroll-behavior:auto!important; } }
@media (max-width:1050px) { .dbr-shell{grid-template-columns:1fr}.dbr-sidebar{position:static;grid-template-columns:repeat(3,1fr)}.dbr-main{min-height:auto}.dbr-exercise-grid{grid-template-columns:repeat(3,1fr)} }
@media (max-width:780px) { .dbr-sidebar{grid-template-columns:1fr}.dbr-exercise-grid{grid-template-columns:1fr}.dbr-detail-columns{grid-template-columns:1fr}.dbr-main{padding:20px 16px}.dbr-breath-stage{min-height:300px}.dbr-breath-circle{width:205px;height:205px}.dbr-breath-glow{width:235px;height:235px}.dbr-count{font-size:52px}.dbr-section-heading{display:block}.dbr-section-heading small{display:block;margin-top:6px}.dbr-audio-row>label:first-child{grid-template-columns:95px 1fr 42px}.dbr-control{min-width:0;flex:1 1 30%;padding:11px 9px}.dbr-theme{padding:10px 13px}.dbr-footer-note{font-size:16px} }
\n\n/* v1.1 - zichtbaar oefening-specifiek begeleidingsritme */\n.dbr-guided-label{display:inline-flex;align-items:center;gap:7px;margin-top:8px;padding:7px 12px;border-radius:999px;background:rgba(126,129,92,.09);color:#686b50;font-size:12px;letter-spacing:.2px}\n.dbr-sequence{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:4px auto 20px;max-width:760px}\n.dbr-sequence-step{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid rgba(158,144,122,.22);background:rgba(255,255,255,.55);border-radius:999px;font-size:11px}\n.dbr-sequence-step b{font-size:11px;font-weight:600;letter-spacing:.3px}\n.dbr-sequence-step small{font-size:10px;color:#7a756c}\n.dbr-sequence-arrow{color:#aaa08f;font-size:15px}\n@media(max-width:600px){.dbr-sequence{gap:5px}.dbr-sequence-step{padding:7px 9px}.dbr-sequence-arrow{font-size:12px}}\n
/* Zorg dat nieuw geopende stappen netjes onder een eventuele sticky Salient-header landen. */
.dbr-detail, .dbr-practice, .dbr-finish, .dbr-picker { scroll-margin-top: 110px; }
@media (max-width:1000px) { .dbr-detail, .dbr-practice, .dbr-finish, .dbr-picker { scroll-margin-top: 86px; } }

.dbr-audio-note { margin:8px 0 0; color:var(--dbr-muted); font-size:11px; line-height:1.55; text-align:center; }
.dbr-practice + .dbr-finish { margin-top:24px; }
.dbr-detail + .dbr-practice { scroll-margin-top:96px; }


/* v1.5 – navigatie en zichtbaarheid van acties */
.dbr-detail,
.dbr-practice,
.dbr-practice-core {
  scroll-margin-top: 110px;
}

@media (min-width: 701px) {
  .dbr-practice-core {
    padding-top: 18px;
  }

  .dbr-breath-stage {
    min-height: 270px;
  }

  .dbr-breath-circle {
    width: 210px;
    height: 210px;
    padding: 22px;
  }

  .dbr-breath-glow {
    width: 250px;
    height: 250px;
  }

  .dbr-count {
    font-size: 54px;
  }

  .dbr-practice-head .dbr-practice-title {
    margin-top: 8px;
    margin-bottom: 6px;
  }
}

@media (max-width: 700px) {
  .dbr-detail,
  .dbr-practice,
  .dbr-practice-core {
    scroll-margin-top: 88px;
  }

  .dbr-breath-stage {
    min-height: 255px;
  }
}