/* A focused entry to the complete body atlas and calculators. */
.atlas-page { --header-h: 74px; }
.atlas-page #main-content { padding-top: var(--header-h); }
.atlas-page .site-header .header-inner { max-width: 1420px; min-height: 74px; padding-inline: 20px; }
.atlas-page .site-header .brand { padding-right: 4px; }
.atlas-page .site-header .header-action { gap: 8px; }
.atlas-page .site-header #citations-btn { display: inline-flex; }
.atlas-page .site-header .atlas-report,
.atlas-page .site-header .atlas-evidence,
.atlas-page .site-header .atlas-contact-link { min-height: 40px; padding-inline: 16px; border-radius: 8px; font-size: 13px; }
.atlas-page .site-header .atlas-report { color: var(--mint); border-color: rgba(60,242,180,.25); }
.atlas-page #anatomy { padding-top: 36px; padding-bottom: 72px; }
.atlas-page #anatomy .anat-head-row { position: relative; }
.atlas-page #anatomy .section-tag-row { display: none; }
.atlas-page #anatomy .atlas-filter-disclosure { margin-bottom: 14px; }
.atlas-page #anatomy .atlas-filter-disclosure > summary { display: inline-flex; align-items: center; min-height: 36px; gap: 12px; color: var(--tx-2); cursor: pointer; font-size: 12px; list-style: none; }
.atlas-page #anatomy .atlas-filter-disclosure > summary::after { content: '+'; color: var(--mint); font-size: 18px; }
.atlas-page #anatomy .atlas-filter-disclosure > summary::-webkit-details-marker { display: none; }
.atlas-page #anatomy .atlas-filter-disclosure[open] > summary::after { transform: rotate(45deg); }
.atlas-page #anatomy .atlas-filter-disclosure[open] .atlas-goal-filters { margin-top: 8px; }
.atlas-page #anatomy .anat-head { margin-bottom: 24px; }
.atlas-page #anatomy .section-tag { font-size: 11px; letter-spacing: .13em; }
.atlas-page #anatomy .section-title { max-width: none; font-size: clamp(2.6rem,5vw,4.8rem); line-height: 1.02; letter-spacing: -.055em; margin-top: 14px; }
.atlas-page #anatomy .section-desc { max-width: 52ch; font-size: 16px; line-height: 1.55; margin-top: 16px; }
.atlas-page #anatomy .atlas-goal-filters { margin-bottom: 18px; }
.atlas-page #anatomy .goal-filter-label { font-size: 10px; }
.atlas-page #anatomy .anat-goal-set { background: transparent; border: 0; box-shadow: none; padding: 0; }
.atlas-page #anatomy .goal-pill { font-size: 12px; min-height: 38px; }
.atlas-page #anatomy .anat-tabs-shell { border-radius: 16px; padding: 5px; box-shadow: none; }
.atlas-page #anatomy .anat-tab-rail { grid-template-columns: minmax(0,8fr) minmax(90px,.9fr); }
.atlas-page #anatomy .organ-tabs { grid-template-columns: repeat(8,minmax(0,1fr)); }
.atlas-page #anatomy .organ-tab.reset-tab { flex-direction: row; gap: 6px; padding: 5px; }
.atlas-page #anatomy .organ-tab.reset-tab .anat-tab-ico { display: none; }
.atlas-page #anatomy .organ-tab { min-height: 50px; border-radius: 11px; font-size: 13px; padding: 6px 10px; gap: 8px; }
.atlas-page #anatomy .anat-tab-indicator { border-radius: 11px; }
.atlas-page #anatomy .anat-tab-ico { width: 30px; height: 30px; border-radius: 9px; }
.atlas-page #anatomy .organ-tab .key-badge { display: none; }
.atlas-page #anatomy .anatomy-grid { grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 24px; margin-top: 22px; }
.atlas-page #anatomy .anatomy-viewer { top: calc(var(--header-h) + 18px); padding: 5px; border-radius: 22px; box-shadow: 0 20px 70px rgba(0,0,0,.2); }
.atlas-page #anatomy .anat-stage { border-radius: 17px; }
.atlas-page #anatomy .model-viewport-box { height: clamp(570px,76vh,750px); background: radial-gradient(ellipse at 50% 44%,#192b35 0%,#0b141e 48%,#05080d 100%); }
.atlas-page #anatomy .model-img { filter: brightness(1.07) contrast(1.04) saturate(.93); }
.atlas-page #anatomy .anat-hud-grid { opacity: .45; }
.atlas-page #anatomy .anat-ruler { opacity: .35; }
.atlas-page #anatomy .viewer-title { font-size: 10px; letter-spacing: .06em; }
.atlas-page #anatomy .viewer-bottom-bar { min-height: 40px; display: flex; align-items: center; justify-content: center; padding: 8px; }
.atlas-page #anatomy .viewer-hint { font-size: 10px; }
.atlas-page .atlas-details-link { display: none; }
.atlas-page #organ-card { scroll-margin-top: calc(var(--header-h) + 24px); }
.atlas-page #anatomy .clinical-card { padding: 27px; border-radius: 22px; background: #0b1017; box-shadow: none; }
.atlas-page #anatomy .anat-card-meta { gap: 10px; }
.atlas-page #anatomy .anat-card-index { display: none; }
.atlas-page #anatomy .card-system { font-size: 10px; letter-spacing: .1em; }
.atlas-page #anatomy .card-name { font-size: clamp(1.55rem,2.6vw,2.1rem); line-height: 1.1; letter-spacing: -.035em; margin-top: 20px; }
.atlas-page #anatomy .card-summary { font-size: 14px; line-height: 1.6; }
.atlas-page #anatomy .organ-telemetry-strip { gap: 7px; margin-block: 22px; }
.atlas-page #anatomy .telemetry-cell { min-height: 82px; padding: 12px 10px; border-radius: 10px; }
.atlas-page #anatomy .telemetry-label { font-size: 9px; letter-spacing: .025em; }
.atlas-page #anatomy .telemetry-value { font-size: 14px; }
.atlas-page #anatomy .telemetry-cell::after,
.atlas-page #anatomy .anat-telem-spark { display: none; }
.atlas-page #anatomy .atlas-tissue-disclosure { border-top: 1px solid var(--line-1); }
.atlas-page #anatomy .atlas-tissue-disclosure > summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 0; font-size: 14px; font-weight: 500; cursor: pointer; list-style: none; }
.atlas-page #anatomy .atlas-tissue-disclosure > summary::-webkit-details-marker { display: none; }
.atlas-page #anatomy .atlas-tissue-disclosure > summary span { color: var(--mint); font-size: 20px; transition: transform .2s; }
.atlas-page #anatomy .atlas-tissue-disclosure[open] > summary span { transform: rotate(45deg); }
.atlas-page #anatomy .atlas-tissue-disclosure .tissue-inspector-card { margin: 0 0 20px; padding: 18px 14px; }
.atlas-page #anatomy details.info-block { padding: 0; margin: 0; border-top: 1px solid var(--line-1); }
.atlas-page #anatomy details.info-block > summary { position: relative; display: flex; align-items: center; gap: 12px; margin: 0; padding: 17px 22px 17px 0; cursor: pointer; list-style: none; }
.atlas-page #anatomy details.info-block > summary::-webkit-details-marker { display: none; }
.atlas-page #anatomy details.info-block > summary::after { content: '+'; position: absolute; right: 1px; color: var(--mint); font-size: 20px; font-weight: 400; transition: transform .2s; }
.atlas-page #anatomy details.info-block[open] > summary::after { transform: rotate(45deg); }
.atlas-page #anatomy details.info-block .info-icon { width: 30px; height: 30px; border-radius: 9px; }
.atlas-page #anatomy details.info-block .info-icon .i { width: 16px; height: 16px; }
.atlas-page #anatomy details.info-block .info-title { font-size: 14px; text-transform: none; letter-spacing: -.01em; }
.atlas-page #anatomy details.info-block .info-text { margin: 0 0 22px; font-size: 14px; line-height: 1.75; }
.atlas-page #anatomy details.info-block .biomarker-chips { gap: 7px; margin: 0 0 22px; }
.atlas-page #anatomy .chip { font-size: 11px; padding: 9px 11px; }
.atlas-page #anatomy details.info-block .protocol-checklist { margin-bottom: 20px; gap: 8px; }
.atlas-page #anatomy .protocol-checklist li { padding: 14px; }
.atlas-page #anatomy .anat-proto-body { font-size: 13px; line-height: 1.75; }
.atlas-page #anatomy summary:focus-visible { outline: 2px solid var(--mint); outline-offset: 4px; border-radius: 3px; }
.atlas-page .atlas-contact { display: flex; align-items: center; flex-wrap: wrap; gap: 16px 24px; padding-block: 26px; border-top: 1px solid var(--line-1); }
.atlas-page .atlas-contact p { color: var(--tx-2); font-size: 13px; line-height: 1.8; }
.atlas-page .atlas-contact p a { color: var(--mint); text-decoration: underline; text-underline-offset: 4px; overflow-wrap: anywhere; }
@media (max-width: 1024px) {
  .atlas-page .site-header .header-inner { grid-template-columns: auto 1fr; }
  .atlas-page .site-header .nav { display: none; }
  .atlas-page .site-header .mobile-toggle { display: grid; }
  .atlas-page .site-header .header-action { grid-column: 2; }
  .atlas-page #anatomy .anat-tab-rail { display: flex; }
  .atlas-page #anatomy .organ-tabs { display: flex; }
  .atlas-page #anatomy .organ-tab { flex: none; }
  .atlas-page #anatomy .organ-tab.reset-tab { flex-direction: row; min-width: 115px; }
}
@media (max-width: 900px) {
  .atlas-page #anatomy .anatomy-grid { grid-template-columns: minmax(0,1fr); gap: 20px; }
  .atlas-page #anatomy .anatomy-viewer { position: relative; top: auto; }
  .atlas-page #anatomy .model-viewport-box { height: min(610px,70svh); min-height: 400px; }
  .atlas-page #anatomy .clinical-card { padding: 26px; }
  .atlas-page #anatomy .viewer-bottom-bar { justify-content: space-between; padding: 8px 10px; gap: 12px; }
  .atlas-page .atlas-details-link { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; font-size: 12px; color: var(--mint); white-space: nowrap; }
  .atlas-page #anatomy .viewer-hint { font-size: 10px; }
}
@media (max-width: 560px) {
  .atlas-page { --header-h: 112px; }
  .atlas-page .site-header { padding-inline: 0; }
  .atlas-page .site-header .header-inner { min-height: 112px; padding: 8px 18px; grid-template-columns: 1fr; gap: 3px; }
  .atlas-page .site-header .brand { min-height: 42px; padding-block: 0; }
  .atlas-page .site-header .brand-logo-frame { width: 34px; height: 34px; }
  .atlas-page .site-header .brand-logo-img { width: 24px; height: 24px; }
  .atlas-page .site-header .brand-name { font-size: 16px; }
  .atlas-page .site-header .header-action { grid-column: 1; justify-self: stretch; }
  .atlas-page .site-header .atlas-report,
  .atlas-page .site-header .atlas-evidence,
  .atlas-page .site-header .atlas-contact-link { min-height: 38px; --btn-h: 38px; padding-inline: 15px; font-size: 12px; }
  .atlas-page .site-header .mobile-toggle { position: absolute; right: 18px; top: 9px; }
  .atlas-page #anatomy { padding-top: 30px; padding-bottom: 46px; }
  .atlas-page #anatomy .anat-head { margin-bottom: 18px; }
  .atlas-page #anatomy .section-title { font-size: clamp(2.35rem,11vw,3.3rem); }
  .atlas-page #anatomy .section-desc { font-size: 14px; margin-top: 12px; }
  .atlas-page #anatomy .goal-filter-label { display: none; }
  .atlas-page #anatomy .goal-pill { min-height: 40px; }
  .atlas-page #anatomy .atlas-goal-filters { margin-bottom: 10px; }
  .atlas-page #anatomy .anatomy-grid { margin-top: 16px; }
  .atlas-page #anatomy .model-viewport-box { height: 540px; max-height: 72svh; min-height: 410px; }
  .atlas-page #anatomy .anat-hud-tag { display: none; }
  .atlas-page #anatomy .viewer-top { justify-content: flex-end; }
  .atlas-page #anatomy .clinical-card { padding: 21px 18px; }
  .atlas-page #anatomy .organ-telemetry-strip { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .atlas-page #anatomy .telemetry-cell { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 8px; padding: 10px 8px; min-height: 82px; }
  .atlas-page #anatomy .telemetry-label { flex: initial; padding: 0; line-height: 1.4; }
  .atlas-page #anatomy .telemetry-value { flex: initial; padding: 0; text-align: left; font-size: 12px; line-height: 1.4; }
  .atlas-page #anatomy .viewer-hint.anat-hint-keys { display: none; }
  .atlas-page #anatomy .viewer-hint.anat-hint-touch { display: flex; }
  .atlas-page #anatomy .viewer-bottom-bar { padding-inline: 6px; }
  .atlas-page .atlas-details-link { font-size: 11px; }
  .atlas-page .atlas-contact { align-items: flex-start; flex-direction: column; gap: 12px; }
}
@media (max-width: 900px) and (orientation: landscape) and (max-height: 500px) {
  .atlas-page #anatomy .anatomy-grid { grid-template-columns: minmax(0,1fr) minmax(0,1fr); }
  .atlas-page #anatomy .model-viewport-box { height: 360px; max-height: none; min-height: 300px; }
  .atlas-page #anatomy .viewer-bottom-bar { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .atlas-page #anatomy summary::after,
  .atlas-page #anatomy summary span { transition: none; }
}