/* Shared navy teaching interface for the anatomical studio and connection lessons. */
:root { --bg:#141a1c; --bg2:#1a2325; --cy:#93a6bb; --cy2:#b9c5d2; --text:#f0eee7;
  --muted:#b7bec7; --dim:#8f9ba8; --line:#39414a; --glow:none; }
body { background:var(--bg); color:var(--text); font-family:Arial,Helvetica,sans-serif; }
#fx,#vig,#hud { display:none!important; }
.glass,#drawer,#narr,#intro .card,#quiz .qz-card { background:#1b2325; border:1px solid var(--line); box-shadow:none; backdrop-filter:none; }
button,input,select,textarea { font:inherit; }
button:focus-visible,a:focus-visible,[role=button]:focus-visible,summary:focus-visible { outline:2px solid #c9b182; outline-offset:4px; }
.cy { color:var(--cy2); }
#brand h1,#brand h1:hover .cy,#info h3,.nlab { text-shadow:none; }
#brand { top:19px;left:22px; }
#brand h1 { font-family:Georgia,'Times New Roman',serif;font-size:24px;letter-spacing:-.6px;font-weight:400; }
#brand .s { font-size:12px;line-height:1.45;max-width:260px;color:var(--muted); }
#brand .cnsmark { display:none; }
#dock { top:22px;border-radius:5px;padding:4px;gap:2px; }
.pbtn,.mini,.btn,.achip,.mbtn { border-radius:4px;box-shadow:none!important;background:#262c33;color:var(--text);font-size:13px; }
.pbtn.on,.mini.on,.btn.go { background:#344253;border-color:#7d92a9;color:#fff; }
#rail { top:117px;width:266px;border-radius:5px;padding:14px;gap:12px;max-height:calc(100dvh - 190px); }
#railShow { top:117px;border-radius:4px; }
.rail-hd .t { color:var(--muted);font-size:13px;letter-spacing:.03em; }
.rail-hd .dot,.grp-h .gi,.act .ai,.actsel .ai,.ci-i,.fi { display:none; }
.grp-h { color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.09em;margin-top:9px; }
.act { background:#23292f;border:1px solid #434c57;border-radius:4px;box-shadow:none;padding:10px; }
.act .at b { font-size:13px;color:var(--text); }
.act .at span { font-size:12px;color:var(--muted);line-height:1.45; }
.lyr,.sysbtn,.fbtn { border-radius:4px;background:#20252b;color:#d8dce1;font-size:13px;min-height:34px; }
.sysbtn i { box-shadow:none; }
#search,#drawer select,#drawer textarea { background:#141c1e;border:1px solid #4f5a67;border-radius:4px;color:var(--text);font-size:14px; }
#search { padding:11px; }
#info,#res { top:90px;right:20px;width:350px;max-height:calc(100dvh - 165px);border-radius:5px; }
#info h3,#res h3 { font:400 26px/1.15 Georgia,'Times New Roman',serif;padding-right:24px; }
#info .body,#res .body { font-size:14px;line-height:1.65;padding:17px; }
#info .body p { color:var(--text); }
#info .lvb { display:none; }
#info .cat { font-size:11px;letter-spacing:.07em; }
#info .lbl,#info .grp { font-size:12px;letter-spacing:.045em; }
#info .rel { padding:8px 0;align-items:baseline; }
#info .rel .r { font-size:12px;color:var(--muted);min-width:92px; }
#info .rel .nm { font-size:14px; }
#info .tag { font-size:12px;line-height:1.5;border-radius:4px; }
#info .cite { font-size:12px;line-height:1.5; }
#info .ev { min-width:15px;box-shadow:none; }
.trust { padding:10px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line); }
.trust-note { color:var(--muted);font-size:12px;line-height:1.5;margin:7px 0 0!important; }
.tchip { background:transparent;border:0;padding:3px 6px 3px 0;border-radius:0;font-size:12px; }
.mechbtn,.focusbtn,.lightbtn { border-radius:4px;box-shadow:none;background:#262d36;color:var(--cy2);font-size:13px; }
#i-chips { gap:5px;padding:10px 17px; }
.achip { padding:7px 9px;border:1px solid var(--line); }
#info .peel { animation:none!important; }
.nlab { font-size:13px;line-height:1.4;color:#edeff2;background:rgba(17,31,49,.95);padding:3px 7px;border:1px solid #6c7b8d;border-radius:3px; }
.nlab.sel { color:#fff;background:#313c49;border-color:#b4bfcb; }
#disc { font-size:10px;line-height:1.5;color:#a1abb6;max-width:740px; }
#badge { display:none; }
#advtoggle { border-radius:4px;font-size:13px; }
#drawer { border-radius:5px; }
#drawer .dh h2 { font:400 22px Georgia,'Times New Roman',serif; }
#drawer .hint { color:var(--muted);font-size:13px;line-height:1.6; }
#drawer summary { font-size:14px; }
[data-retired-workflow] { display:none!important; }
#doorway { background:#e7ecf1;padding:38px;color:#20272e; }
#doorway .dw { width:min(1020px,95vw);max-height:calc(100dvh - 62px);padding:8px 4px; }
#doorway .dw-brand { margin-bottom:27px;color:#23303e; }
#doorway .dw-brand .m { display:none; }
#doorway .dw-brand .w { font:400 25px Georgia,'Times New Roman',serif;letter-spacing:-.5px;color:#23303e; }
#doorway .dw-brand .w b { font-weight:400;color:#23303e; }
#doorway .dw-eyebrow { font-size:11px;letter-spacing:.15em;color:#576677;margin-bottom:15px; }
#doorway h1 { max-width:800px;font:400 clamp(35px,4.4vw,57px)/1.08 Georgia,'Times New Roman',serif;letter-spacing:-1.5px;text-shadow:none;color:#232c37; }
#doorway h1 .cy { color:#47596d; }
#doorway .dw-sub { color:#4e5965;font-size:16px;line-height:1.6;max-width:720px;margin:17px 0 26px; }
#doorway .dw-search { max-width:820px; }
#doorway .dw-search .si { display:none; }
#doorway .dw-search input { padding:17px 20px;background:#fcfbf7;border:1px solid #a2acb7;border-radius:4px;color:#212a34;box-shadow:none;font-size:16px; }
#doorway .dw-search input::placeholder { color:#606e7d; }
#doorway .dw-search input:focus { border-color:#425163;box-shadow:0 0 0 2px rgba(83,143,209,.16); }
#dwSug { background:#fcfbf8;border-color:#a2acb7;border-radius:4px;color:#26303c;box-shadow:0 8px 20px #18222e1a; }
#dwSug .s:hover,#dwSug .s.act { background:#dde2e8; }
#dwSug .s b { color:#212d3a; }
#dwSug .sc { color:#5c6977; }
.rl-toggle { border-radius:4px;background:transparent;border:1px solid var(--line);padding:3px;gap:3px; }
.rl-toggle button { border-radius:3px;font-size:12px;min-height:30px;color:var(--muted); }
.rl-toggle button.on { background:#3c4b5d;box-shadow:none;color:#fff; }
#doorway .rl-toggle { border-color:#afb8c2; }
#doorway .rl-toggle .rl-lab,#doorway .rl-toggle button { color:#4c5662; }
#doorway .rl-toggle button.on { background:#354557;color:#fff; }
#doorway .dw-scen-h { color:#566371;font-size:11px;letter-spacing:.15em;margin-top:29px;margin-bottom:13px; }
#doorway .scen { grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid #b1b9c3; }
#doorway .scen-card { text-align:left;border:0;border-bottom:1px solid #b1b9c3;border-radius:0;background:transparent;padding:19px 20px 19px 0;box-shadow:none;min-height:112px;color:#26303c;transform:none; }
#doorway .scen-card:hover { background:#dde3ea;transform:none;box-shadow:none; }
#doorway .scen-card:focus-visible { outline:2px solid #354557;outline-offset:-2px; }
#doorway .scen-card .se { display:none; }
#doorway .scen-card b { font:400 21px/1.2 Georgia,'Times New Roman',serif;color:#25313e; }
#doorway .scen-card .say { display:block;font-size:13px;line-height:1.55;color:#55616f;margin-top:7px; }
#doorway .lk { color:#465566;font-size:13px; }
#doorway .dw-explore { background:#303e4e;color:#fff;box-shadow:none;border-radius:4px;font-size:14px;font-weight:400;padding:13px 21px; }
#doorway .dw-disc { color:#586472;font-size:12px; }
#intro .eyebrow { color:var(--cy2); }
#intro h2 { font:400 34px Georgia,'Times New Roman',serif;text-shadow:none; }
#intro .lead,#intro .ci span,#intro .note { color:var(--muted);font-size:14px;line-height:1.6; }
#intro .ci b { font-size:15px; }
#intro .go { background:#3b4b5d;border-radius:4px;box-shadow:none; }
#narr { background:#e5eaf0;color:#26313d;border:1px solid #a7b1bc;border-radius:5px;padding:22px;box-shadow:none;width:min(660px,92vw); }
#narr-title { font-size:12px;letter-spacing:.04em;color:#52606f; }
#narr-focus { margin:16px 0 10px;font:400 31px/1.1 Georgia,'Times New Roman',serif;color:#26323f; }
#narr-say { font-size:16px;line-height:1.7;color:#353d47; }
#narr-prog { color:#5e6b7a;font-size:13px; }
#narr .narr-x { color:#505b67; }
#narr .narr-ft { margin-top:23px; }
#narr .narr-ft button { background:#d5dce3;color:#293644;border:1px solid #a2adb9;border-radius:4px;padding:10px 16px; }
#narr .narr-ft button#narr-next { background:#354354;color:#fff; }
.lesson-options { display:flex;gap:12px;flex-wrap:wrap;margin-top:18px;padding-top:13px;border-top:1px solid #b6bec7; }
.lesson-options button { border:0;background:none;color:#475668;text-decoration:underline;text-underline-offset:3px;padding:4px 0;font-size:12px;cursor:pointer; }
#lesson-recall:not(:empty) { padding:13px 0 0;margin-top:18px;border-top:1px solid #abb6c3;font-size:14px;line-height:1.55; }
#lesson-recall p { margin:0 0 9px; }
#lesson-recall details { padding:8px 0;color:#364352; }
#lesson-recall summary { cursor:pointer;font-weight:600; }
#lesson-recall details p { padding-top:10px; }
body.lesson-active:not(.lesson-controls) #rail,body.lesson-active:not(.lesson-controls) #railShow,
body.lesson-active:not(.lesson-controls) #info,body.lesson-active:not(.lesson-controls) #res,
body.lesson-active:not(.lesson-controls) #advtoggle,body.lesson-active:not(.lesson-controls) #drawer,
body.lesson-active:not(.lesson-controls) #mech { display:none!important; }
body.lesson-active:not(.lesson-controls) #narr { left:auto;right:25px;top:115px;bottom:auto;transform:none;width:345px;max-height:calc(100dvh - 200px);overflow-y:auto; }
body.lesson-active #topTools #snapshot { display:none; }
.language-study { background:#252e38;border:1px solid #535f6d;border-radius:4px;padding:16px;margin-bottom:19px; }
.language-study h4 { font:400 23px Georgia,'Times New Roman',serif;color:#dce3ec;margin:0 0 11px; }
.language-study p { font-size:13px;line-height:1.6; }
.study-node { border:0;border-bottom:1px solid #515c69;background:transparent;color:#cdd8e4;text-align:left;width:100%;padding:9px 0;cursor:pointer; }
.study-start { display:block;width:100%;background:#d3dce6;color:#2c3743;border:0;border-radius:4px;padding:11px;margin-top:12px;cursor:pointer; }
@media(max-width:1000px) { #brand .s { display:none; } #dock { top:75px; } #rail,#railShow { top:133px; } #info,#res { top:135px;max-height:calc(100dvh - 208px);width:310px; } }
@media(max-width:700px) {
  #doorway { padding:21px;align-items:flex-start; }
  #doorway .dw { max-height:calc(100dvh - 40px);width:100%;padding:4px; }
  #doorway .dw-brand { margin-bottom:22px; }
  #doorway h1 { font-size:39px; }
  #doorway .dw-sub { font-size:15px; }
  #doorway .scen { grid-template-columns:1fr; }
  #doorway .scen-card { min-height:0;padding:16px 4px; }
  #doorway .dw-explore { width:100%; }
  #brand { top:14px;left:16px; }
  #brand h1 { font-size:22px; }
  #topTools { right:12px;top:13px; }
  #topTools #snapshot { display:none; }
  #dock { top:62px;width:calc(100vw - 24px);max-width:calc(100vw - 24px);flex-wrap:wrap;justify-content:center; }
  #dock>.pbtn { flex:1; }
  #dock #slicewrap.on { flex-basis:100%;justify-content:center;margin-left:0;padding-left:0;border-left:0; }
  .pbtn { padding:7px 8px;font-size:12px;min-height:34px; }
  #rail { top:115px;left:12px;width:min(280px,calc(100vw - 52px));max-height:calc(100dvh - 188px); }
  #railShow { top:113px;left:12px; }
  #info,#res { left:12px;right:12px;top:auto;bottom:57px;width:auto;max-height:48dvh; }
  #info h3 { font-size:23px; }
  #drawer { left:12px;right:12px;width:auto;max-height:70dvh; }
  #disc { font-size:9px;width:calc(100vw - 24px);max-width:calc(100vw - 24px);bottom:5px;left:12px;transform:none;white-space:normal;overflow-wrap:anywhere; }
  #disc span { display:none; }
  #narr,body.lesson-active:not(.lesson-controls) #narr { left:12px;right:12px;top:auto;bottom:56px;width:auto;transform:none;padding:17px;max-height:47dvh;overflow-y:auto; }
  #narr-focus { font-size:25px; }
  #narr-say { font-size:14px;line-height:1.6; }
  #narr .narr-ft { margin-top:15px; }
  body.lesson-controls #info { display:none; }
  body.lesson-active.lesson-controls #narr { left:12px;right:12px;top:auto;bottom:56px;width:auto;max-width:calc(100vw - 24px);transform:none;max-height:32dvh;overflow-y:auto; }
  .nlab { font-size:12px; }
}
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important;animation:none!important;transition:none!important; } }

/* Keep the two anatomy views within reach from every connection and lesson. */
:root { --bg:#101d2e; --bg2:#192a3e; --cy:#9dc5f2; --cy2:#b7d4f5; --text:#edf1f6; --muted:#a9b8ca; --dim:#92a5be; --line:#3b526d; }
.glass,#drawer,#narr,#intro .card,#quiz .qz-card { background:#192a3e; }
button:focus-visible,a:focus-visible,[role=button]:focus-visible,[role=link]:focus-visible,summary:focus-visible { outline-color:#9dc5f2; }
#brand h1 { cursor:pointer; }
#dock { top:75px; }
#rail,#railShow { top:133px; }
#rail { max-height:calc(100dvh - 206px); }
#info,#res { top:133px;max-height:calc(100dvh - 208px); }
body.lesson-active:not(.lesson-controls) #narr { top:133px; }
.atlas-study-nav { position:fixed;top:20px;right:22px;z-index:61;display:flex;gap:7px;align-items:center;font-size:12px; }
.atlas-study-nav a { display:block;text-decoration:none;padding:8px 11px;color:var(--cy2);background:var(--bg2);border:1px solid var(--line);border-radius:4px; }
.atlas-study-nav a:hover { background:#2b4667;color:#fff; }
#topTools { top:79px; }
#startover { font-size:12px; }
#doorway { background:#101d2e;color:var(--text); }
#doorway .dw-brand,#doorway .dw-brand .w,#doorway .dw-brand .w b,#doorway h1,#doorway h1 .cy { color:var(--text); }
#doorway .dw-eyebrow,#doorway .dw-scen-h,#doorway .lk,#doorway .rl-toggle .rl-lab,#doorway .rl-toggle button { color:var(--cy2); }
#doorway .dw-sub,#doorway .dw-disc,#doorway .scen-card .say { color:var(--muted); }
#doorway .scen,#doorway .scen-card,#doorway .rl-toggle { border-color:var(--line); }
#doorway .scen-card,#doorway .scen-card b { color:var(--text); }
#doorway .scen-card:hover { background:#192a3e; }
#doorway .dw-explore,#doorway .rl-toggle button.on { background:#2b4667;color:#edf1f6; }
#doorway .dw-search input,#dwSug { background:#192a3e;color:var(--text);border-color:var(--line); }
#doorway .dw-search input::placeholder,#dwSug .sc { color:var(--muted); }
#dwSug .s b { color:var(--text); }
#dwSug .s:hover,#dwSug .s.act { background:#2b4667; }
#narr,#narr-focus,#narr-say { color:var(--text); }
#narr-title,#narr-prog,#narr .narr-x,.lesson-options button,#lesson-recall details { color:var(--cy2); }
#narr .narr-ft button { background:#2b4667;border-color:#3b526d;color:var(--text); }
#narr .narr-ft button#narr-next { background:#b7d4f5;color:#172c43; }
.lesson-options,#lesson-recall:not(:empty) { border-color:var(--line); }
@media(max-width:700px) {
  .atlas-study-nav { top:54px;left:12px;right:12px;gap:5px;justify-content:center;font-size:11px; }
  .atlas-study-nav a { flex:1;text-align:center;padding:8px 5px;white-space:nowrap; }
  #topTools { top:13px;left:auto; }
  #dock { top:99px; }
  #rail,#railShow { top:157px; }
  #rail { max-height:calc(100dvh - 230px); }
  #info,#res { top:auto;max-height:48dvh; }
  body.lesson-active:not(.lesson-controls) #narr { top:auto; }
}