/* Instrumentor learning-system visual polish — additive, dev branch only */
:root{--learn-radius:22px;--learn-shadow:0 16px 42px rgba(5,22,43,.10);--learn-border:1px solid rgba(15,64,93,.10)}
#study .study-top,#compare .study-top,#sets .study-top,#mastery .study-top,#review .study-top{margin-bottom:24px}
#study .study-top h3,#compare .study-top h3,#sets .study-top h3,#mastery .study-top h3,#review .study-top h3{font-family:"Space Grotesk",sans-serif;font-size:clamp(1.65rem,3vw,2.35rem);letter-spacing:-.035em;margin:.25rem 0 .45rem}
#study .study-top p,#compare .study-top p,#sets .study-top p,#mastery .study-top p,#review .study-top p{max-width:760px;line-height:1.65;opacity:.78}
.filter-row{display:flex;gap:9px;flex-wrap:wrap;margin:10px 0 20px}
.filter-btn,.pill{border-radius:999px!important}
.filter-btn{padding:9px 14px!important;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.filter-btn:hover{transform:translateY(-1px)}
.study-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:18px}
.study-card{border:var(--learn-border);border-radius:var(--learn-radius)!important;overflow:hidden;box-shadow:0 8px 26px rgba(5,22,43,.06);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;background:#fff}
.study-card:hover{transform:translateY(-4px);box-shadow:var(--learn-shadow)}
.study-visual{min-height:190px;display:flex;align-items:center;justify-content:center;padding:18px;background:linear-gradient(145deg,#f8fbfc,#edf4f6)}
.study-visual img{max-height:180px;object-fit:contain}
.study-body{padding:18px}
.study-body small{font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:.58}
.study-body h4{font-family:"Space Grotesk",sans-serif;font-size:1.12rem;margin:7px 0}
.study-body p{line-height:1.5;opacity:.75}
.study-body b{display:inline-block;margin-top:8px}
.panel,.detail-card{border:var(--learn-border);border-radius:var(--learn-radius)!important;box-shadow:var(--learn-shadow);background:#fff}
#masterySummary .panel,#reviewSummary .panel{padding:24px;margin-bottom:22px;background:linear-gradient(135deg,#fff,#f3f8f9)}
.stat-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}
.stat-row>div{padding:16px;border-radius:16px;background:rgba(8,55,78,.055);display:flex;flex-direction:column}
.stat-row b{font-family:"Space Grotesk",sans-serif;font-size:1.55rem}
.stat-row span{font-size:.82rem;opacity:.68;margin-top:4px}
.detail-card{overflow:hidden}
.detail-hero{align-items:flex-start!important}
.detail-art-wrap{border-radius:20px!important;background:linear-gradient(145deg,#f9fcfd,#eaf2f5)!important;position:sticky;top:24px}
.detail-copy{padding:6px 4px 10px}
.detail-copy h2{font-family:"Space Grotesk",sans-serif;font-size:clamp(2rem,4vw,3rem);letter-spacing:-.045em;line-height:1.03;margin:.3rem 0 .5rem}
.detail-sections{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px!important;margin-top:22px}
.detail-box{border:1px solid rgba(15,64,93,.09)!important;border-radius:16px!important;padding:16px!important;background:#fbfdfd!important}
.detail-box h4{margin:0 0 7px;font-family:"Space Grotesk",sans-serif}
.detail-box p{margin:0;line-height:1.55}
.quiz-stage{border-radius:var(--learn-radius)!important;overflow:hidden;box-shadow:var(--learn-shadow)}
.answer{border-radius:14px!important;transition:transform .15s ease}
.answer:hover{transform:translateX(3px)}
#sets .panel{padding:24px}
#sets .panel>.eyebrow{margin-bottom:5px}
@media(max-width:760px){.study-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.study-visual{min-height:135px;padding:10px}.study-visual img{max-height:125px}.study-body{padding:13px}.study-body p{font-size:.88rem}.detail-sections{grid-template-columns:1fr}.detail-art-wrap{position:static}.stat-row{grid-template-columns:repeat(2,1fr)}}
@media(max-width:430px){.study-grid{grid-template-columns:1fr}.study-visual{min-height:175px}.study-visual img{max-height:165px}}

.library-overview{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr)) 2fr;gap:12px;margin:4px 0 28px}
.overview-card{min-height:112px;border:var(--learn-border);border-radius:18px;padding:17px 18px;background:linear-gradient(145deg,#fff,#f5f9fa);box-shadow:0 8px 24px rgba(5,22,43,.055);display:flex;flex-direction:column;justify-content:center}
.overview-card span{font-size:.69rem;font-weight:800;letter-spacing:.11em;opacity:.55}
.overview-card strong{font-family:"Space Grotesk",sans-serif;font-size:2rem;line-height:1.05;margin:5px 0 1px}
.overview-card small{opacity:.64}
.overview-wide{background:linear-gradient(135deg,#071f38,#103e55);color:#fff;border-color:transparent}
.overview-wide b{font-family:"Space Grotesk",sans-serif;font-size:1.08rem;margin:8px 0 5px}
#studySearch{min-width:min(360px,100%);border-radius:16px!important;padding:13px 16px!important;border:1px solid rgba(15,64,93,.14)!important;box-shadow:0 5px 18px rgba(5,22,43,.04);background:#fff}
#studySearch:focus{outline:2px solid rgba(30,119,141,.18);outline-offset:2px}
@media(max-width:900px){.library-overview{grid-template-columns:repeat(3,1fr)}.overview-wide{grid-column:1/-1}}
@media(max-width:560px){.library-overview{grid-template-columns:repeat(2,1fr)}.overview-wide{grid-column:1/-1}.overview-card:nth-child(3){grid-column:1/-1}.study-top{gap:14px}.study-top #studySearch{width:100%;min-width:0}}

.set-journey{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:15px 18px;margin:0 0 20px;border-radius:18px;background:linear-gradient(135deg,#f5f9fa,#edf5f6);border:var(--learn-border)}
.set-journey span{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#0a3048;color:#fff;font-family:"Space Grotesk",sans-serif;font-size:.8rem}
.set-journey b{font-size:.83rem}.set-journey i{opacity:.35;font-style:normal;margin:0 3px}
.compare-principle{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr;align-items:center;gap:8px 12px;padding:16px 18px;margin:0 0 22px;border-radius:18px;background:linear-gradient(135deg,#071f38,#103e55);color:#fff}
.compare-principle strong{font-size:.69rem;letter-spacing:.11em}
.compare-principle span{font-size:.83rem;opacity:.78}
#comparisonGrid .study-card{position:relative}
#comparisonGrid .study-card:before{content:"COMPARE";position:absolute;z-index:2;top:12px;left:12px;font-size:.62rem;font-weight:800;letter-spacing:.12em;padding:6px 9px;border-radius:999px;background:rgba(7,31,56,.88);color:#fff}
#sets .study-grid{margin-top:18px}
#sets .study-card .study-body b{font-size:.86rem}
@media(max-width:760px){.set-journey{align-items:flex-start}.set-journey i{display:none}.compare-principle{grid-template-columns:auto 1fr}.compare-principle strong{align-self:start;padding-top:2px}}

.mastery-road{display:grid;grid-template-columns:1fr 42px 1fr 42px 1fr;align-items:center;margin:0 0 22px;padding:18px;border:var(--learn-border);border-radius:20px;background:linear-gradient(145deg,#fff,#f3f8f9)}
.mastery-road>div{display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center}
.mastery-road span{grid-row:1/3;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#0a3048;color:#fff;font-family:"Space Grotesk",sans-serif}
.mastery-road b{font-size:.75rem;letter-spacing:.08em}.mastery-road small{opacity:.62;margin-top:2px}.mastery-road>i{height:2px;background:linear-gradient(90deg,rgba(10,48,72,.2),rgba(10,48,72,.65));position:relative}.mastery-road>i:after{content:"›";position:absolute;right:-2px;top:-10px;font-size:18px;opacity:.6}
.mastery-status{display:flex;justify-content:space-between;align-items:center}.mastery-status span{font-family:"Space Grotesk",sans-serif;font-weight:700;font-size:.82rem}
.mastery-meter{height:7px;border-radius:999px;background:rgba(10,48,72,.08);overflow:hidden;margin:10px 0 4px}.mastery-meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1d7184,#0a3048)}
@media(max-width:700px){.mastery-road{grid-template-columns:1fr;gap:9px}.mastery-road>i{width:2px;height:18px;margin-left:16px}.mastery-road>i:after{content:"⌄";right:-6px;top:4px}}

.review-explainer{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 20px}.review-explainer>div{position:relative;padding:18px;border-radius:18px;border:var(--learn-border);background:#fff;box-shadow:0 7px 22px rgba(5,22,43,.045);display:flex;flex-direction:column}.review-explainer span{font-family:"Space Grotesk",sans-serif;font-size:.7rem;font-weight:800;letter-spacing:.12em;opacity:.38;margin-bottom:12px}.review-explainer b{font-family:"Space Grotesk",sans-serif;margin-bottom:6px}.review-explainer small{line-height:1.45;opacity:.65}.review-ready{padding:24px!important;display:grid;grid-template-columns:minmax(220px,1fr) 1.25fr;gap:24px;align-items:center}.review-preview{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.review-preview>div{min-width:0}.review-preview span{height:92px;border-radius:14px;background:linear-gradient(145deg,#f8fbfc,#edf4f6);display:flex;align-items:center;justify-content:center;overflow:hidden;padding:8px}.review-preview img{max-width:100%;max-height:80px;object-fit:contain}.review-preview small{display:block;font-weight:700;font-size:.68rem;line-height:1.25;margin-top:6px;text-align:center}
@media(max-width:760px){.review-explainer{grid-template-columns:1fr}.review-ready{grid-template-columns:1fr}.review-preview{grid-template-columns:repeat(4,1fr)}}@media(max-width:480px){.review-preview{grid-template-columns:repeat(2,1fr)}}

/* Dark learning surfaces — keep the premium navy shell visually coherent */
#review .review-explainer>div,#review .panel,#mastery .mastery-road,#mastery .study-card,#sets .study-card,#compare .study-card{background:linear-gradient(145deg,#102a3d,#0b2234);border-color:rgba(132,190,220,.16);color:#edf7ff;box-shadow:0 10px 28px rgba(0,0,0,.18)}
#review .review-explainer small,#review .panel p,#mastery .mastery-road small,#mastery .study-card p,#sets .study-card p,#compare .study-card p{color:#a9bfd0;opacity:1}
#review .review-explainer span{color:#55d8d2;opacity:.9}
#review .review-ready{background:linear-gradient(135deg,#102b40,#0a2133)!important}
#review .review-preview span{background:#173449;border:1px solid rgba(126,184,213,.13)}
#review .review-preview small{color:#c6d8e5}
#reviewSummary .panel{background:linear-gradient(135deg,#102a3d,#0d2639)}
#reviewSummary .stat,#masterySummary .stat{background:#163348!important;color:#eef8ff!important;border-color:rgba(132,190,220,.12)!important}
#reviewSummary .stat small,#masterySummary .stat small{color:#9fb7c8!important}
#mastery .mastery-road span{background:linear-gradient(135deg,#19b9b7,#277be5)}
#mastery .mastery-road>i{background:linear-gradient(90deg,rgba(53,205,198,.25),rgba(54,136,231,.8))}
.mastery-meter{background:rgba(255,255,255,.09)}.mastery-meter i{background:linear-gradient(90deg,#26c8bf,#3285ec)}
#sets .study-visual,#compare .study-visual,#mastery .study-visual{background:#163348}

/* Library finishing pass */
#study .library-overview .overview-card{background:linear-gradient(145deg,#102a3d,#0b2234);border-color:rgba(132,190,220,.16);color:#edf7ff;box-shadow:0 10px 28px rgba(0,0,0,.16)}
#study .library-overview .overview-card span{color:#56d7d1}#study .library-overview .overview-card small{color:#9fb7c8}
#study .overview-wide{background:linear-gradient(135deg,#12364a,#0b2940)!important}
#study .study-card{background:linear-gradient(145deg,#102a3d,#0b2234);border-color:rgba(132,190,220,.14);color:#eef8ff;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
#study .study-card:hover{transform:translateY(-3px);border-color:rgba(67,203,198,.45);box-shadow:0 15px 34px rgba(0,0,0,.23)}
#study .study-visual{background:#163348}#study .study-body p{color:#a9bfd0}#study .study-body small{color:#55d8d2}
.study-result-count{display:flex;align-items:center;min-height:38px;margin:14px 0 4px;padding:8px 12px;border-left:3px solid #38c7c2;color:#9fb7c8;font-size:.82rem}.study-result-count b{color:#fff;font-size:1rem;margin-right:5px}.study-result-count strong{color:#cfe8f4}
#studySearch{background:#102a3d!important;border-color:rgba(132,190,220,.18)!important;color:#f2f9fd!important}#studySearch::placeholder{color:#7894a8}#studySearch:focus{border-color:#35c9c2!important;box-shadow:0 0 0 3px rgba(53,201,194,.11)!important}

/* Final removal of legacy white summary surfaces */
#masterySummary>.panel,#reviewSummary>.panel,#reviewStage>.panel{background:linear-gradient(145deg,#102a3d,#0b2234)!important;border:1px solid rgba(132,190,220,.16)!important;color:#edf7ff!important;box-shadow:0 10px 28px rgba(0,0,0,.18)!important}
#masterySummary>.panel h3,#masterySummary>.panel strong,#reviewSummary>.panel h3,#reviewStage>.panel h3{color:#f3f9fd!important}
#masterySummary>.panel p,#reviewSummary>.panel p,#reviewStage>.panel p{color:#a9bfd0!important}
#masterySummary .stat-row>div{background:#163348!important;border:1px solid rgba(132,190,220,.12)!important;color:#eef8ff!important}
#masterySummary .stat-row b{color:#f5fbff!important}#masterySummary .stat-row span{color:#9fb7c8!important}
#masterySummary .eyebrow{color:#55d8d2!important}

/* Procedure Sets — eliminate remaining legacy white surfaces */
#sets .set-journey{background:linear-gradient(135deg,#102a3d,#0b2234)!important;border:1px solid rgba(132,190,220,.16)!important;color:#dcebf4!important;box-shadow:0 10px 28px rgba(0,0,0,.14)}
#sets .set-journey span{background:linear-gradient(135deg,#19b9b7,#277be5)!important;color:#fff!important}
#sets .set-journey b{color:#dcebf4!important}
#sets #setContent>.panel{background:linear-gradient(145deg,#102a3d,#0b2234)!important;border:1px solid rgba(132,190,220,.16)!important;color:#edf7ff!important;box-shadow:0 12px 32px rgba(0,0,0,.18)!important}
#sets #setContent>.panel>.eyebrow{color:#55d8d2!important}
#sets #setContent>.panel>h3{color:#f4faff!important}
#sets #setContent>.panel>p{color:#a9bfd0!important}
#sets #setContent>.panel .study-card{background:#0c293c!important;border:1px solid rgba(132,190,220,.14)!important;box-shadow:0 8px 22px rgba(0,0,0,.18)!important}
#sets #setContent>.panel .study-card:hover{transform:translateY(-3px);border-color:rgba(67,203,198,.45)!important;box-shadow:0 14px 30px rgba(0,0,0,.25)!important}

/* Completion QA: home progress surfaces */
#home .lower-grid>.panel{background:linear-gradient(145deg,#102a3d,#0b2234)!important;border:1px solid rgba(132,190,220,.16)!important;color:#edf7ff!important;box-shadow:0 10px 28px rgba(0,0,0,.18)!important}
#home .lower-grid>.panel h3,#home .lower-grid>.panel b{color:#f3f9fd!important}
#home .lower-grid>.panel p,#home .lower-grid>.panel span{color:#9fb7c8}
#home .lower-grid .stat-row>div{background:#163348!important;border-color:rgba(132,190,220,.12)!important}
#home .lower-grid .stat-row>div b{color:#f5fbff!important}
#home .lower-grid .stat-row>div span{color:#9fb7c8!important}
#home .daily-panel{background:linear-gradient(135deg,#102f45,#0c2639)!important}

/* Instrument Detail — release dark-theme correction */
#instrumentDetail .detail-layout{background:linear-gradient(145deg,#102a3d,#0b2234)!important;border:1px solid rgba(132,190,220,.16)!important;color:#edf7ff!important;box-shadow:0 14px 36px rgba(0,0,0,.22)!important}
#instrumentDetail .detail-visual{background:#17384c!important}
#instrumentDetail .detail-info h2{color:#f4faff!important}
#instrumentDetail .detail-info>p,#instrumentDetail .detail-info .detail-aliases{color:#a9bfd0!important}
#instrumentDetail .detail-box{background:#0d293c!important;border:1px solid rgba(132,190,220,.15)!important;color:#edf7ff!important}
#instrumentDetail .detail-box h4{color:#55d8d2!important}
#instrumentDetail .detail-box p,#instrumentDetail .detail-box span,#instrumentDetail .detail-box small{color:#b6cad8!important}
#instrumentDetail .detail-badges span{background:#0d4b5a!important;color:#dffcff!important;border:1px solid rgba(70,218,208,.24)!important}
#instrumentDetail .detail-status{color:#8fb0c4!important}
#instrumentDetail #detailCompareBtn{color:#fff!important}

/* About + Disclaimer release content */
.info-view{max-width:1100px;margin:0 auto}.info-view .info-hero{margin-bottom:18px}
.info-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.info-card{background:linear-gradient(145deg,#102a3d,#0b2234);border:1px solid rgba(132,190,220,.16);border-radius:18px;padding:22px;box-shadow:0 10px 28px rgba(0,0,0,.14)}
.info-card h3{color:#f4faff;margin:7px 0 9px;font-size:1.08rem}.info-card p{color:#a9bfd0;line-height:1.65;margin:0}.info-card .eyebrow{color:#55d8d2}
.clinical-responsibility{margin-top:14px;display:flex;gap:16px;align-items:flex-start;padding:18px 22px;border-radius:16px;background:linear-gradient(135deg,#12364a,#0b2940);border:1px solid rgba(85,216,210,.22)}
.clinical-responsibility strong{color:#55d8d2;white-space:nowrap}.clinical-responsibility span{color:#d8e8f1;line-height:1.55}
@media(max-width:760px){.info-card-grid{grid-template-columns:1fr}.clinical-responsibility{flex-direction:column;gap:6px}.clinical-responsibility strong{white-space:normal}}

/* Instrument Detail v2 — cohesive dark profile, no white outer sheet */
#instrumentDetail .detail-layout{background:transparent!important;border:0!important;box-shadow:none!important;gap:18px!important}
#instrumentDetail .detail-visual{background:#16384d!important;border:1px solid rgba(132,190,220,.14)!important;border-radius:20px!important;box-shadow:0 10px 28px rgba(0,0,0,.16)!important}
#instrumentDetail .detail-info{background:linear-gradient(145deg,#102a3d,#0b2234)!important;border:1px solid rgba(132,190,220,.16)!important;border-radius:20px!important;padding:20px!important;box-shadow:0 10px 28px rgba(0,0,0,.16)!important}
#instrumentDetail .detail-info h2{color:#f4faff!important}
#instrumentDetail .detail-info>p,#instrumentDetail .detail-info .detail-aliases{color:#a9bfd0!important}
#instrumentDetail .detail-box{background:#123247!important}

/* Instrument Detail v3 — target actual generated markup */
#instrumentDetail #detailContent>.detail-card{background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}
#instrumentDetail .detail-hero{background:transparent!important;gap:20px!important}
#instrumentDetail .detail-art-wrap{background:#16384d!important;border:1px solid rgba(132,190,220,.14)!important;border-radius:20px!important;padding:16px!important;box-shadow:0 10px 28px rgba(0,0,0,.16)!important}
#instrumentDetail .detail-copy{background:linear-gradient(145deg,#102a3d,#0b2234)!important;border:1px solid rgba(132,190,220,.16)!important;border-radius:20px!important;padding:22px!important;box-shadow:0 10px 28px rgba(0,0,0,.16)!important}
#instrumentDetail .detail-copy h2{color:#f4faff!important}
#instrumentDetail .detail-copy .alias{color:#a9bfd0!important}
#instrumentDetail .detail-copy>.filter-row .pill{background:#0d4b5a!important;color:#dffcff!important;border-color:rgba(70,218,208,.24)!important}
#instrumentDetail .detail-box{background:#123247!important;border-color:rgba(132,190,220,.14)!important}
@media(max-width:760px){#instrumentDetail .detail-copy{padding:16px!important}}
