/* Step 2 Mastery — Calm Companion UX
   Progressive disclosure layer: fewer decisions up front, full power on demand. */
:root{
  --calm-bg:#f7f9fc;
  --calm-card:#ffffff;
  --calm-soft:#f1f6ff;
  --calm-mint:#eef9f6;
  --calm-ink:#14213a;
  --calm-muted:#6b7280;
  --calm-line:#e6ebf2;
  --calm-shadow:0 8px 26px rgba(20,33,58,.055);
  --calm-shadow-up:0 14px 38px rgba(20,33,58,.09);
  --calm-surface:#ffffff;
  --calm-surface-alt:#fbfcfe;
  --calm-blue-soft:#f5f8ff;
  --calm-blue-softer:#f7faff;
  --calm-blue-line:#cfe0ff;
  --calm-takeaway:#f8fbff;
  --calm-takeaway-line:#dbe7f7;
  --calm-glass:rgba(255,255,255,.94);
  --calm-glass-soft:rgba(255,255,255,.70);
  --calm-dock:rgba(255,255,255,.96);
}
[data-theme="dark"]{
  --calm-bg:#101825;
  --calm-card:#172236;
  --calm-soft:#1d2b44;
  --calm-mint:#193633;
  --calm-ink:#eef3fa;
  --calm-muted:#aab6c8;
  --calm-line:#2c3a52;
  --calm-shadow:0 8px 26px rgba(0,0,0,.18);
  --calm-shadow-up:0 14px 38px rgba(0,0,0,.26);
  --calm-surface:#172236;
  --calm-surface-alt:#1b2940;
  --calm-blue-soft:#1b2b46;
  --calm-blue-softer:#1a2942;
  --calm-blue-line:#35527c;
  --calm-takeaway:#182b43;
  --calm-takeaway-line:#304964;
  --calm-glass:rgba(23,34,54,.96);
  --calm-glass-soft:rgba(23,34,54,.82);
  --calm-dock:rgba(18,29,47,.97);
}
body.calm-enhanced{background:var(--calm-bg)}
body.calm-enhanced .siteHeader{background:var(--calm-glass);border-bottom-color:var(--calm-line)}
body.calm-enhanced .nav a[href="study-method.html"],
body.calm-enhanced .nav a[href="clinical-sources.html"],
body.calm-enhanced .nav a[href="about.html"]{display:none}
body.calm-enhanced .module,body.calm-enhanced .feature,body.calm-enhanced .heroCard,body.calm-enhanced .dashPanel,body.calm-enhanced .card{box-shadow:var(--calm-shadow);border-color:var(--calm-line)}
body.calm-enhanced .module.live:hover,body.calm-enhanced .feature:hover{box-shadow:var(--calm-shadow-up)}

/* Homepage: show the useful choice, not the roadmap. */
body.homeCalm .hero{padding:58px 0 34px;background:radial-gradient(circle at 82% 8%,#e5efff 0,transparent 28%),linear-gradient(180deg,#fcfdff,var(--calm-bg))}
body.homeCalm .hero h1{max-width:720px;font-size:clamp(42px,5.2vw,58px);letter-spacing:-2px}
body.homeCalm .hero p{max-width:650px}
body.homeCalm .heroGrid{gap:28px}
body.homeCalm .heroCard{padding:24px}
body.homeCalm .homeQuickActions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:16px}
body.homeCalm .homeQuickActions a{display:flex;flex-direction:column;gap:2px;text-decoration:none;color:var(--ink);border:1px solid var(--calm-line);border-radius:14px;padding:13px;background:var(--calm-surface)}
body.homeCalm .homeQuickActions a:hover{border-color:#b8cdf8;background:var(--calm-surface-alt)}
body.homeCalm .homeQuickActions b{font-size:13px}
body.homeCalm .homeQuickActions span{font-size:11px;color:var(--muted)}
body.homeCalm .moduleGrid.calmLiveGrid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:900px}
body.homeCalm .moduleGrid.calmLiveGrid>.module:not(.live){display:none}
body.homeCalm .moduleGrid.calmLiveGrid .module{min-height:0;padding:22px}
body.homeCalm .moduleGrid.calmLiveGrid .module h3{font-size:22px}
body.homeCalm .section{padding:46px 0}
body.homeCalm .trust{padding:42px 0}

/* Module pages: calmer reading width and hierarchy. */
body.calmStudy .center{max-width:980px;padding-bottom:92px}
body.calmStudy .top{margin-bottom:8px}
body.calmStudy .top h1{letter-spacing:-.55px}
body.calmStudy .lede{font-size:16px;line-height:1.55;color:var(--muted)}
body.calmStudy .sourcebar,body.calmStudy .clinicalReviewBar{margin:0;border:0;box-shadow:none;background:transparent;padding:9px 0}
.moduleTrust{margin:10px 0 14px;border:1px solid var(--calm-line);border-radius:12px;background:var(--calm-glass-soft);overflow:hidden}
.moduleTrust>summary{cursor:pointer;list-style:none;padding:10px 13px;font-size:12px;font-weight:800;color:var(--muted);display:flex;align-items:center;gap:8px}
.moduleTrust>summary::-webkit-details-marker{display:none}
.moduleTrust>summary:before{content:'✓';display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--calm-mint);color:var(--green);font-size:11px}
.moduleTrust[open]>summary{border-bottom:1px solid var(--calm-line)}
.moduleTrustBody{padding:2px 13px 7px}
.moduleTrustBody .sourceIcon,.moduleTrustBody .clinicalReviewDot{display:none}

/* A single recommended next step. */
.calmNextStep{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:17px 0 15px;padding:15px 16px;border:1px solid var(--calm-blue-line);border-radius:15px;background:linear-gradient(135deg,var(--calm-blue-soft),var(--calm-surface-alt))}
.calmNextStepText{min-width:0}
.calmNextStep .micro{font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:var(--blue);font-weight:900}
.calmNextStep b{display:block;font-size:15px;margin:2px 0}
.calmNextStep p{margin:0!important;font-size:12px!important;color:var(--muted)!important}
.calmNextStepActions{display:flex;gap:7px;flex:0 0 auto}
.calmNextStep button{border:1px solid var(--line);background:var(--calm-surface);color:var(--ink);border-radius:10px;padding:9px 11px;font-weight:800;cursor:pointer;min-height:40px}
.calmNextStep button.primary{background:var(--blue);border-color:var(--blue);color:#fff}

/* Compress the chapter header without removing information. */
body.calmStudy .chapterIntro{padding:22px!important;border-radius:18px!important;box-shadow:var(--calm-shadow)!important}
body.calmStudy .chapterIntro h2{margin-bottom:7px!important}
body.calmStudy .chapterStats{gap:8px!important;margin-top:14px!important}
body.calmStudy .stat{background:var(--calm-surface-alt)!important;border:1px solid var(--calm-line)!important;border-radius:12px!important}
body.calmStudy .stat b{font-size:20px!important}
body.calmStudy .stat span{font-size:10px!important}
body.calmStudy .progressline{height:6px!important;margin:11px 0 4px!important}
.calmDisclosure{border-top:1px solid var(--calm-line);margin-top:12px;padding-top:2px}
.calmDisclosure>summary{cursor:pointer;color:var(--muted);font-size:12px;font-weight:800;padding:10px 2px;list-style:none}
.calmDisclosure>summary::-webkit-details-marker{display:none}
.calmDisclosure>summary:after{content:'⌄';float:right;font-size:14px;transition:transform .15s ease}
.calmDisclosure[open]>summary:after{transform:rotate(180deg)}
.calmDisclosure .studyLoop{margin:3px 0 8px!important}
.calmDisclosure .dueNote{margin:8px 0!important}

/* Practice modes: three obvious choices, advanced modes tucked away. */
body.calmStudy .sessionShelf{grid-template-columns:repeat(3,1fr)!important;gap:8px!important;margin-top:14px!important}
body.calmStudy .sessionCard{min-height:94px!important;padding:12px!important;border-color:var(--calm-line)!important;box-shadow:none!important}
body.calmStudy .sessionCard b{font-size:13px!important}
body.calmStudy .sessionCard span{font-size:11px!important;line-height:1.38!important}
body.calmStudy .sessionCard[data-session="smart10"]{border-color:var(--calm-blue-line)!important;background:var(--calm-blue-softer)!important}
.moreSessions{grid-column:1/-1;border-top:1px solid var(--calm-line);padding-top:1px}
.moreSessions>summary{cursor:pointer;list-style:none;font-size:11px;font-weight:800;color:var(--muted);padding:9px 2px}
.moreSessions>summary::-webkit-details-marker{display:none}
.moreSessionsGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-bottom:4px}
body.calmStudy .miniToc{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important;margin-top:3px!important}
.jumpDisclosure{margin-top:8px}

/* Toolbar: search + high-yield first, utilities second. */
body.calmStudy .toolbar{border:1px solid var(--calm-line)!important;border-radius:13px!important;padding:8px!important;box-shadow:0 6px 18px rgba(20,33,58,.04)!important}
body.calmStudy .toolbar .searchWrap{order:-2;flex:1 1 260px}
body.calmStudy #focusBtn{order:-1;background:var(--calm-blue-soft)!important;border-color:var(--calm-blue-line)!important}
.studyToolsMore{position:relative}
.studyToolsMore>summary{cursor:pointer;list-style:none;min-height:40px;display:flex;align-items:center;padding:7px 10px;border:1px solid var(--line);border-radius:9px;background:var(--paper);font-size:11px;font-weight:800;color:var(--muted)}
.studyToolsMore>summary::-webkit-details-marker{display:none}
.studyToolsMenu{position:absolute;right:0;top:44px;z-index:30;width:190px;padding:8px;background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 36px rgba(20,33,58,.15);display:grid;gap:6px}
.studyToolsMenu .tool{width:100%;justify-content:flex-start!important}

/* Study sections feel like pages, not a wall of cards. */
body.calmStudy #chapterBody>.section{max-width:860px;margin:13px auto!important;padding:20px 22px!important;border-radius:17px!important;border-color:var(--calm-line)!important;box-shadow:0 5px 18px rgba(20,33,58,.035)!important}
body.calmStudy #chapterBody>.section:has(.badge:not(.low):not(.review)){border-left:3px solid #8ab4ff!important}
body.calmStudy .sectionHead{padding-bottom:7px!important}
body.calmStudy .sectionHead h3{font-size:18px!important;letter-spacing:-.15px}
body.calmStudy .badge{font-size:9px!important;padding:4px 7px!important}
body.calmStudy .takeaways{background:var(--calm-takeaway)!important;border-color:var(--calm-takeaway-line)!important;border-radius:12px!important}
body.calmStudy .conceptPractice{border-radius:12px!important;background:var(--calm-surface-alt)!important;border-color:var(--calm-line)!important}
body.calmStudy .doneRow{margin-top:12px!important}
body.calmStudy .done{border-radius:9px!important}

/* Question drawer: remove toolbar anxiety; keep advanced tools available. */
body.calmStudy .right{background:var(--calm-surface)!important}
body.calmStudy .qhead{padding-bottom:10px!important}
body.calmStudy .qcontrols{display:grid!important;grid-template-columns:1.15fr 1fr auto!important;gap:7px!important;margin-bottom:9px!important}
body.calmStudy .qcontrols button{font-size:11px!important;border-radius:9px!important;padding:7px 8px!important}
body.calmStudy .qcontrols #randomBtn{background:var(--calm-surface)!important;color:var(--ink)!important;border-color:var(--line)!important}
#calmSmartBtn{background:var(--blue)!important;color:white!important;border-color:var(--blue)!important}
.practiceMore{position:relative}
.practiceMore>summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:center;min-height:44px;padding:7px 10px;border:1px solid var(--line);border-radius:9px;font-size:11px;font-weight:800;color:var(--muted);background:var(--calm-surface)}
.practiceMore>summary::-webkit-details-marker{display:none}
.practiceMoreMenu{position:absolute;right:0;top:48px;z-index:110;width:185px;background:var(--calm-surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 38px rgba(20,33,58,.16);padding:8px;display:grid;gap:6px}
.practiceMoreMenu button{width:100%;text-align:left}
body.calmStudy .qtools{gap:8px!important;align-items:center!important}
.confidenceDetails{flex:1}
.confidenceDetails>summary{cursor:pointer;list-style:none;min-height:38px;display:flex;align-items:center;padding:6px 10px;border:1px solid var(--line);border-radius:9px;color:var(--muted);font-size:11px;font-weight:800;background:var(--calm-surface)}
.confidenceDetails>summary::-webkit-details-marker{display:none}
.confidenceDetails[open]>summary{margin-bottom:6px}
.confidenceDetails .confidence{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:5px!important}
.confidenceDetails .confidenceLabel{display:none!important}
body.calmStudy .keyboard,body.calmStudy .copyright{display:none!important}
body.calmStudy .masteryLegend{opacity:.72}
body.calmStudy .qstem{font-size:16px!important;line-height:1.62!important;padding-top:7px!important}
body.calmStudy .choice{border-radius:12px!important;border-color:var(--calm-line)!important}
body.calmStudy .answerbox{border-radius:14px!important}

/* Mobile companion dock */
.calmDock{display:none}
@media(max-width:900px){
  body.calmStudy .calmDock{position:fixed;left:50%;bottom:max(10px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:85;display:grid;grid-template-columns:repeat(3,1fr);width:min(430px,calc(100vw - 24px));padding:6px;background:var(--calm-dock);backdrop-filter:blur(16px);border:1px solid var(--calm-line);border-radius:16px;box-shadow:0 14px 42px rgba(20,33,58,.18)}
  .calmDock button,.calmDock a{border:0;background:transparent;color:var(--muted);text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-height:48px;border-radius:11px;font-size:10px;font-weight:800}
  .calmDock button b,.calmDock a b{font-size:15px;line-height:1}
  .calmDock .dockPractice{background:var(--calm-blue-soft);color:var(--blue)}
  body.calmStudy .qFab{display:none!important}
}

/* Dashboard should answer "what next?" before showing analytics. */
body.calmDashboard .dashHero{padding-top:28px}
body.calmDashboard .smartAction{background:linear-gradient(135deg,#17375e,#245f9f);box-shadow:var(--calm-shadow)}
body.calmDashboard .dashPanel{box-shadow:var(--calm-shadow)}
body.calmDashboard .dashTwo{align-items:start}

/* Dark-theme accommodations on study pages. */
[data-theme="dark"] body.calmStudy .moduleTrust,
[data-theme="dark"] body.calmStudy .calmNextStep,
[data-theme="dark"] body.calmStudy .practiceMore>summary,
[data-theme="dark"] body.calmStudy .practiceMoreMenu,
[data-theme="dark"] body.calmStudy .confidenceDetails>summary,
[data-theme="dark"] body.calmStudy .studyToolsMore>summary,
[data-theme="dark"] body.calmStudy .studyToolsMenu{background:var(--paper);border-color:var(--line)}
[data-theme="dark"] body.calmStudy .calmNextStep{background:linear-gradient(135deg,#13263f,#14283f)}

@media(max-width:780px){
  body.homeCalm .homeQuickActions{grid-template-columns:1fr}
  body.homeCalm .moduleGrid.calmLiveGrid{grid-template-columns:1fr}
  body.calmStudy .chapterIntro{padding:17px!important}
  body.calmStudy .chapterStats{grid-template-columns:repeat(2,1fr)!important}
  .calmNextStep{align-items:flex-start;flex-direction:column}
  .calmNextStepActions{width:100%}.calmNextStepActions button{flex:1}
  body.calmStudy .sessionShelf{grid-template-columns:1fr!important}
  .moreSessions{grid-column:auto}.moreSessionsGrid{grid-template-columns:1fr}
  body.calmStudy .miniToc{grid-template-columns:1fr!important}
  body.calmStudy .toolbar{display:grid!important;grid-template-columns:1fr auto!important}
  body.calmStudy .toolbar .searchWrap{grid-column:1/-1;width:100%}
  body.calmStudy #chapterBody>.section{padding:17px!important}
  body.calmStudy .qcontrols{grid-template-columns:1fr 1fr auto!important}
}
@media(max-width:520px){
  body.homeCalm .hero{padding-top:38px}
  body.homeCalm .hero h1{font-size:38px!important;letter-spacing:-1.5px!important}
  body.calmStudy .chapterStats .stat:nth-child(2){display:none}
  body.calmStudy .chapterStats{grid-template-columns:repeat(3,1fr)!important}
  body.calmStudy .qcontrols{grid-template-columns:1fr 1fr 48px!important}
  .practiceMore>summary{font-size:0}.practiceMore>summary:after{content:'•••';font-size:14px;letter-spacing:2px}
  .practiceMoreMenu{right:0;width:205px}
}

/* Calm Companion v1.1 — practice stays out of sight until the learner asks for it. */
body.calmStudy .layout{grid-template-columns:235px minmax(0,1fr)!important}
body.calmStudy .right{display:block!important;position:fixed!important;right:0!important;top:0!important;width:min(470px,96vw)!important;height:100dvh!important;z-index:100!important;background:var(--paper)!important;box-shadow:-18px 0 54px rgba(17,39,67,.20)!important;transform:translateX(105%)!important;transition:transform .22s ease!important;border-left:1px solid var(--line)!important;border-top:0!important}
body.calmStudy.qOpen .right{transform:translateX(0)!important}
body.calmStudy.qOpen{overflow:hidden}
body.calmStudy .qClose{display:grid!important;place-items:center}
body.calmStudy .qFab{display:none!important}
body.calmStudy .person{display:none!important}
body.calmStudy .navLinks a[href="about.html"],
body.calmStudy .navLinks a[href="editorial-policy.html"],
body.calmStudy .navLinks a[href="clinical-sources.html"],
body.calmStudy .navLinks a[href="privacy.html"],
body.calmStudy .navLinks a[href="medical-disclaimer.html"]{display:none!important}
.calmPracticeTop{border:1px solid var(--blue)!important;background:var(--blue)!important;color:#fff!important;padding:8px 12px!important;border-radius:10px!important;font-weight:850!important;min-height:44px!important}
@media(max-width:900px){
  body.calmStudy .layout{grid-template-columns:210px minmax(0,1fr)!important}
  .calmPracticeTop{display:none!important}
}
@media(max-width:780px){body.calmStudy .layout{display:block!important}}

/* Calm Companion v1.2 — reduce repeated headings and compress mobile chapter navigation. */
body.calmStudy .top h1{font-size:29px!important;line-height:1.08!important}
body.calmStudy .top .lede{max-width:620px!important}
@media(max-width:780px){
  body.calmStudy .left{position:sticky!important;top:0!important;z-index:45!important;height:auto!important;display:block!important;padding:8px 10px!important;overflow:hidden!important}
  body.calmStudy .left>.brandWrap,
  body.calmStudy .left>.sub,
  body.calmStudy .left>.person,
  body.calmStudy .left>.navLabel,
  body.calmStudy .left>.navLinks,
  body.calmStudy .left>.leftfoot{display:none!important}
  body.calmStudy #chapterNav{display:flex!important;gap:8px!important;overflow-x:auto!important;overscroll-behavior-x:contain!important;scroll-snap-type:x proximity!important;padding:0 1px 3px!important;scrollbar-width:none!important}
  body.calmStudy #chapterNav::-webkit-scrollbar{display:none!important}
  body.calmStudy #chapterNav .chapbtn{flex:0 0 238px!important;min-width:238px!important;max-width:238px!important;min-height:66px!important;margin:0!important;padding:8px 10px!important;scroll-snap-align:start!important}
  body.calmStudy #chapterNav .chapbtn b{font-size:12px!important}
  body.calmStudy #chapterNav .chapbtn span{font-size:9px!important}
  body.calmStudy .center{padding-top:15px!important}
  body.calmStudy .top h1{font-size:27px!important}
  body.calmStudy .top .lede{font-size:14px!important}
}

/* Calm Companion v1.3 — keep future roadmap out of the active study path. */
.roadmapDisclosure{margin-top:22px;border-top:1px solid var(--calm-line);padding-top:4px}
.roadmapDisclosure>summary{cursor:pointer;list-style:none;font-size:14px;font-weight:850;color:var(--muted);padding:12px 2px}
.roadmapDisclosure>summary::-webkit-details-marker{display:none}
.roadmapDisclosure>summary:after{content:'⌄';float:right}
.roadmapDisclosure[open]>summary:after{transform:rotate(180deg)}
.roadmapDisclosure .roadmap{margin-top:7px}

/* Calm Companion v1.3 — stable reading view.
   The legacy Focus toggle used to hide the chapter rail while leaving its grid track behind.
   In the calm 2-column layout, collapse the rail and its track together. */
body.calmStudy.focusMode .layout{grid-template-columns:minmax(0,1fr)!important}
body.calmStudy.focusMode .left{display:none!important}
body.calmStudy.focusMode .center{max-width:980px!important;width:100%!important;margin:0 auto!important}
body.calmStudy.focusMode .top{max-width:100%}