/* booktest.css — Official test mode (#/booktest): key editor, results, exam-style answer screen */

.bt .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}
.bt .btn,.bt select.input,.bt .bt-opt,.bt .bt-nb,.bt .bt-flag,.bt .bt-chk{min-height:44px}
.bt .btn-sm{min-height:44px}
.bt-gate h3,.bt-empty h3{font-size:16px;margin-bottom:6px;line-height:1.4}
.bt-steps{margin:12px 0 4px;padding-left:20px;color:var(--dim);font-size:13.4px;line-height:1.6}
.bt-steps li{margin-bottom:6px}
.bt-steps-big{font-size:14px}
.bt-steps a{color:var(--brand);text-decoration:underline}
.bt-copy{font-size:12.5px;color:var(--dim)}
.bt kbd{font-family:var(--mono);font-size:11.5px;border:1px solid var(--line-2);border-bottom-width:2px;border-radius:5px;padding:0 5px;background:var(--panel-2)}
.bt-good{color:var(--mint-2);margin:0 0 4px}
.bt-bad{color:var(--rose);margin:4px 0}
.bt-link{background:none;border:0;color:var(--brand);text-decoration:underline;cursor:pointer;padding:4px 2px;font:inherit;min-height:32px}
.bt-danger{color:var(--rose)}

/* lists */
.bt-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.bt-item{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;
  border:1px solid var(--line);border-radius:var(--r-md,12px);padding:12px 14px;background:var(--panel)}
.bt-item-main{min-width:0;flex:1 1 260px;display:grid;gap:5px}
.bt-item-top{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.bt-item-title{font-size:14px;font-weight:600;color:var(--text);overflow-wrap:anywhere}
.bt-item-actions{display:flex;gap:6px;flex-wrap:wrap}

/* editor */
.bt-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:4px 14px}
.bt-span2{grid-column:span 2}
.bt-paste{width:100%;font-family:var(--mono);font-size:13px;min-height:140px}
.bt-grid-wrap{overflow-x:auto}
.bt-grid{width:100%;border-collapse:collapse;font-size:13px}
.bt-grid th,.bt-grid td{padding:5px 6px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.bt-grid thead th{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim-2)}
.bt-grid-n{font-family:var(--mono);white-space:nowrap;padding-top:14px !important;color:var(--text)}
.bt-grid .input{width:100%;min-height:44px}
.bt-grid td[data-l="Answer"]{min-width:200px}
.bt-in-sm{max-width:140px}
.bt-grid tr.is-bad td{background:var(--rose-soft)}
.bt-row-err{color:var(--rose);font-size:12px;min-height:0}
.bt-savebar{position:sticky;bottom:8px;z-index:5;box-shadow:var(--shadow)}

/* results */
.bt-tblwrap{overflow-x:auto}
.bt .tbl td{color:var(--text)}
.bt-rev-h{font-size:13px;margin:14px 0 6px;color:var(--dim)}
.bt-rev tr.is-bad td{background:var(--rose-soft)}
.bt-ok{color:var(--mint-2);font-weight:700}
.bt-x{color:var(--rose);font-weight:700}
.bt-perq{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:6px 18px}
.bt-perq li{display:grid;grid-template-columns:42px 1fr 92px;gap:8px;align-items:center;font-size:12.5px}
.bt-perq-n{font-family:var(--mono)}
.bt-perq-bar{height:10px;border-radius:6px;background:var(--panel-3);overflow:hidden}
.bt-perq-bar i{display:block;height:100%;background:var(--mint)}
.bt-perq li.is-low .bt-perq-bar i{background:var(--rose)}
.bt-perq-v{font-family:var(--mono)}
.bt-score{padding:20px 22px;margin-bottom:16px;display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.bt-score-raw{font-size:14px;color:var(--text)}
.bt-mine{columns:3 150px;margin:0;padding-left:0;list-style:none;font-size:13px}
.bt-mine li{padding:3px 0;break-inside:avoid;overflow-wrap:anywhere}
.bt-mine-n{display:inline-block;min-width:26px;font-family:var(--mono);color:var(--dim-2)}
.bt-wtext{width:100%;min-height:240px;font-size:14.5px;line-height:1.6}

/* ---------------- exam screen (computer-delivered style) ---------------- */
.bt-exam{display:flex;flex-direction:column;gap:10px;min-height:70vh}
.bt-top{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:space-between;
  background:#2A2340;color:#fff;border-radius:10px;padding:10px 14px;position:sticky;top:0;z-index:6}
.bt-cand{display:flex;flex-direction:column;line-height:1.2;min-width:0}
.bt-cand-l,.bt-clock-l{font-size:10px;letter-spacing:.12em;text-transform:uppercase;opacity:.75}
.bt-cand b{font-size:14px;overflow-wrap:anywhere}
.bt-test{display:flex;gap:8px;align-items:center;font-size:13px;opacity:.95;flex:1 1 160px;min-width:0;overflow-wrap:anywhere}
.bt-clock{display:flex;flex-direction:column;align-items:flex-end;line-height:1.1}
.bt-clock b{font-family:var(--mono);font-size:22px;letter-spacing:.04em}
.bt-clock.warn b{color:#FFD27A}
.bt-clock.danger b{color:#FF9DA1}
.bt-note{margin:0;padding:0 2px}
.bt-area{flex:1}
.bt-sec-h{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.bt-sec-h h2{font-size:20px;margin:0}
.bt-sec-note{margin:4px 0 12px}
.bt-qs{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
.bt-q{border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:10px 12px;display:grid;gap:8px;scroll-margin:90px 0 160px}
.bt-q.is-cur{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand-soft)}
.bt-q.is-flag{border-left:4px solid var(--amber)}
.bt-q-two{grid-column:span 2}
.bt-q-h{display:flex;align-items:flex-start;gap:10px}
.bt-qn{flex:0 0 auto;min-width:32px;height:32px;padding:0 6px;border-radius:8px;background:var(--panel-3);color:var(--text);font-family:var(--mono);font-weight:700;
  display:flex;align-items:center;justify-content:center;font-size:13px;line-height:1.05;text-align:center}
.bt-q-two .bt-qn{height:auto;padding:4px 6px}
.bt-q-t{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.bt-q-t b{font-size:13.5px}
.bt-words{font-size:11.5px;font-weight:700;letter-spacing:.03em;color:var(--amber)}
.bt-flag{border:1px solid var(--line-2);background:var(--panel-2);border-radius:8px;padding:0 10px;font-size:12px;color:var(--dim);cursor:pointer;white-space:nowrap}
.bt-flag[aria-pressed="true"]{background:var(--amber-soft);border-color:var(--amber);color:var(--amber);font-weight:700}
.bt-gap{width:100%;min-height:44px;font-size:15px}
.bt-sel{width:100%;max-width:160px;min-height:44px}
.bt-opts{display:flex;flex-wrap:wrap;gap:6px}
.bt-opt{min-width:44px;padding:0 12px;border:1px solid var(--line-2);border-radius:8px;background:var(--panel);color:var(--text);font-weight:600;font-size:13px;cursor:pointer}
.bt-opt:hover{border-color:var(--brand)}
.bt-opt[aria-pressed="true"]{background:var(--brand);border-color:var(--brand);color:#fff}
.bt-two{border:0;margin:0;padding:0;min-width:0}
.bt-chk{display:inline-flex;align-items:center;gap:6px;min-width:56px;padding:0 10px;border:1px solid var(--line-2);border-radius:8px;cursor:pointer;font-weight:600}
.bt-chk input{width:20px;height:20px;accent-color:var(--brand)}
.bt-chk:has(input:checked){background:var(--brand-soft);border-color:var(--brand)}
.bt-opt:focus-visible,.bt-nb:focus-visible,.bt-flag:focus-visible,.bt-chk:focus-within{outline:3px solid var(--sky);outline-offset:2px}

.bt-foot{position:sticky;bottom:0;z-index:6;background:var(--panel);border:1px solid var(--line-2);border-radius:10px;padding:8px 10px;
  display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;box-shadow:var(--shadow)}
.bt-nav{flex:1 1 300px;display:flex;flex-wrap:wrap;gap:6px 14px;max-height:34vh;overflow-y:auto}
.bt-nav-sec{display:flex;flex-direction:column;gap:3px}
.bt-nav-l{font-size:11px;font-weight:700;color:var(--dim);letter-spacing:.04em}
.bt-nav-bs{display:flex;flex-wrap:wrap;gap:3px}
.bt-nb{min-width:44px;padding:0 4px;border:1px solid var(--line-2);border-radius:6px;background:var(--panel);color:var(--text);font-family:var(--mono);font-size:12.5px;cursor:pointer;position:relative}
.bt-nb.is-ans{background:var(--panel-3);border-color:var(--dim-2);text-decoration:underline;text-underline-offset:3px}
.bt-nb.is-flag::after{content:"";position:absolute;top:3px;right:3px;width:0;height:0;border-left:7px solid transparent;border-top:7px solid var(--amber)}
.bt-nb.is-flag{border-color:var(--amber)}
.bt-nb.is-cur{background:var(--brand);border-color:var(--brand);color:#fff}
.bt-foot-actions{display:flex;gap:6px;margin-left:auto}
.bt-exam.is-preview .bt-top{background:var(--violet)}

/* tabs */
.bt-tabs{display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid var(--line-2);margin:0 0 14px}
.bt-tabs a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;color:var(--dim);font-weight:600;font-size:13.5px;border-bottom:3px solid transparent;margin-bottom:-1px;text-decoration:none}
.bt-tabs a.on{color:var(--brand);border-bottom-color:var(--brand)}
.bt-tabs a:focus-visible{outline:3px solid var(--sky);outline-offset:2px}
.bt-chips{display:flex;flex-wrap:wrap;gap:6px}

/* library */
.bt-lib{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
.bt-lib-card{display:grid;grid-template-columns:44px 1fr;gap:6px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:12px}
.bt-lib-card.is-current{border-color:var(--amber);box-shadow:inset 4px 0 0 var(--amber)}
.bt-lib-ico{width:44px;height:52px;border-radius:6px;background:var(--rose-soft);color:var(--rose);font-weight:800;font-size:11px;display:flex;align-items:center;justify-content:center;letter-spacing:.06em}
.bt-lib-main{display:flex;flex-direction:column;gap:3px;min-width:0}
.bt-lib-main b{font-size:14px;overflow-wrap:anywhere}
.bt-lib-main .pill{align-self:flex-start}
.bt-lib-actions{grid-column:1 / -1;display:flex;gap:6px;flex-wrap:wrap}
.bt-pdf{width:100%;height:78vh;border:1px solid var(--line-2);border-radius:8px;background:var(--panel-2);display:block}
.bt-pdf[hidden]{display:none}

/* recording player */
.bt-player{border:1px solid var(--line-2);border-radius:10px;background:var(--sky-soft);padding:8px 12px}
.bt-player audio{width:100%;margin-bottom:6px}
.bt-player audio:not([controls]){display:none}
.bt-player p{margin:4px 0 0}
.bt-player-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.bt-vol{display:inline-flex;align-items:center;gap:6px;margin-left:auto;min-height:44px}
.bt-vol input{width:110px;min-height:44px;accent-color:var(--brand)}

/* book + answers split */
.bt-paneswitch{display:none;gap:6px}
.bt-paneswitch .btn[aria-pressed="true"]{background:var(--brand);border-color:var(--brand);color:#fff}
.bt-body{display:block}
.bt-book{display:none}
.bt-book-h{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:6px;font-size:13px}
.bt-body.has-book.book-open .bt-book{display:block}
@media (min-width:981px){
  .bt-body.has-book.book-open{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:12px;align-items:start}
  .bt-body.has-book.book-open .bt-book{position:sticky;top:76px}
  .bt-body.has-book.book-open .bt-pdf{height:calc(100vh - 250px);min-height:420px}
  .bt-body.has-book.book-open .bt-qs{grid-template-columns:1fr}
  .bt-body.has-book.book-open .bt-q-two{grid-column:auto}
}
@media (max-width:980px){
  .bt-paneswitch{display:flex}
  .bt-body.has-book.pane-book .bt-area{display:none}
  .bt-body.has-book.pane-answers .bt-book{display:none}
  .bt-body.has-book.pane-book .bt-book{display:block}
  .bt-body.has-book .bt-pdf{height:62vh}
  /* Compact question bar on tablets/phones: one scrollable row instead of a tall grid
     that covers the book page. */
  .bt-foot{flex-wrap:nowrap;align-items:center;padding:6px 8px;gap:8px}
  .bt-nav{flex:1 1 auto;min-width:0;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;max-height:none;gap:4px 12px;
    -webkit-overflow-scrolling:touch;scrollbar-width:thin;padding-bottom:2px}
  .bt-nav-sec{flex:0 0 auto;flex-direction:row;align-items:center;gap:4px}
  .bt-nav-l{white-space:nowrap}
  .bt-nav-bs{flex-wrap:nowrap}
  .bt-nb{min-height:40px}
  .bt-foot-actions{flex:0 0 auto;margin-left:0}
}

@media (max-width:640px){
  .bt-span2{grid-column:auto}
  .bt-q-two{grid-column:auto}
  .bt-qs{grid-template-columns:1fr}
  .bt-grid thead{display:none}
  .bt-grid,.bt-grid tbody,.bt-grid tr,.bt-grid td,.bt-grid th{display:block;width:100%}
  .bt-grid tr{border:1px solid var(--line);border-radius:10px;margin-bottom:8px;padding:6px 8px}
  .bt-grid td,.bt-grid th{border:0;padding:3px 0}
  .bt-grid td[data-l]::before{content:attr(data-l);display:block;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim-2)}
  .bt-grid td[data-l="Answer"]{min-width:0}
  .bt-in-sm{max-width:none}
  .bt-clock b{font-size:19px}
  .bt-foot-actions .btn{min-width:44px;padding:0 10px}
  .bt-item-actions{width:100%}
}
@media (prefers-reduced-motion:reduce){ .bt *{transition:none !important} }
@media print{ .bt-foot,.bt-top{position:static} }

/* ==========================================================================
   Academy library integration (BSHA.library) · Speaking season · Cambridge 21 ·
   Read more · Test-day readiness (#/ready)
   ========================================================================== */
.lib-note{display:flex;gap:6px;align-items:flex-start;margin:6px 0;color:var(--dim)}
.lib-note a{color:var(--brand)}
.lib-open,.lib-more-btn,.bt-trfind,.rd-go,.s26-actions .btn,.s26-help .btn,.sp-modes .seg button,.sp-off .btn,
#spBody .btn,.view-head .btn,.w-c21 .seg button,.w-c21-book .btn,.lib-more .btn,.fm .lib-open,.rd .btn,.rd .seg button,.s26-filters .input,.rd-check{min-height:44px}
.sp-modes .seg,.w-c21 .seg,.rd .seg{flex-wrap:wrap;max-width:100%}
.seg a{display:inline-flex;align-items:center;min-height:44px;padding:0 13px;font-size:12.5px;color:var(--dim);text-decoration:none;border-right:1px solid var(--line)}
.seg a:last-child{border-right:0}
.seg a.on{background:var(--brand-soft);color:var(--brand);font-weight:600}
.modal-card:has(.lib-viewer){width:min(1040px,96vw);max-width:min(1040px,96vw)}
.lib-pdf{width:100%;height:min(72vh,900px);border:1px solid var(--line);border-radius:10px;background:var(--panel-2)}

/* Read more */
.lib-more{margin:14px 0;padding:12px 14px;border:1px solid var(--line);border-left:4px solid var(--violet);border-radius:12px;background:var(--panel)}
.lib-more-h{font-size:14px;margin:0 0 6px}
.lib-more-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.lib-more-btn{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;text-align:left;padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:var(--panel-2);color:var(--text);cursor:pointer;font:inherit}
.lib-more-btn:hover,.lib-more-btn:focus-visible{border-color:var(--violet)}
.lib-more-btn b{font-size:13.5px}

/* Book test: transcript */
.bt-tr-part{border:1px solid var(--line);border-radius:10px;margin-bottom:8px;background:var(--panel)}
.bt-tr-part>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:8px;padding:0 12px;font-weight:600}
.bt-tr-text{padding:4px 14px 12px;max-height:60vh;overflow:auto}
.bt-tr-text p{margin:6px 0;line-height:1.6;font-size:14px;border-radius:6px;padding:2px 4px}
.bt-tr-text p.is-hit{background:var(--amber-soft);outline:2px solid var(--amber)}
.bt-tr-sp{color:var(--violet)}

/* Writing lab: Cambridge 21 */
.w-c21{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.w-c21-l{font-size:12.5px;color:var(--dim)}
.w-c21-book{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.w-compare-t{max-height:46vh;overflow:auto;font-size:13.8px}
.w-compare-g h3{font-size:15px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}

/* Speaking: this season */
.s26-filters{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:10px}
.s26-filters .field{margin:0}
.s26-list{display:grid;gap:8px}
.s26-item{border:1px solid var(--line);border-radius:10px;padding:0 12px;background:var(--panel)}
.s26-item>summary{cursor:pointer;min-height:44px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.s26-item[open]{padding-bottom:12px}
.s26-t{font-weight:600}
.s26-qs{margin:6px 0 10px;padding-left:20px;line-height:1.6}
.s26-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.s26-card{border:1px solid var(--line);border-radius:12px;padding:14px;background:var(--panel)}
.s26-card.is-new{border-top:4px solid var(--amber)}
.s26-card h4{margin:6px 0 4px;font-size:16px}
.s26-card ul{margin:4px 0 6px;padding-left:20px}
.s26-card-h{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.s26-prompt{font-weight:600;margin:4px 0}
.s26-actions{flex-wrap:wrap;gap:6px}
.s26-p3 ol{padding-left:20px;margin:8px 0;line-height:1.55}
.s26-help{margin-top:10px;padding:10px 12px;border-radius:10px;background:var(--panel-2);border:1px solid var(--line)}
.s26-lang h5{margin:10px 0 4px;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--dim)}
.s26-lang dl{margin:0;display:grid;gap:6px}
.s26-lang dt{font-weight:700;font-size:13.5px}
.s26-lang dd{margin:0 0 0 0;font-size:13px;color:var(--dim)}
.s26-ex{display:block;font-style:italic;color:var(--text)}
.s26-ideas{padding-left:18px;margin:4px 0;font-size:13.5px}
.s26-pq{margin:8px 0}
.s26-answers{display:grid;gap:8px;margin-top:10px}
.s26-answer{border-left:3px solid var(--mint);padding:6px 10px;background:var(--panel);border-radius:6px}
.s26-answer p{margin:4px 0;font-size:13.8px;line-height:1.6}
.s26-gated{margin-top:10px;padding:10px;border:1px dashed var(--line-2);border-radius:8px}
.cc-explain{list-style:none;margin-left:-18px}
.sp-off-card .card-h{flex-wrap:wrap;gap:8px}

/* Test-day readiness */
.rd-h2{font-size:19px;margin:0 0 6px}
.rd-score-top{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.rd-gauge{width:128px;height:128px;flex:0 0 auto}
.rd-g-bg{fill:none;stroke:var(--line);stroke-width:12}
.rd-g-fg{fill:none;stroke:var(--mint);stroke-width:12;stroke-linecap:round}
.rd-g-n{font-size:32px;font-weight:800;fill:var(--text)}
.rd-g-l{font-size:11px;fill:var(--dim)}
.rd-how{margin-top:12px}
.rd-how>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.rd-tblwrap{overflow-x:auto;max-width:100%}
.rd-tbl th[scope=row]{font-weight:600;min-width:170px}
.rd-bar{display:block;height:6px;border-radius:4px;background:var(--line);margin-top:4px;min-width:60px}
.rd-bar i{display:block;height:100%;border-radius:4px;background:var(--mint)}
.rd-total th,.rd-total td{border-top:2px solid var(--line-2)}
.rd-range{display:block;font-size:24px;font-weight:800;margin:2px 0}
.rd-pred-c .pill{margin-top:6px}
.rd-ready{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.rd-ready li{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:6px 8px;border-radius:9px;background:var(--panel-2)}
.rd-ready li span:not(.rd-tick):not(.sr-only){flex:1 1 200px}
.rd-tick{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;border:2px solid var(--line-2);color:var(--dim);font-weight:800;flex:0 0 auto}
.rd-tick.is-ok{background:var(--mint);border-color:var(--mint);color:#fff}
.rd-go{display:inline-flex;align-items:center;padding:0 12px;border-radius:8px;border:1px solid var(--line-2);font-size:12.5px;text-decoration:none;color:var(--brand)}
.rd-familiar{margin-top:12px;padding-top:10px;border-top:1px dashed var(--line-2)}
.rd-check{display:flex;gap:10px;align-items:center;cursor:pointer}
.rd-check input{width:20px;height:20px;flex:0 0 auto;accent-color:var(--mint)}
.rd-checks{list-style:none;padding:0;margin:6px 0;display:grid;gap:4px}
.rd-plan{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.rd-plan li{display:grid;grid-template-columns:92px minmax(0,1fr);gap:10px;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}
.rd-plan-d{display:flex;flex-direction:column}
.rd-plan-n{font-weight:800;color:var(--brand)}
.rd-plan-b p{margin:2px 0 6px}
.rd-plan-b .row{flex-wrap:wrap;gap:6px}
.rd-step{border:1px solid var(--line);border-radius:10px;padding:0 14px;margin-top:8px;background:var(--panel)}
.rd-step>summary{cursor:pointer;min-height:44px;display:flex;align-items:center}
.rd-step[open]{padding-bottom:10px}
.rd-step ul,.rd-timeline{line-height:1.6;padding-left:20px}
.rd-breathe-stage{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:10px 0}
.rd-circle{width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,var(--mint-soft),var(--sky-soft));border:3px solid var(--mint);display:grid;place-items:center;font-size:28px;font-weight:800;color:var(--mint);transform:scale(.62);transition:transform 4s linear}
.rd-circle.is-in,.rd-circle.is-hold{transform:scale(1)}
.rd-circle.is-out,.rd-circle.is-hold2{transform:scale(.62)}
.rd-phase{font-size:18px;font-weight:600;margin:0}
.rd-sc{display:inline-block;min-width:34px;text-align:center;border-radius:6px;padding:2px 6px}
.rd-sc.is-ok{background:var(--mint-soft);color:var(--mint)}
.rd-sc.is-mid{background:var(--amber-soft);color:var(--amber)}
.rd-sc.is-low{background:var(--rose-soft);color:var(--rose)}
.rd-below{color:var(--rose);font-weight:700}
@media (max-width:640px){
  .s26-filters{grid-template-columns:1fr}
  .s26-cards{grid-template-columns:1fr}
  .rd-plan li{grid-template-columns:1fr}
  .rd-plan-d{flex-direction:row;gap:8px;align-items:baseline}
  .rd-score-top{flex-direction:column;align-items:flex-start}
  .lib-pdf{height:64vh}
}
@media (prefers-reduced-motion:reduce){
  .rd-circle{transition:none;transform:none}
  .rd-circle.is-in,.rd-circle.is-hold,.rd-circle.is-out,.rd-circle.is-hold2{transform:none}
}