/* Keep chapter navigation together and give the text one clear reading column. */
#atlas-root .guide-reader { max-width:850px; margin-inline:auto; }
#atlas-root .guide-heading { margin-bottom:24px; }
#atlas-root .guide-heading h1 { font-size:clamp(26px,3vw,34px); line-height:1.2; letter-spacing:-.035em; text-wrap:balance; margin:0 0 12px; }
#atlas-root .guide-heading p { color:var(--muted); font-size:15px; line-height:1.7; text-wrap:pretty; margin:0; }
#atlas-root .guide-toolbar { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.15fr); gap:20px; align-items:end; padding:0 0 28px; margin:0 0 32px; border-bottom:1px solid var(--line); }
#atlas-root .guide-toolbar .guide-field { display:grid; gap:9px; min-width:0; margin:0; }
#atlas-root .guide-field-label { color:#c4d5e0; font-size:13px; font-weight:600; line-height:1.5; }
#atlas-root .guide-toolbar .searchbox { margin:0; min-height:54px; border-radius:12px; }
#atlas-root .guide-toolbar select { display:block; width:100%; min-width:0; max-width:100%; min-height:54px; padding:12px; border:1px solid rgba(127,172,205,.32); border-radius:12px; background:#0d1520; color:var(--ink); font:inherit; font-size:16px; text-overflow:ellipsis; }
#atlas-root .guide-layout { display:block; }
#atlas-root .guide-article { min-width:0; }
#atlas-root .guide-chapter-heading { margin:0 0 24px; }
#atlas-root .guide-chapter-count { margin:0 0 10px; color:var(--accent); font-size:13px; font-weight:600; font-variant-numeric:tabular-nums; }
#atlas-root .guide-chapter-count span { margin-left:4px; color:var(--muted); font-weight:400; }
#atlas-root .guide-chapter-heading .guide-title { font-size:clamp(26px,3vw,34px); line-height:1.25; letter-spacing:-.025em; text-wrap:balance; margin:0 0 16px; }
#atlas-root .guide-chapter-heading .intro { margin:0; max-width:70ch; }
#atlas-root .guide-article .article-section { scroll-margin-top:125px; }
#atlas-root .guide-reader .guide-article .article-section :is(p,li) { font-size:16px; line-height:1.85; }
#atlas-root .guide-reader .guide-article .article-section > :is(p,ul) { max-width:75ch; }
#atlas-root .guide-article .guide-toc { margin:0 0 24px; padding:14px 18px; border:0; border-radius:12px; background:rgba(127,172,205,.06); }
#atlas-root .guide-toc summary { font-size:14px; }
#atlas-root .guide-toc summary > span { margin-left:8px; color:var(--muted); font-size:12px; font-weight:400; }
#atlas-root .guide-toc .guide-toc-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:2px 18px; padding-top:8px; counter-reset:guide-section; }
#atlas-root .guide-toc .guide-toc-links a { display:flex; align-items:center; gap:10px; min-width:0; min-height:44px; padding:8px 4px; border-radius:7px; font-size:14px; line-height:1.5; text-wrap:pretty; transition:background-color 160ms ease,color 160ms ease; }
#atlas-root .guide-toc-links a::before { counter-increment:guide-section; content:counter(guide-section,decimal-leading-zero); color:var(--muted); font-size:11px; font-variant-numeric:tabular-nums; flex:0 0 18px; }
#atlas-root .guide-toc-links a:hover { color:#e4faff; background:rgba(127,172,205,.08); }
#atlas-root .guide-reader .guide-search-results .results-title { margin-top:0; }
#atlas-root .guide-reader .guide-search-results .muscle-row { padding-block:20px; }
@media(max-width:600px) {
 #atlas-root .guide-toolbar { grid-template-columns:minmax(0,1fr); gap:16px; }
 #atlas-root .guide-heading { margin-bottom:22px; }
 #atlas-root .guide-heading p { font-size:14px; }
 #atlas-root .guide-toolbar { margin-bottom:26px; padding-bottom:24px; }
 #atlas-root .guide-article .guide-toc { padding:10px 12px; }
 #atlas-root .guide-toc .guide-toc-links { grid-template-columns:minmax(0,1fr); }
}
@media(prefers-reduced-motion:reduce) { #atlas-root .guide-toc-links a { transition:none; } }
#atlas-root .guide-muscle { padding:30px 0; scroll-margin-top:125px; border-top:1px solid var(--line); }
#atlas-root .guide-muscle > h2 { font-size:27px; margin-top:10px; }
#atlas-root .guide-muscle .article-section h3 { font-size:19px; margin-bottom:12px; }
#atlas-root .guide-figures { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin:20px 0; align-items:start; }
#atlas-root .guide-figures:has(> :only-child) { grid-template-columns:1fr; max-width:430px; }
#atlas-root .guide-pagination { display:flex; justify-content:space-between; gap:25px; padding:30px 0; }
#atlas-root .guide-pagination a { max-width:48%; line-height:1.7; }
#atlas-root .guide-source { padding:20px 0; border-top:1px solid var(--line); line-height:1.8; }
#atlas-root .group-members { margin:24px 0; padding:25px 0; border-block:1px solid var(--line); }
#atlas-root .group-members > p { color:var(--muted); margin:12px 0 20px; }
#atlas-root .finder-steps :is(a,span)[aria-current] { color:#fff; font-weight:700; }
#atlas-root .finder-steps b { display:inline-grid; place-items:center; width:26px; height:26px; margin-right:5px; border-radius:50%; background:rgba(0,184,238,.12); color:#8bdeff; }
#atlas-root .finder-instruction { padding:18px 2px; }
#atlas-root .finder-instruction h2 { font-size:26px; line-height:1.4; margin:12px 0 18px; }
#atlas-root .finder-instruction p { color:#bdcddd; line-height:1.9; font-size:13px; }
#atlas-root .finder-instruction .small { color:var(--muted); font-size:11px; margin-top:22px; }
#atlas-root .area-expand { display:block; margin-top:24px; }
#atlas-root .map-heading .text-btn { font-size:10px; gap:4px; }
#atlas-root .map-heading .text-btn svg { width:14px; height:14px; }
@media(max-width:760px) { #atlas-root .guide-title { font-size:26px; } #atlas-root .guide-figures { grid-template-columns:1fr; } #atlas-root .guide-pagination { gap:15px; } #atlas-root .finder-instruction { padding:4px 0; } }
@media print { #atlas-root .guide-layout { display:block; } #atlas-root :is(.guide-pagination,.guide-toolbar,.guide-search-results) { display:none; } }

#atlas-root .location-context { color:#adc6d5; font-size:11px; line-height:1.85; border-left:2px solid rgba(0,184,238,.4); padding-left:12px; margin-bottom:18px; }
/* Give both stages their full working width until an actual result is selected. */
#atlas-root .finder-view-overview:has(.finder-instruction),
#atlas-root .finder-view-detail:has(.finder-instruction) { grid-template-columns:1fr; }
#atlas-root :is(.finder-view-overview,.finder-view-detail) > .finder-instruction { display:none; }
#atlas-root .finder-view-overview .finder-overview,
#atlas-root .finder-view-detail:has(.finder-instruction) .finder-detail { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(230px,.9fr); align-items:start; }
#atlas-root .finder-view-overview .finder-zone-list { padding-top:22px; gap:12px; }
#atlas-root .finder-view-overview .finder-zone-button { min-height:54px; font-size:12px; }
#atlas-root .finder-view-overview .finder-image-credit,
#atlas-root .finder-view-detail:has(.finder-instruction) .finder-image-credit { grid-column:1/-1; }
#atlas-root .finder-view-detail:has(.finder-instruction) .finder-location-list { grid-template-columns:1fr; }
@media(max-width:760px) {
 #atlas-root .finder-view-overview .finder-overview,
 #atlas-root .finder-view-detail:has(.finder-instruction) .finder-detail { grid-template-columns:1fr; }
 #atlas-root .finder-view-overview .finder-zone-list { padding-top:13px; gap:7px; }
 #atlas-root .finder-view-overview .finder-zone-button { min-height:44px; font-size:11px; }
 #atlas-root .finder-view-detail:has(.finder-instruction) .finder-location-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
#atlas-root .source-link svg { width:15px; height:15px; min-width:15px; flex-shrink:0; }
#atlas-root span.source-link { border-bottom:0; color:var(--muted); }

/* Keep referral maps directly beside each result, with a separate zoom action. */
#atlas-root .pain-result-card { padding:18px 0 22px; border-bottom:1px solid var(--line); min-width:0; }
#atlas-root .pain-result-card > .muscle-row { padding:0 0 14px; border:0; align-items:center; }
#atlas-root .pain-result-card .muscle-row h3 { font-size:15px; margin-bottom:4px; }
#atlas-root .result-latin { color:var(--muted); font-size:10px; }
#atlas-root .pain-result-body { display:grid; grid-template-columns:minmax(120px,.85fr) minmax(0,1.15fr); gap:16px; align-items:start; }
#atlas-root .result-pain-images { display:grid; gap:10px; min-width:0; }
#atlas-root .result-pain-figure { margin:0; border:1px solid var(--line); border-radius:11px; overflow:hidden; }
#atlas-root .result-pain-figure button { position:relative; display:block; width:100%; padding:10px; background:#fff; cursor:zoom-in; }
#atlas-root .result-pain-figure img { display:block; width:100%; height:180px; object-fit:contain; background:#fff; }
#atlas-root .result-pain-zoom { position:absolute; right:6px; bottom:6px; display:grid; place-items:center; padding:5px; border:1px solid #cbdbe4; border-radius:6px; background:#f3faff; color:#08648c; }
#atlas-root .result-pain-zoom svg { width:14px; height:14px; }
#atlas-root .result-pain-figure figcaption { display:flex; flex-wrap:wrap; justify-content:space-between; gap:3px 8px; padding:8px 10px; background:#121c2b; color:#b9d7e6; font-size:9px; line-height:1.6; }
#atlas-root .result-pain-figure figcaption span:last-child { color:var(--muted); }
#atlas-root .result-pain-copy { min-width:0; }
#atlas-root .result-pain-copy > p { margin:0; color:#c5d4e0; font-size:11px; line-height:1.85; }
#atlas-root .result-pain-copy .result-meta { font-size:10px; }
#atlas-root .result-pain-unavailable { min-height:180px; padding:16px 12px; border:1px dashed rgba(123,156,190,.3); border-radius:11px; color:#c2d6e2; background:rgba(0,184,238,.025); }
#atlas-root .result-pain-unavailable span { font-size:11px; font-weight:600; }
#atlas-root .result-pain-unavailable p { color:var(--muted); font-size:10px; line-height:1.8; margin:10px 0 0; }
#atlas-root .az-items .pain-result-body { grid-template-columns:200px minmax(0,1fr); }
#atlas-root .az-items .result-pain-images.has-multiple { grid-template-columns:repeat(2,minmax(0,1fr)); }
#atlas-root .az-items .pain-result-body:has(.has-multiple) { grid-template-columns:minmax(240px,.6fr) minmax(0,1fr); }
@media(max-width:760px) {
 #atlas-root :is(.pain-result-body,.az-items .pain-result-body,.az-items .pain-result-body:has(.has-multiple)) { grid-template-columns:minmax(110px,.85fr) minmax(0,1.15fr); gap:12px; }
 #atlas-root .result-pain-figure button { padding:7px; }
 #atlas-root .result-pain-figure img { height:155px; }
 #atlas-root .az-items .result-pain-images.has-multiple { grid-template-columns:1fr; }
 #atlas-root .pain-result-card .muscle-row h3 { font-size:14px; }
}