.target-strip{display:flex;align-items:center;gap:12px;margin-top:24px;padding:0 0 15px;border-bottom:1px solid #7895bd45}.target-strip>span{font-size:15px;color:#a9bdd9;margin-right:15px}.target-strip button{font-size:20px;padding:10px 22px;border-bottom:2px solid transparent}.target-strip button small{font-size:15px;color:#a9bdd9;margin-left:10px}.target-strip button[aria-pressed=true]{border-color:#85bdff;color:#b2d6ff}.target-strip button:focus-visible,.object-explorer button:focus-visible{outline:2px solid #99ceff;outline-offset:3px}.object-intro{display:flex;align-items:center;gap:28px;padding:28px 0}.object-intro h1{font-size:48px;letter-spacing:-.05em;margin:6px 0;line-height:1.15}.object-intro p{font-size:15px;color:#b4c4dd;line-height:1.8;margin:0}.object-intro .object-reset{margin-left:auto;color:#a8bfdb;font-size:15px;white-space:nowrap}.object-explorer{display:grid;grid-template-columns:minmax(0,1fr) 260px;border-top:1px solid #90afd850;border-bottom:1px solid #90afd830;background:linear-gradient(135deg,#12356130,#09162b40)}.object-stage{min-width:0;background:radial-gradient(ellipse at 45% 45%,#32639930,transparent 70%)}.object-toolbar{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;gap:12px;font-size:15px;color:#bbcadc;min-height:56px}.object-toolbar button{font-size:15px;border:1px solid #8faddb40;padding:9px 12px}.object-canvas svg{width:100%;height:auto;max-height:490px;display:block;overflow:visible}.object-canvas [data-part]{cursor:pointer;transition:opacity .2s,filter .2s}.object-canvas [data-part]:hover{filter:brightness(1.18)}.object-canvas [data-part]:focus-visible{outline:none;filter:drop-shadow(0 0 5px #b5ddff)}.object-canvas .part-picked{filter:drop-shadow(0 0 4px #bedbff77)}.object-canvas .label{font-family:var(--atlas-font);font-size:17px;fill:#e3edfa}.object-canvas .label small{font-size:15px}.object-canvas .leader{stroke:#98bad5;stroke-width:1;fill:none}.object-canvas.no-names .annotations{display:none}.object-canvas [data-spread]{transition:transform .25s}.object-control{display:flex;align-items:center;gap:14px;padding:12px 20px;font-size:15px;color:#b7c9df}.object-control input{width:160px}.object-caption{font-size:15px;line-height:1.8;color:#a6b9d0;margin:0;padding:10px 20px 20px}.object-reader{background:#09162b55;border-left:1px solid #90afd830;padding:25px 20px}.object-reader>small{font-size:15px;color:#b0c2da}.object-reader h2{font-family:var(--atlas-font);font-size:31px;line-height:1.2;margin:26px 0 10px;font-weight:500}.object-reader .english{color:#91bfe6;font-size:15px;margin:0 0 24px}.object-reader .definition{font-size:15px;line-height:1.9;color:#d1dbea;min-height:110px}.object-parts{display:flex;flex-wrap:wrap;gap:6px;margin:25px 0 20px}.object-parts button{font-size:15px;padding:8px 6px;border-bottom:1px solid #7c96ba50;color:#b4c7e0}.object-parts button[aria-pressed=true]{color:#a8d5ff;border-color:#88bdff}.object-deeper{width:100%;background:linear-gradient(110deg,#1d5caf,#334c9a);border:1px solid #77a7e4;padding:15px 10px;text-align:left;font-size:15px}.object-back{color:#b5d8ff}.object-source{display:flex;gap:20px;justify-content:space-between;font-size:15px;color:#b0c2db;padding:18px 0;line-height:1.8}.object-scope-only{padding:36px 0;color:#c2d2e6;font-size:16px}.object-intro .eyebrow{font-size:15px;color:#99bfe9;letter-spacing:2px}.target-strip button[aria-pressed=false]{color:#b5c4d9}@media(max-width:1050px){.object-explorer{grid-template-columns:minmax(0,1fr) 220px}.object-reader{padding:22px 16px}.object-intro{flex-wrap:wrap;gap:10px 25px}.object-intro p{max-width:400px}.object-intro h1{font-size:42px}}
@media(max-width:760px){.target-strip{gap:6px;margin-top:18px;flex-wrap:wrap;padding-bottom:8px}.target-strip>span{font-size:15px;margin-right:auto}.target-strip button{font-size:18px;padding:10px 12px}.target-strip button small{display:none}.object-intro{padding:24px 0;gap:12px}.object-intro h1{font-size:40px}.object-intro p{font-size:15px}.object-intro .object-reset{font-size:15px}.object-explorer{grid-template-columns:1fr}.object-reader{border-left:0;border-top:1px solid #90afd830;padding:22px}.object-reader h2{margin-top:18px;font-size:28px}.object-reader .definition{min-height:0}.object-canvas svg{min-height:270px}.object-toolbar{padding:12px;font-size:15px}.object-control{padding:12px;gap:10px}.object-control input{width:110px}.object-caption{padding:8px 12px 16px;font-size:15px}.object-source{flex-direction:column;gap:6px}.object-parts{margin:15px 0}.object-canvas .label{font-size:20px}.object-intro .eyebrow{font-size:15px}}
@media(prefers-reduced-motion:reduce){.object-canvas [data-part],.object-canvas [data-spread]{transition:none}}
@media(max-width:760px){.object-canvas .label{font-size:30px}} #object-world{scroll-margin-top:115px}
.skin-depth-nav{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 18px;color:#b6c9e3}.skin-depth-nav button{padding:10px 12px;font-size:15px;border-bottom:1px solid #6488b74d}.skin-depth-nav button[aria-pressed=true]{color:#b0d7ff;border-color:#8bbdf6}.skin-context{font-size:15px;color:#b7cce4;line-height:1.8;margin:18px 0}.object-canvas [data-skin-part]{cursor:pointer}.object-canvas [data-skin-part]:focus-visible{outline:none;filter:drop-shadow(0 0 4px #a8ceff)}.skin-histology .object-reader .definition{min-height:0}.object-toolbar{flex-wrap:wrap}
.object-reference-list{display:flex;flex-wrap:wrap;gap:10px 24px;margin:0 0 24px;font-size:15px;color:#afc8e5}

/* Skin: same section at two scales, with a separately identified tissue specimen. */
.skin-section-focus{cursor:pointer}.skin-section-focus:focus-visible{outline:none;filter:drop-shadow(0 0 2px #fff)}
.skin-histology [data-skin-part].part-picked{filter:brightness(1.12)}
.skin-evidence-tabs{display:flex;gap:12px;flex-wrap:wrap;padding:0 20px 14px}
.skin-evidence-tabs button{padding:10px 14px;border:1px solid #718db366;font-size:15px;min-height:44px}
.skin-evidence-tabs button[aria-pressed=true]{background:#264e80;color:#f1f6ff;border-color:#9ac8ff}
.skin-specimen{margin:0;padding:0 20px 20px}
.skin-specimen-window{background:#eee8ec;overflow:hidden;border:1px solid #9db0c34d}
.skin-specimen-window svg{display:block;width:100%;height:auto;max-height:600px}
.skin-specimen-controls{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:12px 0}
.skin-specimen-controls button,.skin-specimen-controls a{font-size:15px;min-height:44px;display:inline-flex;align-items:center;padding:8px 10px;border:1px solid #708fbb80}
.skin-specimen figcaption,.skin-photo-credit{font-size:15px;line-height:1.8;color:#c5d3e7}
.skin-photo-credit{margin-top:12px;color:#b2c6e1}.skin-photo-credit a,.skin-reference{text-decoration:underline;text-underline-offset:4px}
.skin-reference{display:block;font-size:15px;line-height:1.8;margin-top:22px}
.skin-histology .object-canvas>svg{max-height:560px}
@media(max-width:760px){.skin-evidence-tabs{padding:0 12px 12px;gap:8px}.skin-specimen{padding:0 12px 16px}.skin-histology .object-canvas>svg{min-height:0}.skin-specimen-window{overflow:auto}.skin-specimen-window svg{min-width:620px}.skin-specimen figcaption{margin-top:6px}}

.skin-histology .object-canvas svg[data-shared-section="detail"]{width:635px;height:430px;max-height:none;min-height:0;overflow:hidden}
/* Fluorescent observation controls; specimen and tissue colors are unchanged. */
#skin-world{--skin-cyan:#55fff0}
#skin-world [data-layer=epidermis],#skin-world [data-select=epidermis]{--layer-light:#55fff0}
#skin-world [data-layer=dermis],#skin-world [data-select=dermis]{--layer-light:#ff91db}
#skin-world [data-layer=hypodermis],#skin-world [data-select=hypodermis]{--layer-light:#ffe878}
#skin-world .layer:hover,#skin-world .layer:focus-visible,#skin-world .layer.selected{filter:none}
#skin-world .layer-label{pointer-events:auto}
#skin-world .layer-label path{stroke:var(--layer-light);stroke-width:2.5;fill:none;filter:drop-shadow(0 0 3px var(--layer-light));vector-effect:non-scaling-stroke}
#skin-world .layer-label circle{stroke:var(--layer-light);fill:#07172b;stroke-width:2;vector-effect:non-scaling-stroke}
#skin-world .layer-label .skin-label-halo{fill:none;stroke-width:1;opacity:.7}
#skin-world .skin-label-plate{fill:#07172bf2;stroke:var(--layer-light);stroke-opacity:.4;stroke-width:1}
#skin-world .layer-label text{fill:#dceafa;font-size:18px}
#skin-world .layer-label .svg-name{fill:var(--layer-light);font-size:23px;font-weight:650}
#skin-world .layer-label .anatomy-caption{fill:#dceafa;font-size:18px;display:block}
#skin-world .layer.selected .skin-label-plate,#skin-world .layer:focus-visible .skin-label-plate,#skin-world .layer:hover .skin-label-plate{stroke-opacity:1;stroke-width:2;filter:drop-shadow(0 0 4px var(--layer-light))}
#skin-world .skin-selection-edge{fill:none;stroke:var(--layer-light);stroke-width:2;opacity:0;vector-effect:non-scaling-stroke}
#skin-world .layer.selected .skin-selection-edge,#skin-world .layer:focus-visible .skin-selection-edge{opacity:1;filter:drop-shadow(0 0 3px var(--layer-light))}
#skin-world .skin-focus-underlay{fill:none;stroke:#07172b;stroke-width:5;vector-effect:non-scaling-stroke}
#skin-world .skin-focus-frame,#skin-world .skin-focus-leader{fill:none;stroke:var(--skin-cyan);stroke-width:2.5;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 3px #55fff080)}
#skin-world .skin-focus-frame{stroke-dasharray:7 4}
#skin-world .skin-focus-badge{fill:#07172b;stroke:var(--skin-cyan);stroke-width:2}
#skin-world .skin-focus-title{fill:var(--skin-cyan);font-size:22px;font-weight:650}
#skin-world .skin-section-focus:focus-visible,#skin-world .skin-section-focus:hover{filter:drop-shadow(0 0 5px #55fff0aa)}
#skin-world .skin-zoom-launch{display:block;margin:4px 23px 0;padding:11px 18px;min-height:44px;border:1px solid var(--skin-cyan);border-radius:5px;color:var(--skin-cyan);background:#07172b;font-size:16px;font-weight:650;box-shadow:0 0 16px #55fff024,inset 0 0 12px #55fff00a}
#skin-world .skin-zoom-launch:hover,#skin-world .skin-zoom-launch:focus-visible{background:#123843;outline:2px solid #c6fffa;outline-offset:3px}
#skin-world .reader-nav button{padding:10px;min-height:44px;border:1px solid #61799766;border-radius:4px;margin-right:0}
#skin-world .reader-nav button[aria-pressed=true]{color:var(--layer-light);border-color:var(--layer-light);background:#07172b;box-shadow:0 0 12px #55fff016}
#skin-world .skin-pan-hint{display:none}
#skin-world .scene:focus-visible{outline:2px solid var(--skin-cyan);outline-offset:-2px}
@media(max-width:760px){#skin-world .scene{overflow-x:auto;display:block;margin:0;min-height:0}#skin-world .scene #anatomy{min-width:760px;max-height:none;width:760px}#skin-world .diagram-note{position:static;display:block;padding:12px 16px}#skin-world .skin-pan-hint{display:block;margin:14px 14px 0;font-size:15px;color:#bed5eb;line-height:1.7}#skin-world .skin-zoom-launch{margin-left:14px}#skin-world .scene .cross-note{display:none}}
@media(prefers-reduced-motion:reduce){#skin-world .layer{transition:none}}
#skin-world .skin-zoom-launch{display:none}
#skin-world .skin-focus-frame{fill:transparent}
@media(max-width:760px){#skin-world .scene svg text,#skin-world .scene .layer-label,#skin-world #labels{display:block}#skin-world .skin-zoom-launch{display:block}}
