/* iDEO For Doctors (v101, Kazi 2026-10-10; v104 calmer and easier for non-technical doctors): the blog page as WordPress will run it. A short "why this page",
   five guides to start with (one large, four in a numbered path), every guide by category and subcategory,
   then a way to send a question. A guide opens in a full-screen reader that slides up from the bottom,
   with a handle to pull it down and the previous and next guides at its end. */
*,*::before,*::after{box-sizing:border-box}
html,body{overflow-x:hidden;overflow-x:clip}
html{background:var(--page)}
body.ideo-site{margin:0;background:var(--page);color:var(--t1);font-family:var(--serif);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body .ideo-doctors{display:block;max-width:1200px;margin:0 auto;padding:calc(var(--head-h,76px) + clamp(56px,9vh,104px)) clamp(18px,3.6vw,56px) clamp(10px,1.8vw,26px);color:var(--t1)}
body .ideo-doctors h1,body .ideo-doctors h2,body .ideo-doctors h3{font-weight:400}
body .ideo-doctors em{font-style:italic;color:var(--crimson)}

/* head */
body .ideo-doctors .dr-head{display:flex;flex-direction:column;align-items:center;text-align:center}
body .ideo-doctors .dr-mark{display:flex;align-items:center;gap:14px;margin:0;font-size:11.5px;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:var(--t3)}
body .ideo-doctors .dr-mark s{display:block;width:clamp(34px,6vw,76px);height:1px;background:var(--line-2)}
body .ideo-doctors h1{max-width:15em;margin:22px 0 0;font-size:clamp(38px,5.2vw,72px);line-height:1.02;letter-spacing:-.03em;text-wrap:balance}
body .ideo-doctors .dr-sub{max-width:50ch;margin:22px 0 0;font-size:17.5px;line-height:1.6;color:var(--t2);text-wrap:balance}
body .ideo-doctors .dr-promise{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 22px;margin:22px 0 0;padding:0;list-style:none}
body .ideo-doctors .dr-promise li{display:inline-flex;align-items:center;gap:9px;font-size:15.5px;color:var(--t1)}
body .ideo-doctors .dr-promise li::before{content:"";width:13px;height:7px;margin-top:-4px;border-left:1.6px solid #F05A4B;border-bottom:1.6px solid #F05A4B;transform:rotate(-45deg)}
body .ideo-doctors .dr-why{width:min(640px,100%);margin:26px 0 0;border:1px solid var(--line-2);border-radius:18px;text-align:left;transition:border-color .3s var(--ease),background .3s var(--ease)}
body .ideo-doctors .dr-why[open]{border-color:rgba(211,42,31,.45);background:rgba(211,42,31,.05)}
body .ideo-doctors .dr-why summary{display:flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:10px 18px;list-style:none;cursor:pointer;font-size:15.5px;color:var(--t1)}
body .ideo-doctors .dr-why summary::-webkit-details-marker{display:none}
body .ideo-doctors .dr-why summary::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--crimson);box-shadow:0 0 0 4px rgba(211,42,31,.15)}
body .ideo-doctors .dr-why summary svg{width:12px;height:8px;fill:none;stroke:var(--t2);stroke-width:1.4;transition:transform .3s var(--ease)}
body .ideo-doctors .dr-why[open] summary svg{transform:rotate(180deg)}
body .ideo-doctors .dr-why summary:focus-visible{outline:2px solid var(--crimson);outline-offset:3px;border-radius:18px}
body .ideo-doctors .dr-why ul{margin:0;padding:4px 22px 20px;list-style:none;display:grid;gap:12px}
body .ideo-doctors .dr-why li{font-size:15.5px;line-height:1.6;color:var(--t2)}
body .ideo-doctors .dr-why li b{font-weight:400;color:var(--t1)}

/* sections */
body .ideo-doctors .dr-cu,body .ideo-doctors .dr-guides,body .ideo-doctors .dr-done{margin:clamp(56px,4.2vw + 44px,104px) 0 0}
body .ideo-doctors .dr-sec{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 24px;padding-bottom:18px;border-bottom:1px solid var(--line)}
body .ideo-doctors .dr-sec h2{margin:0;font-size:clamp(28px,2.8vw,40px);line-height:1.1;letter-spacing:-.02em}
body .ideo-doctors .dr-sec p{margin:0;font-size:15.5px;color:var(--t3)}
/* v104: topic and reading time in plain sentence case, easier to read than spaced capitals */
body .ideo-doctors .dr-meta,.dr-reader .dr-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 0;margin:0;font-size:14px;line-height:1.4;letter-spacing:.01em;color:var(--t3)}
body .ideo-doctors .dr-meta span:first-child,.dr-reader .dr-meta span:first-child{display:inline-flex;align-items:center;gap:8px;color:var(--t2)}
body .ideo-doctors .dr-meta span:first-child::before,.dr-reader .dr-meta span:first-child::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--crimson)}
body .ideo-doctors .dr-meta span+span::before,.dr-reader .dr-meta span+span::before{content:"\00B7";margin:0 9px;color:var(--t3)}
body .ideo-doctors h3{margin:10px 0 0;letter-spacing:-.01em;text-wrap:balance}
body .ideo-doctors .dr-open{color:inherit;text-decoration:none}
body .ideo-doctors .dr-open::after{content:"";position:absolute;inset:0;z-index:2;border-radius:inherit}
body .ideo-doctors .dr-open:focus-visible{outline:none}
body .ideo-doctors [data-post-card]:has(.dr-open:focus-visible){outline:2px solid var(--crimson);outline-offset:6px}
body .ideo-doctors .dr-pic{position:relative;overflow:hidden;aspect-ratio:3/2;border-radius:14px;border:1px solid var(--line);background:#1A2326}
body .ideo-doctors .dr-pic picture{display:block;width:100%;height:100%}
body .ideo-doctors .dr-img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
body .ideo-doctors [data-post-card]:hover .dr-img{transform:scale(1.035)}
body .ideo-doctors .dr-ex{margin:8px 0 0;font-size:15.5px;line-height:1.55;color:var(--t2)}

/* v105: the guides as one path. A line runs down the left; each step has a light that comes on as you
   reach it, and the line fills down to it. Guides are calm rows: picture, topic, title, one line. */
body .ideo-doctors .dr-jump{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 0}
body .ideo-doctors .dr-jump a{display:inline-flex;align-items:center;min-height:40px;padding:8px 16px;border:1px solid var(--line-2);border-radius:999px;font-size:15px;line-height:1.2;white-space:nowrap;color:var(--t2);text-decoration:none;
  transition:border-color .3s var(--ease),background .3s var(--ease),color .3s var(--ease)}
body .ideo-doctors .dr-jump a:hover{border-color:rgba(248,243,237,.42);color:var(--t1)}
body .ideo-doctors .dr-jump a[aria-current]{border-color:rgba(211,42,31,.7);background:rgba(211,42,31,.12);color:var(--t1)}
body .ideo-doctors .dr-jump a:focus-visible{outline:2px solid var(--crimson);outline-offset:3px}
body .ideo-doctors .dr-road{margin:clamp(40px,4vw,60px) 0 0}
body .ideo-doctors .dr-stage{position:relative;display:grid;grid-template-columns:minmax(0,290px) minmax(0,1fr);gap:clamp(28px,4vw,64px);align-items:start;
  padding:0 0 clamp(64px,5.5vw,96px) 46px;scroll-margin-top:calc(var(--head-h) + 28px)}
body .ideo-doctors .dr-stage:last-child{padding-bottom:0}
body .ideo-doctors .dr-stage::before,body .ideo-doctors .dr-stage::after{content:"";position:absolute;left:7px;top:12px;bottom:-12px;width:2px;border-radius:2px}
body .ideo-doctors .dr-stage::before{background:rgba(248,243,237,.1)}
body .ideo-doctors .dr-stage::after{background:linear-gradient(var(--crimson),rgba(211,42,31,.55));transform:scaleY(0);transform-origin:50% 0;transition:transform 1.2s var(--ease)}
body .ideo-doctors .dr-stage:last-child::before,body .ideo-doctors .dr-stage:last-child::after{display:none}
body .ideo-doctors .dr-stage.is-past::after{transform:scaleY(1)}
body .ideo-doctors .dr-stage-h{position:sticky;top:calc(var(--head-h) + 28px)}
body .ideo-doctors .dr-node{position:absolute;left:-46px;top:5px;width:16px;height:16px;border-radius:50%;border:1.5px solid rgba(248,243,237,.32);background:var(--page);
  transition:background .6s var(--ease),border-color .6s var(--ease),box-shadow .6s var(--ease)}
body .ideo-doctors .dr-stage.is-lit .dr-node{border-color:var(--crimson);background:var(--crimson);box-shadow:0 0 0 5px rgba(211,42,31,.16),0 0 20px rgba(211,42,31,.6)}
body .ideo-doctors .dr-step{margin:0;font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#F05A4B}
body .ideo-doctors .dr-stage-h h3{margin:8px 0 0;font-size:clamp(28px,2.6vw,36px);line-height:1.1;letter-spacing:-.02em}
body .ideo-doctors .dr-stage-p{margin:12px 0 0;font-size:16px;line-height:1.6;color:var(--t2)}
body .ideo-doctors .dr-stage-cards{display:grid}
body .ideo-doctors .dr-card{position:relative;display:grid;grid-template-columns:clamp(150px,17vw,230px) minmax(0,1fr) auto;gap:clamp(16px,2vw,28px);align-items:center;padding:22px 0;border-bottom:1px solid var(--line);border-radius:4px}
body .ideo-doctors .dr-card:first-child{padding-top:0}
body .ideo-doctors .dr-card:last-child{border-bottom:0;padding-bottom:0}
body .ideo-doctors .dr-card h4{margin:8px 0 0;font-size:clamp(20px,1.7vw,24px);font-weight:400;line-height:1.25;letter-spacing:-.01em;text-wrap:balance;transition:color .3s var(--ease)}
body .ideo-doctors .dr-card:hover h4{color:#fff}
body .ideo-doctors .dr-card .dr-ex{max-width:52ch}
body .ideo-doctors .dr-num{align-self:start;font-size:14px;letter-spacing:.08em;color:var(--t3)}

/* the checkup: questions on the left, the answer building on the right */
body .ideo-doctors .dr-sec h2 em{font-style:italic;white-space:nowrap}
body .ideo-doctors .dr-cu-in{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(28px,4vw,56px);margin:18px 0 0;align-items:start}
body .ideo-doctors .dr-cu-qs{margin:0;padding:0;list-style:none}
body .ideo-doctors .dr-cu-q{border-bottom:1px solid var(--line)}
body .ideo-doctors .dr-cu-q:first-child fieldset{padding-top:4px}
body .ideo-doctors .dr-cu-q fieldset{display:flex;align-items:center;justify-content:space-between;gap:14px 24px;margin:0;padding:18px 0;border:0;min-width:0}
body .ideo-doctors .dr-cu-q legend{float:left;display:flex;gap:14px;flex:1 1 auto;min-width:0;padding:0;font-size:17px;line-height:1.5;color:var(--t1)}
body .ideo-doctors .dr-cu-n{flex:none;width:24px;padding-top:2px;font-size:14px;letter-spacing:.06em;color:#F05A4B}
body .ideo-doctors .dr-cu-a{display:flex;flex:none;gap:8px}
body .ideo-doctors .dr-cu-a label{position:relative;cursor:pointer}
body .ideo-doctors .dr-cu-a input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}
body .ideo-doctors .dr-cu-a span{display:block;min-width:76px;padding:9px 14px;border:1px solid var(--line-2);border-radius:999px;font-size:15px;line-height:1.2;text-align:center;color:var(--t2);
  transition:border-color .3s var(--ease),background .3s var(--ease),color .3s var(--ease)}
body .ideo-doctors .dr-cu-a label:hover span{border-color:rgba(248,243,237,.42);color:var(--t1)}
body .ideo-doctors .dr-cu-a input:focus-visible+span{outline:2px solid var(--crimson);outline-offset:3px}
body .ideo-doctors .dr-cu-a input[value="yes"]:checked+span{border-color:rgba(120,200,160,.6);background:rgba(120,200,160,.12);color:var(--t1)}
body .ideo-doctors .dr-cu-a input[value="no"]:checked+span{border-color:rgba(211,42,31,.7);background:rgba(211,42,31,.12);color:var(--t1)}
body .ideo-doctors .dr-cu-out{position:sticky;top:calc(var(--head-h,76px) + 24px);padding:clamp(22px,2.4vw,32px);border:1px solid var(--line-2);border-radius:20px;background:rgba(248,243,237,.03)}
body .ideo-doctors .dr-cu-score{margin:0;font-size:18px;color:var(--t2)}
body .ideo-doctors .dr-cu-score b{font-weight:400;font-size:clamp(40px,3.6vw,52px);line-height:1;letter-spacing:-.02em;color:var(--t1);margin-right:4px}
body .ideo-doctors .dr-cu-bar{height:4px;margin:16px 0 0;border-radius:4px;background:rgba(248,243,237,.08);overflow:hidden}
body .ideo-doctors .dr-cu-bar i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,var(--crimson),#F05A4B);transform:scaleX(0);transform-origin:0 50%;transition:transform .6s var(--ease)}
body .ideo-doctors .dr-cu-msg{margin:18px 0 0;font-size:16px;line-height:1.55;color:var(--t2)}
body .ideo-doctors .dr-cu-fix{margin:12px 0 0;padding:0;list-style:none;counter-reset:fx}
body .ideo-doctors .dr-cu-fix li{position:relative;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 12px;padding:11px 0 11px 30px;border-top:1px solid var(--line);counter-increment:fx}
body .ideo-doctors .dr-cu-fix li::before{content:counter(fx);position:absolute;left:0;top:12px;width:20px;height:20px;border-radius:50%;border:1px solid rgba(211,42,31,.6);font-size:12px;line-height:19px;text-align:center;color:#F05A4B}
body .ideo-doctors .dr-cu-fix a{font-size:16px;line-height:1.4;color:var(--t1);text-decoration:underline;text-decoration-color:rgba(211,42,31,.55);text-underline-offset:4px;text-decoration-thickness:1px}
body .ideo-doctors .dr-cu-fix a:hover{text-decoration-color:var(--crimson)}
body .ideo-doctors .dr-cu-fix a:focus-visible{outline:2px solid var(--crimson);outline-offset:3px}
body .ideo-doctors .dr-cu-fix small{font-size:13px;color:var(--t3)}
body .ideo-doctors .dr-cu-go{margin:18px 0 0;padding:18px 0 0;border-top:1px solid var(--line)}
body .ideo-doctors .dr-cu-go[hidden]{display:none}
body .ideo-doctors .dr-cu-go p{margin:0 0 12px;font-size:16px;color:var(--t1)}

/* done for you: the one place the page asks for anything */
body .ideo-doctors .dr-done{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:28px clamp(32px,4vw,64px);align-items:center;padding:clamp(28px,3.4vw,48px);border:1px solid rgba(211,42,31,.32);border-radius:22px;
  background:linear-gradient(160deg,rgba(211,42,31,.1),rgba(248,243,237,.02) 60%)}
body .ideo-doctors .dr-done h2{margin:0;font-size:clamp(28px,2.8vw,40px);line-height:1.12;letter-spacing:-.02em;text-wrap:balance}
body .ideo-doctors .dr-done-t p{margin:14px 0 0;max-width:52ch;font-size:16.5px;line-height:1.6;color:var(--t2)}
body .ideo-doctors .dr-done-go{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin:24px 0 0}
body .ideo-doctors .dr-done-ask{font-size:16px;color:var(--t1);text-decoration:underline;text-decoration-color:rgba(248,243,237,.35);text-underline-offset:5px;text-decoration-thickness:1px}
body .ideo-doctors .dr-done-ask:hover{text-decoration-color:var(--crimson)}
body .ideo-doctors .dr-done-list{display:grid;gap:0;margin:0;padding:0;list-style:none}
body .ideo-doctors .dr-done-list li{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:16px;line-height:1.4;color:var(--t1)}
body .ideo-doctors .dr-done-list li:last-child{border-bottom:0}
body .ideo-doctors .dr-done-list li::before{content:"";flex:none;width:12px;height:6.5px;margin:-4px 3px 0 2px;border-left:1.6px solid #F05A4B;border-bottom:1.6px solid #F05A4B;transform:rotate(-45deg)}
body .ideo-doctors .dr-done .ideo-btn:focus-visible,body .ideo-doctors .dr-cu .ideo-btn:focus-visible,body .ideo-doctors .dr-done-ask:focus-visible{outline:2px solid var(--crimson);outline-offset:3px}

/* paragraphs justified, as on every page; site.js keeps the spaces even */
body .ideo-doctors .dr-ex,body .ideo-doctors .dr-done-t p,body .ideo-doctors .dr-why li,.dr-reader .dr-r-short p:not(.dr-r-k),.dr-reader .dr-r-body p,.dr-reader .dr-r-help p:not(.dr-r-k){text-align:justify;text-align-last:left;-webkit-hyphens:auto;hyphens:auto}

/* arrive once */
body .ideo-doctors .dr-done[data-rise]>*,body .ideo-doctors .dr-cu[data-rise] .dr-cu-in{opacity:0;transform:translateY(14px);transition:opacity .9s var(--ease),transform 1.1s var(--ease-out)}
body .ideo-doctors .dr-done[data-rise]>:nth-child(2){transition-delay:.18s}
body .ideo-doctors .dr-done.is-up>*,body .ideo-doctors .dr-cu.is-up .dr-cu-in{opacity:1;transform:none}

/* the reader: a sheet from the bottom, nearly full screen, with a handle at the top */
html.dr-lock,html.dr-lock body{overflow:hidden}
.dr-reader{position:fixed;inset:0;z-index:85;font-family:var(--serif);color:var(--t1)}
.dr-reader[hidden]{display:none}
.dr-reader .dr-r-bg{position:absolute;inset:0;background:rgba(5,9,10,.72);opacity:0;transition:opacity .4s var(--ease)}
.dr-reader .dr-r-sheet{position:absolute;left:50%;bottom:0;width:min(900px,100%);height:calc(100% - max(12px,env(safe-area-inset-top)));display:flex;flex-direction:column;
  background:#141E20;border:1px solid var(--line-2);border-bottom:0;border-radius:22px 22px 0 0;box-shadow:0 -30px 80px -30px rgba(0,0,0,.8);
  transform:translate3d(-50%,100%,0);transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.dr-reader.is-on .dr-r-bg{opacity:1}
.dr-reader.is-on .dr-r-sheet{transform:translate3d(-50%,0,0)}
.dr-reader.is-drag .dr-r-sheet{transition:none}
.dr-reader .dr-r-top{position:relative;flex:none;height:46px;touch-action:none;cursor:grab}
.dr-reader .dr-r-grab{position:absolute;inset:0;width:100%;border:0;background:none;cursor:grab;padding:0}
.dr-reader .dr-r-grab i{position:absolute;left:50%;top:12px;width:44px;height:5px;margin-left:-22px;border-radius:5px;background:rgba(248,243,237,.32);transition:background .3s var(--ease)}
.dr-reader .dr-r-grab:hover i,.dr-reader.is-drag .dr-r-grab i{background:rgba(248,243,237,.6)}
.dr-reader .dr-r-x{position:absolute;right:12px;top:8px;width:38px;height:38px;border:1px solid var(--line-2);border-radius:50%;background:rgba(248,243,237,.04);color:var(--t1);cursor:pointer;display:grid;place-items:center;
  transition:border-color .3s var(--ease),background .3s var(--ease)}
.dr-reader .dr-r-x:hover{border-color:rgba(211,42,31,.7);background:rgba(211,42,31,.15)}
.dr-reader .dr-r-x svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.5}
.dr-reader button:focus-visible,.dr-reader a:focus-visible{outline:2px solid var(--crimson);outline-offset:3px}
.dr-reader .dr-r-scroll{flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:0 clamp(18px,5vw,64px) calc(40px + env(safe-area-inset-bottom))}
.dr-reader .dr-r-scroll:focus{outline:none}
.dr-reader .dr-r-post{max-width:680px;margin:0 auto}
.dr-reader .dr-r-img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:16px;border:1px solid var(--line)}
.dr-reader .dr-meta{margin:26px 0 0}
.dr-reader .dr-r-h{margin:12px 0 0;font-size:clamp(30px,4vw,44px);font-weight:400;line-height:1.1;letter-spacing:-.02em;text-wrap:balance}
/* v104: a calm reading column, the answer first, then steps a doctor can follow */
.dr-reader .dr-r-k{margin:0 0 8px;font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#F05A4B}
.dr-reader .dr-r-short{margin:24px 0 0;padding:20px 22px;border-radius:14px;background:rgba(248,243,237,.05);border-left:2px solid var(--crimson)}
.dr-reader .dr-r-short p:not(.dr-r-k){margin:0;font-size:18.5px;line-height:1.65;color:var(--t1)}
.dr-reader .dr-r-body{font-size:18px;line-height:1.75;color:rgba(248,243,237,.86)}
.dr-reader .dr-r-body h3{margin:40px 0 0;font-size:clamp(22px,2.4vw,26px);font-weight:400;line-height:1.25;letter-spacing:-.01em;color:var(--t1);text-wrap:balance}
.dr-reader .dr-r-body p{margin:12px 0 0}
.dr-reader .dr-r-body b{font-weight:700;color:var(--t1)}
.dr-reader .dr-r-body ol,.dr-reader .dr-r-body ul{margin:14px 0 0;padding:0;list-style:none}
.dr-reader .dr-steps{counter-reset:st}
.dr-reader .dr-steps li{position:relative;padding:0 0 0 44px;margin:0 0 14px;counter-increment:st}
.dr-reader .dr-steps li::before{content:counter(st);position:absolute;left:0;top:2px;width:28px;height:28px;border-radius:50%;background:rgba(211,42,31,.14);border:1px solid rgba(211,42,31,.5);font-size:14px;line-height:26px;text-align:center;color:var(--t1)}
.dr-reader .dr-dots li,.dr-reader .dr-avoid li{position:relative;padding:0 0 0 28px;margin:0 0 10px}
.dr-reader .dr-dots li::before{content:"";position:absolute;left:6px;top:.72em;width:7px;height:7px;border-radius:50%;background:#F05A4B}
.dr-reader .dr-avoid li::before,.dr-reader .dr-avoid li::after{content:"";position:absolute;left:3px;top:.8em;width:13px;height:1.6px;border-radius:2px;background:rgba(240,90,75,.85);transform:rotate(45deg)}
.dr-reader .dr-avoid li::after{transform:rotate(-45deg)}
.dr-reader .dr-eg{margin:14px 0 0;padding:16px 20px;border:1px solid var(--line-2);border-radius:14px;background:rgba(248,243,237,.03);font-style:italic;color:var(--t1)}
.dr-reader .dr-r-check{margin:40px 0 0;padding:22px 22px 10px;border:1px solid var(--line-2);border-radius:16px}
.dr-reader .dr-r-check ul{margin:6px 0 0;padding:0;list-style:none}
.dr-reader .dr-r-check li{margin:0 0 12px}
.dr-reader .dr-r-check label{display:flex;gap:14px;align-items:flex-start;cursor:pointer;font-size:17px;line-height:1.55;color:var(--t1)}
.dr-reader .dr-r-check input{flex:none;appearance:none;-webkit-appearance:none;width:22px;height:22px;margin:2px 0 0;border:1.5px solid rgba(248,243,237,.4);border-radius:6px;background:transparent;cursor:pointer;display:grid;place-items:center;
  transition:background .25s var(--ease),border-color .25s var(--ease)}
.dr-reader .dr-r-check input::after{content:"";width:10px;height:5.5px;margin-top:-3px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) scale(0);transition:transform .25s var(--ease)}
.dr-reader .dr-r-check input:checked{background:var(--crimson);border-color:var(--crimson)}
.dr-reader .dr-r-check input:checked::after{transform:rotate(-45deg) scale(1)}
.dr-reader .dr-r-check input:checked+span{color:var(--t2);text-decoration:line-through;text-decoration-color:rgba(248,243,237,.35)}
.dr-reader .dr-r-check input:focus-visible{outline:2px solid var(--crimson);outline-offset:3px}
.dr-reader .dr-r-fine{margin:18px 0 0;font-size:14.5px;line-height:1.55;font-style:italic;color:var(--t3)}
.dr-reader .dr-r-help{margin:40px 0 0;padding:24px;border:1px solid rgba(211,42,31,.35);border-radius:18px;background:linear-gradient(160deg,rgba(211,42,31,.1),rgba(248,243,237,.02) 70%)}
.dr-reader .dr-r-help p:not(.dr-r-k){margin:0;font-size:17px;line-height:1.6;color:var(--t1)}
.dr-reader .dr-r-go{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin:18px 0 0}
.dr-reader .dr-r-go a{font-size:16px;color:var(--t1);text-decoration:underline;text-decoration-color:rgba(248,243,237,.35);text-underline-offset:5px;text-decoration-thickness:1px}
.dr-reader .dr-r-go a:hover{text-decoration-color:var(--crimson)}
.dr-reader .dr-r-nav{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:680px;margin:44px auto 0}
.dr-reader .dr-r-nav button{display:flex;flex-direction:column;gap:6px;min-height:84px;padding:14px 16px;border:1px solid var(--line-2);border-radius:14px;background:rgba(248,243,237,.03);font:inherit;color:var(--t1);text-align:left;cursor:pointer;
  transition:border-color .3s var(--ease),background .3s var(--ease)}
.dr-reader .dr-r-nav .dr-r-next{text-align:right;align-items:flex-end}
.dr-reader .dr-r-nav button:hover{border-color:rgba(211,42,31,.6);background:rgba(211,42,31,.08)}
.dr-reader .dr-r-nav small{font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--t3)}
.dr-reader .dr-r-nav span{font-size:16px;line-height:1.3}

@media (max-width:959px){
  body .ideo-doctors .dr-cu-in,body .ideo-doctors .dr-done,body .ideo-doctors .dr-stage{grid-template-columns:1fr}
  body .ideo-doctors .dr-cu-out{position:static}
  body .ideo-doctors .dr-stage{gap:22px}
  body .ideo-doctors .dr-stage-h{position:relative;top:auto}
  /* the step bar stays under the header while the guides scroll */
  body .ideo-doctors .dr-jump{position:sticky;top:var(--head-h);z-index:6;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:22px calc(-1 * clamp(18px,3.6vw,56px)) 0;padding:10px clamp(18px,3.6vw,56px);
    background:linear-gradient(var(--page) 78%,rgba(18,27,29,0))}
  body .ideo-doctors .dr-jump::-webkit-scrollbar{display:none}
  body .ideo-doctors .dr-stage{scroll-margin-top:calc(var(--head-h) + 70px)}
}
@media (max-width:599px){
  body .ideo-doctors{padding-top:calc(var(--head-h,64px) + 44px)}
  body .ideo-doctors .dr-cu,body .ideo-doctors .dr-guides,body .ideo-doctors .dr-done{margin-top:60px}
  body .ideo-doctors .dr-done .ideo-btn,body .ideo-doctors .dr-cu-go .ideo-btn{width:100%;justify-content:center}
  body .ideo-doctors .dr-done-go{flex-direction:column;align-items:stretch;text-align:center}
  body .ideo-doctors .dr-cu-q fieldset{flex-direction:column;align-items:stretch;gap:12px}
  body .ideo-doctors .dr-cu-a{padding-left:38px}
  body .ideo-doctors .dr-cu-a label{flex:1}
  body .ideo-doctors .dr-cu-a span{min-width:0}
  /* on phones a guide is a row: a square picture beside the words */
  body .ideo-doctors .dr-road{margin-top:28px}
  body .ideo-doctors .dr-stage{padding:0 0 56px 30px}
  body .ideo-doctors .dr-node{left:-30px;top:3px;width:14px;height:14px}
  body .ideo-doctors .dr-stage::before,body .ideo-doctors .dr-stage::after{left:6px;top:10px}
  body .ideo-doctors .dr-stage-h h3{font-size:28px}
  body .ideo-doctors .dr-stage-p{font-size:15.5px}
  body .ideo-doctors .dr-card{grid-template-columns:112px minmax(0,1fr);column-gap:14px;align-items:start;padding:16px 0}
  /* v150: the whole picture, logo and all, in its own 3:2 frame */
  body .ideo-doctors .dr-card .dr-pic{aspect-ratio:3/2;border-radius:10px;margin-top:3px}
  body .ideo-doctors .dr-card .dr-meta{margin-top:2px;font-size:13px}
  body .ideo-doctors .dr-card h4{margin-top:6px;font-size:18px}
  body .ideo-doctors .dr-card .dr-ex{display:none}
  body .ideo-doctors .dr-num{display:none}
  .dr-reader .dr-r-sheet{border-radius:18px 18px 0 0}
  .dr-reader .dr-r-scroll{padding-left:16px;padding-right:16px}
  .dr-reader .dr-r-short{padding:16px 12px 16px 14px}
  .dr-reader .dr-r-short p:not(.dr-r-k){font-size:16.5px}
  .dr-reader .dr-r-body{font-size:16.5px;line-height:1.72}
  .dr-reader .dr-r-help p:not(.dr-r-k){font-size:16.5px}
  .dr-reader .dr-r-check,.dr-reader .dr-r-help{padding:20px 14px}
  .dr-reader .dr-r-go .ideo-btn{width:100%;justify-content:center}
  .dr-reader .dr-r-go{flex-direction:column;align-items:stretch;text-align:center}
  .dr-reader .dr-r-nav{grid-template-columns:1fr}
  .dr-reader .dr-r-nav .dr-r-next{text-align:left;align-items:flex-start}
}
@media (prefers-reduced-motion:reduce){
  body .ideo-doctors *,.dr-reader *{transition:none!important}
  body .ideo-doctors .dr-done[data-rise]>*,body .ideo-doctors .dr-cu[data-rise] .dr-cu-in{opacity:1;transform:none}
}


/* v131 (Kazi 2026-10-18 11:57): the opening is the envelope's front (doctors.js). The globe lights up from Bangladesh,
   the red line comes in from the right edge with one heartbeat and runs clockwise round the orbit to its comet, and a
   soft pulse keeps walking the line. Laptops: the orbit holds the opening, the globe sits to the right, and a
   stethoscope's chest piece rests on Bangladesh as a shadow. Below 1180px: a small envelope emblem above the label. */
body .ideo-doctors .dr-steth{position:absolute;z-index:-1;left:0;top:0;width:100%;height:100%;overflow:visible;pointer-events:none}
body .ideo-doctors .dr-steth .dr-st-ln{fill:none;stroke:#D32A1F;stroke-opacity:.62;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
body .ideo-doctors .dr-globe .dr-dot{fill:#F8F3ED}
body .ideo-doctors .dr-globe .dr-grat,body .ideo-doctors .dr-globe .dr-rim{fill:none;stroke:rgba(248,243,237,.075);stroke-width:1}
body .ideo-doctors .dr-globe .dr-rim{stroke:rgba(248,243,237,.1)}
body .ideo-doctors .dr-steth .dr-st-light,body .ideo-doctors .dr-steth .dr-head{opacity:0;transition:opacity .6s var(--ease)}
body .ideo-doctors .dr-steth .dr-st-light.is-on,body .ideo-doctors .dr-steth.is-done .dr-head{opacity:1}
body .ideo-doctors .dr-steth .dr-pulse{opacity:0}
body .ideo-doctors .dr-steth-room{display:none}
/* v136 (Kazi): the globe is its own layer; it glides in and lights up in one smooth move instead of band by band */
body .ideo-doctors .dr-globe{position:absolute;z-index:-1;left:0;top:0;width:100%;height:100%;overflow:visible;pointer-events:none;opacity:0;transform:translateX(-36px);transition:opacity 1.6s var(--ease),transform 2.4s cubic-bezier(.16,.84,.24,1);will-change:opacity,transform}
body .ideo-doctors .dr-globe.is-lit{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){body .ideo-doctors .dr-globe{transition:none;transform:none}}
@media (min-width:1180px){body .ideo-doctors .dr-head{z-index:3}body .ideo-doctors .dr-sub{max-width:72ch}body .ideo-doctors .dr-why{position:relative}body .ideo-doctors .dr-why ul{position:absolute;z-index:3;left:0;right:0;top:calc(100% + 10px);padding:20px 24px 22px;border:1px solid rgba(211,42,31,.4);border-radius:18px;background:#121A1D;box-shadow:0 26px 60px rgba(0,0,0,.5)}}
@media (max-width:1179px){html.ideo-js body .ideo-doctors .dr-steth-room{display:block;flex:none;width:100%;height:clamp(84px,22vw,104px);margin:0 0 10px}}
@media (min-width:1180px){body .ideo-doctors .dr-head{padding-bottom:64px}}

/* v133 (Kazi 2026-10-18): on laptops the globe is a large faint watermark behind the words, like the Our Story and Contact drawings */
@media (min-width:1180px){body .ideo-doctors .dr-rim{stroke-opacity:.45}body .ideo-doctors .dr-grat{stroke-opacity:.42}body .ideo-doctors .dr-head h1{text-shadow:0 2px 30px rgba(10,15,16,.7)}}
/* v138 (Kazi): the note that a checklist was ticked before, on this device */
.dr-reader .dr-r-note{position:absolute;left:50%;bottom:calc(18px + env(safe-area-inset-bottom));z-index:5;display:flex;align-items:center;gap:14px;width:max-content;max-width:min(560px,calc(100% - 28px));padding:12px 12px 12px 18px;border:1px solid rgba(211,42,31,.42);border-radius:16px;background:#151E21;box-shadow:0 18px 44px rgba(0,0,0,.5);font-size:15px;line-height:1.45;color:var(--t1);opacity:0;transform:translate(-50%,16px);transition:opacity .35s var(--ease),transform .5s var(--ease);pointer-events:none}
.dr-reader .dr-r-note.is-on{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.dr-reader .dr-r-note button{flex:none;min-height:38px;padding:0 16px;border:1px solid rgba(248,243,237,.3);border-radius:999px;background:none;color:var(--t1);font:inherit;font-size:14px;cursor:pointer;transition:border-color .25s var(--ease),background .25s var(--ease)}
.dr-reader .dr-r-note button:hover{border-color:var(--crimson);background:rgba(211,42,31,.12)}
@media (prefers-reduced-motion:reduce){.dr-reader .dr-r-note{transition:opacity .2s linear;transform:translate(-50%,0)}}
/* v139 (Kazi 16:57): one drawing on every screen; the small emblem's room above the label is no longer used */
@media (max-width:1179px){html.ideo-js body .ideo-doctors .dr-steth-room{display:none}}
/* v140 (Kazi 17:06): the reader's close button sits in its own bar, clear of the picture, and is a full finger's size */
.dr-reader .dr-r-top{height:62px}
.dr-reader .dr-r-x{top:10px;right:12px;width:44px;height:44px;transition:border-color .25s var(--ease),background .25s var(--ease),color .25s var(--ease),transform .35s var(--ease)}
.dr-reader .dr-r-x:hover{color:#fff;transform:rotate(90deg)}
.dr-reader .dr-r-x svg{width:14px;height:14px}
/* the whole guide card opens the guide, the picture too */
body .ideo-doctors .dr-card .dr-pic{cursor:pointer}
/* v144 (Kazi, 2026-10-19): whose practice. site.js (v144 block) puts the name into the heading, the first two questions and the score */
body .ideo-doctors .dr-cu-you{flex:1 0 100%;display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:10px 0 0}
body .ideo-doctors .dr-cu-you-k{font-size:15.5px;color:var(--t2)}
body .ideo-doctors .dr-cu-you-f{display:flex;align-items:center;gap:8px;width:min(340px,100%);padding:0 18px;border:1px solid var(--line-2);border-radius:999px;background:rgba(248,243,237,.04);cursor:text;transition:border-color .35s var(--ease)}
body .ideo-doctors .dr-cu-you-f:focus-within{border-color:rgba(211,42,31,.7)}
body .ideo-doctors .dr-cu-you-f > span{font-size:16px;color:var(--t3)}
body .ideo-doctors .dr-cu-you-f:has(input:placeholder-shown) > span{display:none}
body .ideo-doctors .dr-cu-you-f input{flex:1 1 auto;min-width:0;height:44px;padding:0;border:0;background:none;font:inherit;font-size:16px;color:var(--t1);outline:none}
body .ideo-doctors .dr-cu-you-f input::placeholder{color:var(--t3);opacity:1}
body .ideo-doctors .dr-cu-who.is-you{display:block;margin:0 0 10px;font-size:15px;color:var(--t3)}
/* v146 (Kazi 04:49): the comet is a row of soft lights in its own layer, moved only by transform so it glides without
   jolts; the end point of the line is its own small light that blooms as the comet lands */
body .ideo-doctors .dr-cmt{position:absolute;z-index:-1;left:0;top:0;width:0;height:0;pointer-events:none}
body .ideo-doctors .dr-cmt > i{position:absolute;left:0;top:0;border-radius:50%;will-change:transform,opacity}
/* v152 (Kazi 2026-10-20): the line's end point, a white light on a red glow, softly breathing once the line is drawn */
body .ideo-doctors .dr-cmt > .dr-end{position:absolute;left:0;top:0;width:0;height:0;opacity:0;transition:opacity 1.2s var(--ease)}
body .ideo-doctors .dr-cmt.is-done > .dr-end{opacity:var(--o,1)}
body .ideo-doctors .dr-end::before,body .ideo-doctors .dr-end::after{content:"";position:absolute;border-radius:50%}
body .ideo-doctors .dr-end::before{left:-15px;top:-15px;width:30px;height:30px;
  background:radial-gradient(circle,rgba(211,42,31,.6) 0,rgba(211,42,31,.24) 42%,rgba(211,42,31,0) 70%);animation:dr-endGlow 3.2s ease-in-out infinite}
body .ideo-doctors .dr-end::after{left:-4px;top:-4px;width:8px;height:8px;
  background:radial-gradient(circle,#FFFFFF 0,#FFF3EE 55%,rgba(255,236,230,.6) 100%);box-shadow:0 0 6px rgba(255,246,242,.75);animation:dr-endCore 3.2s ease-in-out infinite}
body .ideo-doctors .dr-cmt.is-sm > .dr-end{transform-origin:0 0}
@keyframes dr-endGlow{0%,100%{opacity:.55;transform:scale(.82)}50%{opacity:1;transform:scale(1.08)}}
@keyframes dr-endCore{0%,100%{opacity:.78}50%{opacity:1}}
body .ideo-doctors .dr-steth.ideo-rest ~ .dr-cmt .dr-end::before,body .ideo-doctors .dr-steth.ideo-rest ~ .dr-cmt .dr-end::after{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){body .ideo-doctors .dr-end::before,body .ideo-doctors .dr-end::after{animation:none}}
/* press:start */
/* generated by tools/press.py: the hover looks, for a finger on a touch screen */
.dr-reader .dr-r-x.is-press{border-color:rgba(211,42,31,.7);background:rgba(211,42,31,.15)}
.dr-reader .dr-r-x.is-press{color:#fff;transform:rotate(90deg)}
/* press:end */