/* Focused controls, consistent typography and accessible targets. */
[hidden]{display:none!important}button,select,input,summary{min-height:44px}button{min-width:44px}input[type=checkbox]{min-height:24px;min-width:24px}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #ffd48a;outline-offset:3px}header{flex-wrap:wrap;gap:8px!important;padding:12px 24px!important}header .brand{flex:1 1 360px}header nav{flex-wrap:wrap}header button{font-size:12px!important}header .brand>span{display:none}.creatorCredits{white-space:normal!important}.brandIdentity{width:auto!important}#welcome{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;padding:14px 18px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}#welcome h1{font-size:23px;margin:0 0 5px}#welcome p{margin:0;color:var(--muted);line-height:1.5}#startHere{background:var(--accent);color:#102b30;white-space:nowrap}#basicViews{display:flex;gap:8px;padding:8px 12px}#ecgDetails{margin:0;border-bottom:1px solid var(--line);padding:8px 12px}#ecgDetails summary{display:flex;align-items:center;color:var(--accent)}#ecgDetails #ecgPanel{padding:10px 0}#ecgDetails:not([open]) #ecgPanel{display:none}#heartPanel .viewSettings{padding:0 12px}#heartPanel .viewSettings>label{display:flex;align-items:center;gap:8px;padding:10px}#anatomyNote,#heartPanel>.colorKey,#heartPanel>.viewTeaching{display:none}body:not(.studying):not(.localizing) #anatomyWorkspace{height:calc(100dvh - 235px);min-height:500px}body:not(.studying):not(.localizing) #heartPanel #stage{min-height:270px}.localizing .reasoningGrid{grid-template-columns:minmax(0,1fr) 10px minmax(0,1fr)!important}.localizing .findings{max-height:none!important}.localizing #localizeHeart{max-height:calc(100dvh - 190px);overflow:auto}.localizing .results{grid-column:1/-1}.finding label{display:block;font-weight:600;margin-bottom:6px}.finding select{width:100%;font:inherit;padding:8px}#findingInputs{display:grid;grid-template-columns:1fr 1fr;gap:14px}#candidateList .regionChoice summary{display:flex;justify-content:space-between;gap:12px;padding:12px}#candidateList small{max-width:45%;color:var(--muted)}.comparisonHint,.matchGroup>p{display:none}#studyAnswers button{min-height:44px}.modalHeading{display:flex;align-items:center;justify-content:space-between;gap:12px}.modalHeading h2{margin:0}dialog{width:min(900px,94vw);max-height:88dvh;overflow:auto;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:14px;padding:24px}dialog::backdrop{background:#041018c9}dialog p{line-height:1.65}dialog summary{display:flex;align-items:center;font-weight:650}dialog details{padding:12px;border:1px solid var(--line);border-radius:10px;margin:14px 0}.morphCompare{display:grid;grid-template-columns:1fr 1fr;gap:16px}.morphCompare svg,#v2Traces svg{width:100%}.measurementInputs{display:grid;grid-template-columns:1fr 1fr;gap:12px}.measurementInputs label,form label{display:block;margin:12px 0}input,textarea,select{background:#142a35;border:1px solid #527280;color:var(--text);border-radius:6px;padding:10px;max-width:100%}form input,form textarea,form select{display:block;width:100%;margin-top:6px}output{display:block;margin:12px 0;color:#b9e9d8}.checkline{display:flex;align-items:center;gap:10px;margin:12px 0}.honeypot{position:absolute!important;left:-10000px!important}#educationDisclaimer{position:static!important;line-height:1.5;padding:12px!important}body{padding-bottom:0!important}.inspector{min-width:0}.referenceBody{max-height:none!important}#spatialSummary{line-height:1.6}#referenceDialog a,dialog p a{overflow-wrap:anywhere}.reasoningDetails{margin:12px 0}
@media(max-width:800px){header{padding:10px 12px!important;position:static!important}header .brand{flex-basis:100%}.brand b{font-size:23px}.creatorCredits{font-size:10px}header nav{width:100%;display:grid!important;grid-template-columns:repeat(3,1fr);gap:4px}header nav button{padding:8px 4px}header>button{flex:1;font-size:11px!important;padding:7px 3px!important}main{padding:12px!important}#welcome{padding:12px;gap:8px;align-items:flex-start}#welcome h1{font-size:19px}#welcome p{font-size:12px}#startHere{padding:10px;font-size:12px}body:not(.studying):not(.localizing) #anatomyWorkspace{height:auto;min-height:0;grid-template-columns:1fr!important}body:not(.studying):not(.localizing) #heartPanel{height:auto;display:flex;overflow:visible}#pvcActionBar{order:0;padding:10px!important}#pvcActionBar .kicker{display:none}#heartPanel #stage{order:1;height:280px!important;min-height:280px!important;flex:none!important}#basicViews{order:2}#ecgDetails{order:3}#guidedStudy{order:4}#heartPanel>.viewSettings{order:5}#anatomyWorkspace>.inspector{height:auto;max-height:none;overflow:visible}#heartPanel #intactReference{width:100px!important}#miniStage{height:85px!important}.localizing .reasoningGrid{grid-template-columns:1fr!important}.localizing #localizeHeart{max-height:none}.paneSplitter{display:none}#findingInputs{grid-template-columns:1fr}.morphCompare{grid-template-columns:1fr}.measurementInputs{grid-template-columns:1fr 1fr}dialog{padding:16px}#candidateList .regionChoice summary{display:block}#candidateList small{display:block;max-width:none;margin-top:4px}.studying #anatomyWorkspace{height:auto;overflow:visible}.studying #pretestEcg{min-height:240px}.studying .inspector{max-height:none;overflow:visible}#studyAnswers{max-height:none!important}#caseNavigation{position:static}#stage .label{font-size:10px!important;max-width:100px}#educationDisclaimer{font-size:11px!important}.brandIdentity .creatorCredits{display:block}.brandIdentity .creator{padding:0;border:0}}

body.localizing{height:auto!important;overflow:auto!important}.localizing main{height:auto!important;display:block!important}.localizing .reasoningGrid{display:grid!important;overflow:visible!important;align-items:start!important;flex:none!important}.localizing #findingInputs{display:grid!important}.localizing .findings{height:auto!important;container-type:normal!important;overflow:visible!important}.localizing .findings>h2{display:block!important}.localizing #localizeHeart{height:auto!important;position:static!important}.localizing .results{padding:18px}.localizing .paneSplitter{height:500px}

@media(max-width:800px){body:not(.studying):not(.localizing) #heartPanel{flex-direction:column!important;width:100%;min-width:0}#heartPanel>*{max-width:100%}#heartPanel #stage{width:100%}header button{white-space:normal}#measurementButton{font-size:10px!important}#welcome h1{font-size:18px}#stage .label{white-space:normal}.localizing .reasoningGrid{display:block!important}.localizing .findings{margin-bottom:12px}.localizing .results{margin-top:12px}}

/* Compact landmark disclosure; expanded ECG controls keep their own affordance. */
#guidedStudy{padding:2px 12px!important}#guidedStudy .guideHeading{min-height:44px;gap:6px}#landmarkMenu{margin:0;padding:0;flex:1}#landmarkMenu>summary{font-size:12px;line-height:1.2;padding:0;min-height:44px;display:flex;align-items:center}#guideSurface{padding:5px 9px;font-size:11px}#ecgDetails{padding:2px 12px}#ecgDetails>summary::before{content:'▸';display:inline-block;margin-right:8px;font-size:15px}#ecgDetails[open]>summary::before{content:'▾'}#basicViews{flex-wrap:wrap}#welcome h1{margin:0}.privacyLink{margin-left:12px;padding:0 10px;background:transparent;border:0;text-decoration:underline;font-size:11px}@media(max-width:800px){#basicViews{gap:5px}#basicViews button{padding:7px;font-size:12px}#guidedStudy .guideHeading{flex-wrap:nowrap}#landmarkMenu>summary{font-size:11px}#guideSurface{max-width:110px;white-space:normal}}
header{height:auto!important;min-height:74px}#ecgDetails .docktitle{display:none}#landmarkMenu>summary::before{content:'▸';margin-right:7px}#landmarkMenu[open]>summary::before{content:'▾'}
@container heartworkspace (min-width:560px){#ecgDetails #ecg{grid-template-columns:repeat(12,minmax(0,1fr))}#ecgDetails .ecglead{font-size:10px}#ecgDetails .ecglead .polarity{font-size:8px}}
@media(min-width:801px){body:not(.studying):not(.localizing) #anatomyWorkspace{height:auto;min-height:0}body:not(.studying):not(.localizing) #heartPanel{height:auto}body:not(.studying):not(.localizing) .inspector{height:calc(100dvh - 205px);min-height:600px}body:not(.studying):not(.localizing) #heartPanel #stage{height:320px;flex:none}}

@media(min-width:801px){body:not(.studying):not(.localizing) #heartPanel{align-self:start}body:not(.studying):not(.localizing) #anatomyWorkspace>.inspector{height:var(--anatomy-panel-height,auto);min-height:0;max-height:none;align-self:start}}

.lessonComplete #studyIntro,.lessonComplete #stage{display:none!important}.lessonComplete #pretestEcg{display:block!important;height:auto!important}.lessonComplete #pretestEcg svg{display:block;height:auto!important;flex:none!important}.lessonComplete .inspector{min-height:0!important}