/* Concept B: bright, spacious, model-first. Loaded only on the dedicated atlas page. */
body.atlas-enhanced { --bg:#f5f7f5; --panel:#fff; --line:#dbe3de; --accent:#246c5d; --muted:#5b6964; background:var(--bg); }
body.atlas-enhanced .site-header,body.atlas-enhanced .nav { background:var(--bg); }
body.atlas-enhanced .site-header,body.atlas-enhanced main,body.atlas-enhanced .site-footer { width:min(1480px,calc(100% - 72px)); max-width:1480px; }
body.atlas-enhanced .nav { min-height:94px; }
body.atlas-enhanced main > .breadcrumbs { padding:1.2rem 0; font-size:.8125rem; }
body.atlas-enhanced #peptide-library { padding:0 0 3rem; border:0; }
body.atlas-enhanced .peptide-browser { margin-top:0; }
.atlas-workspace { display:grid; grid-template-columns:minmax(225px,.83fr) minmax(320px,1.12fr) minmax(380px,1.35fr); align-items:start; column-gap:clamp(1.1rem,2.1vw,2rem); }
.atlas-workspace > * { min-width:0; }
.atlas-sidebar { padding-top:1.3rem; }
body.atlas-enhanced .page-intro { padding:0 0 1.2rem; }
body.atlas-enhanced .page-intro .eyebrow { margin:0 0 1.3rem; font-size:.8125rem; letter-spacing:.13em; }
body.atlas-enhanced .page-intro h1 { font:600 clamp(1.8rem,2.55vw,2.6rem)/1.17 'Segoe UI',Arial,sans-serif; letter-spacing:-.04em; margin:0 0 1.15rem; }
body.atlas-enhanced .page-intro > p:last-child { font-size:.9375rem; line-height:1.7; max-width:30ch; margin:0; }
.atlas-sidebar > .eyebrow { font-size:.8125rem; letter-spacing:.12em; margin:1rem 0 .7rem; }
.atlas-sidebar .peptide-system-list { display:flex; flex-direction:column; gap:.35rem; margin:0; }
.atlas-sidebar .peptide-system-button { display:grid; grid-template-columns:25px minmax(0,1fr) auto; align-items:center; width:100%; gap:.55rem; border:1px solid transparent; border-radius:6px; padding:.65rem .7rem; min-height:45px; font-size:.875rem; background:transparent; color:#435a51; text-align:left; }
.atlas-sidebar .peptide-system-button:hover { background:#ebf0ec; }
.atlas-sidebar .peptide-system-button[aria-pressed="true"] { background:#e4eeea; color:#164f41; border-color:#c6dcd1; font-weight:600; }
.atlas-sidebar .peptide-system-number { display:flex; align-items:center; width:23px; height:23px; border:0; background:none; padding:0; color:currentColor; }
.peptide-system-number svg { width:22px; height:22px; }
.atlas-sidebar .peptide-system-count { color:#53665b; font-size:.8125rem; font-weight:500; border:0; background:none; padding:0; }
.atlas-count-legend { font-size:.8125rem; color:var(--muted); line-height:1.55; padding-inline:.7rem; max-width:31ch; }
.atlas-sidebar .atlas-page-link { font-size:.8125rem; margin:.75rem 0 1.5rem; padding:.5rem 0; }
.atlas-collection-summary { border-top:1px solid var(--line); padding:1.2rem 0; }
.atlas-collection-summary .peptide-counts { display:flex; flex-wrap:wrap; gap:1.15rem; }
.atlas-collection-summary .peptide-counts > span { display:flex; flex-direction:column; gap:.1rem; }
.atlas-collection-summary .peptide-counts strong { font:500 1.2rem/1.3 'Segoe UI',Arial,sans-serif; color:#284c40; }
.atlas-collection-summary .peptide-counts span span { font-size:.8125rem; color:var(--muted); }
.atlas-model-column { text-align:center; padding:1.4rem 0 0; }
.atlas-model-label { display:flex; justify-content:space-between; gap:.7rem; font-size:.8125rem; letter-spacing:.13em; color:#52695c; border-bottom:1px solid #dde5df; padding:0 .4rem .75rem; }
.atlas-selected-summary { display:grid; gap:.25rem; padding:1rem .5rem .25rem; text-align:center; }
.atlas-selected-summary .eyebrow { margin:0; font-size:.8125rem; letter-spacing:.13em; }
.atlas-selected-summary strong { font-weight:500; font-size:1rem; letter-spacing:-.02em; }
.atlas-selected-count { font-size:.8125rem; color:var(--muted); }
.atlas-model-column .peptide-view-readout { margin:.5rem 0; font-size:.8125rem; color:#52695c; font-variant-numeric:tabular-nums; letter-spacing:.02em; }
.atlas-model-column .peptide-3d-tools button:last-child { background:#e8f0eb; padding-inline:.4rem; }
.atlas-model-column .peptide-body-hotspot::after { content:attr(data-region-label); display:none; position:absolute; bottom:40px; left:50%; transform:translateX(-50%); width:max-content; max-width:165px; padding:.4rem .65rem; border-radius:5px; font:500 .8125rem/1.45 'Segoe UI',Arial,sans-serif; color:#fff; background:#234e40; box-shadow:0 4px 12px #1a3a2520; pointer-events:none; }
.atlas-model-column .peptide-body-hotspot:hover::after,.atlas-model-column .peptide-body-hotspot:focus-visible::after { display:block; }
.atlas-model-column .peptide-body-hotspot:hover,.atlas-model-column .peptide-body-hotspot:focus-visible { z-index:3; }
.atlas-model-column .peptide-body-hotspot[data-label-side="right"]::after { transform:none; left:50%; }
.atlas-model-column .peptide-body-hotspot[data-label-side="left"]::after { transform:none; right:50%; left:auto; }
.atlas-model-column .peptide-body-figure { margin:0; }
.atlas-model-column .peptide-body-stage { max-width:330px; width:100%; margin-inline:auto; aspect-ratio:320/620; }
.atlas-model-column .peptide-body-stage[data-renderer="3d"] { width:100%; max-width:none; height:clamp(500px,66vh,720px); aspect-ratio:auto; background:radial-gradient(ellipse at 50% 43%,#dfebe481,transparent 65%); }
.atlas-model-column .peptide-body-canvas { border-radius:0; }
.atlas-model-column .peptide-body-figure figcaption { font-size:.8125rem; line-height:1.5; max-width:44ch; margin:.25rem auto .8rem; padding:0 .5rem; }
.atlas-model-column .peptide-render-modes { display:flex; justify-content:center; flex-wrap:wrap; gap:0; margin:.5rem auto; border:1px solid #cfdcd4; border-radius:20px; padding:3px; width:fit-content; background:#edf2ee; }
.atlas-model-column .peptide-render-modes button { min-height:44px; font-size:.8125rem; padding:.35rem .85rem; border:0; border-radius:18px; background:transparent; color:#50665a; }
.atlas-model-column .peptide-render-modes button[aria-pressed="true"] { background:white; color:#205d49; box-shadow:0 1px 4px #244a2917; }
.atlas-model-column .peptide-3d-tools { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:3px; padding:5px; border:1px solid #d7e1da; background:white; border-radius:7px; width:min(100%,340px); max-width:100%; margin:.65rem auto; }
.atlas-model-column .peptide-3d-tools button { min-width:0; min-height:44px; padding:.25rem .5rem; background:transparent; border:0; border-radius:4px; color:#315b4b; font-size:.8125rem; }
.atlas-model-column .peptide-3d-tools button:nth-child(-n+4) { font-size:1.15rem; }
.atlas-model-column .peptide-3d-tools button[aria-pressed="true"],.atlas-model-column .peptide-3d-tools button:hover:not(:disabled) { background:#e7efea; }
.atlas-model-column .peptide-3d-tools button:disabled { color:#6a7670; opacity:.5; }
.atlas-model-column .peptide-3d-status { font-size:.8125rem; line-height:1.5; max-width:45ch; margin:.7rem auto; }
.atlas-model-column .peptide-3d-hover { min-height:1.4em; color:#25624e; font-size:.8125rem; margin:.3rem 0; }
.atlas-model-column .peptide-body-hotspot > span,.atlas-model-column .peptide-body-stage[data-renderer="3d"] .peptide-body-hotspot > span { width:20px; height:20px; font-size:0; background:#3b8a78; border:2px solid #f7fffa; box-shadow:0 0 0 5px #3b8a781c; }
.atlas-model-column .peptide-body-hotspot[aria-pressed="true"] > span,.atlas-model-column .peptide-body-stage[data-renderer="3d"] .peptide-body-hotspot[aria-pressed="true"] > span { background:#1c6353; box-shadow:0 0 0 7px #2f8f6c2b,0 0 18px #2f8f6c21; }
.atlas-model-column .peptide-body-hotspot:hover > span,.atlas-model-column .peptide-body-hotspot:focus-visible > span { box-shadow:0 0 0 8px #2f8f6c2b; }
.atlas-model-help { font-size:.8125rem; color:var(--muted); margin:.7rem auto; max-width:44ch; }
.atlas-model-help summary { cursor:pointer; width:fit-content; margin:auto; }
.atlas-model-help .peptide-3d-instructions { font-size:.8125rem; }
.atlas-model-column .peptide-atlas-jump { font-size:.8125rem; margin:.6rem 0; }
.atlas-detail-column { padding-top:.5rem; }
.atlas-detail-card { background:#fff; border:1px solid #d5e0d9; box-shadow:0 8px 30px #1d432905; border-radius:10px; overflow:hidden; }
.atlas-detail-header { display:flex; align-items:center; gap:.85rem; padding:1.55rem 1.55rem 0; }
.atlas-system-symbol { display:grid; place-items:center; flex:none; width:43px; height:43px; border-radius:9px; color:#286d57; background:#edf3ee; }
.atlas-system-symbol svg { width:29px; height:29px; }
.atlas-detail-header .eyebrow { margin:0 0 .35rem; font-size:.8125rem; letter-spacing:.09em; }
.atlas-detail-header h2 { font:600 1.3rem/1.25 'Segoe UI',Arial,sans-serif; letter-spacing:-.035em; margin:0; }
.atlas-system-deck { margin:1rem 1.55rem 1.25rem; font-size:.9375rem; line-height:1.7; color:var(--muted); }
.atlas-tabs { display:flex; flex-wrap:wrap; padding:0 1.55rem; gap:1.35rem; border-bottom:1px solid #e1e7e3; }
.atlas-tabs button { font-size:.875rem; min-height:44px; padding:.65rem 0 .85rem; background:none; border:0; border-bottom:2px solid transparent; color:#64756a; border-radius:0; white-space:nowrap; }
.atlas-tabs button[aria-selected="true"] { color:#1e624c; border-bottom-color:#2e795f; font-weight:600; }
.atlas-tab-panel { padding:1.35rem 1.55rem 1.55rem; min-height:390px; }
.atlas-tab-panel > .eyebrow { font-size:.8125rem; letter-spacing:.13em; margin:0 0 .9rem; }
.atlas-overview-cards { display:grid; gap:.7rem; }
.atlas-overview-card { display:grid; grid-template-columns:95px minmax(0,1fr); gap:.8rem; align-items:center; padding:.55rem; border:1px solid #e0e6e1; border-radius:7px; text-decoration:none; color:var(--ink); transition:border-color .15s,background .15s; }
.atlas-overview-card:hover { background:#f9fbf9; border-color:#9ebdaa; }
.atlas-overview-card img { width:95px; height:91px; object-fit:cover; border-radius:4px; background:#e7ede8; }
.atlas-card-label { display:block; font-size:.8125rem; letter-spacing:.08em; color:#52685b; line-height:1.6; }
.atlas-overview-card h3 { font:500 1rem/1.4 'Segoe UI',Arial,sans-serif; margin:.25rem 0 0; letter-spacing:-.01em; }
.atlas-open-compounds { display:block; width:100%; padding:.8rem .7rem; margin:1.05rem 0 0; border:1px solid #d5e3d9; border-radius:5px; background:#f0f5f1; font:500 .9375rem/1.5 'Segoe UI',Arial,sans-serif; color:#245b43; }
.atlas-open-compounds:hover { background:#e6eee8; }
.atlas-compound-preview { margin-top:1.35rem; padding-top:1.1rem; border-top:1px solid var(--line); }
.atlas-preview-header { display:flex; align-items:center; justify-content:space-between; gap:.7rem; }
.atlas-preview-header h3 { font:600 .9375rem/1.4 'Segoe UI',Arial,sans-serif; margin:0; letter-spacing:0; }
.atlas-preview-count { color:var(--muted); font-size:.8125rem; }
.atlas-preview-list { padding:0; margin:.55rem 0; list-style:none; }
.atlas-preview-list li { border-bottom:1px solid #edf0ec; }
.atlas-preview-list li:last-child { border:0; }
.atlas-preview-list a { display:flex; justify-content:space-between; align-items:center; gap:.7rem; min-height:50px; padding:.5rem .2rem; text-decoration:none; color:var(--ink); }
.atlas-preview-list a:hover { color:var(--accent); background:#f5f8f4; }
.atlas-preview-list strong { display:block; font-weight:500; font-size:.875rem; }
.atlas-preview-category { display:block; font-size:.8125rem; color:var(--muted); line-height:1.5; }
.atlas-preview-note { font-size:.8125rem; color:var(--muted); line-height:1.55; margin:.6rem 0 0; }
.atlas-evidence-note { background:#edf2ec; border:1px solid #d9e4d7; border-radius:8px; margin-top:1rem; padding:1.15rem 1.4rem; }
.atlas-evidence-note h3 { font:600 .84rem/1.3 'Segoe UI',Arial,sans-serif; letter-spacing:0; margin:0 0 .5rem; }
.atlas-evidence-note p { font-size:.8125rem; line-height:1.6; color:#56695d; margin:0 0 .5rem; }
.atlas-evidence-note a { font-size:.8125rem; }
body.atlas-enhanced .peptide-import-guide { font-size:.8125rem; margin:1rem 0 0; padding:.8rem .2rem; border-bottom:0; }
body.atlas-enhanced .peptide-import-guide p { font-size:.8125rem; }
.atlas-tab-note { font-size:.8125rem; color:var(--muted); line-height:1.65; margin:0 0 1rem; }
.atlas-tab-panel .peptide-controls { grid-template-columns:1fr; gap:.6rem; }
.atlas-tab-panel .peptide-controls label { font-size:.8125rem; }
.atlas-tab-panel .peptide-controls input,.atlas-tab-panel .peptide-controls select { min-height:44px; font-size:.875rem; width:100%; background:#fbfcfa; border-color:#c9d7cc; }
.atlas-tab-panel .peptide-advanced-filters { margin:.8rem 0; }
.atlas-tab-panel .peptide-advanced-filters summary { font-size:.8125rem; }
.atlas-tab-panel .peptide-category-filter { gap:.35rem; margin:.9rem 0; padding:0; }
.atlas-tab-panel .peptide-category-caption { font-size:.8125rem; margin:.25rem 0; }
.atlas-tab-panel .peptide-category-chip { font-size:.8125rem; padding:.35rem .5rem; }
.atlas-tab-panel .peptide-result-column > .eyebrow,.atlas-tab-panel .peptide-result-column > h3 { display:none; }
.atlas-tab-panel .peptide-result-toolbar { margin:1rem 0 .75rem; gap:.5rem; }
.atlas-tab-panel .peptide-result-toolbar p { font-size:.8125rem; }
.atlas-tab-panel .peptide-result-toolbar .btn-mini { font-size:.8125rem; padding:.4rem .6rem; background:transparent; color:var(--accent); }
.atlas-tab-panel .peptide-filter-summary { font-size:.8125rem; }
body.atlas-enhanced .peptide-browser[data-view="atlas"] .peptide-card { padding:.8rem .9rem .8rem 1rem; border-radius:5px; background:#fcfdfa; }
body.atlas-enhanced .peptide-browser[data-view="atlas"] .peptide-card h3 { font:600 1rem/1.35 'Segoe UI',Arial,sans-serif; letter-spacing:-.02em; }
body.atlas-enhanced .peptide-browser[data-view="atlas"] .peptide-card > a:last-child { grid-column:1 / -1; grid-row:auto; font-size:.8125rem; }
.atlas-tab-panel .peptide-pagination { font-size:.8125rem; gap:.35rem; }
.atlas-tab-panel .peptide-pagination .btn-mini { padding:.5rem .6rem; font-size:.8125rem; }
.atlas-research-list { display:grid; gap:0; }
.atlas-research-card { padding:1rem 0; border-top:1px solid #e0e7e1; }
.atlas-research-card h3 { font:500 1rem/1.5 'Segoe UI',Arial,sans-serif; margin:.4rem 0; letter-spacing:0; }
.atlas-research-card h3 a { text-decoration:none; }
.atlas-research-card h3 a:hover { text-decoration:underline; }
.atlas-research-card > p:last-child { color:var(--muted); font-size:.8125rem; margin:.3rem 0; }
.atlas-tab-panel > .text-link { font-size:.8125rem; }
@media(min-width:1181px) { .atlas-tab-panel:not(#atlas-panel-overview) { max-height:650px; overflow-y:auto; scrollbar-width:thin; scrollbar-color:#b5c9ba transparent; } }
@media(max-width:1180px) {
  body.atlas-enhanced .site-header,body.atlas-enhanced main,body.atlas-enhanced .site-footer { width:calc(100% - 48px); }
  .atlas-workspace { grid-template-columns:minmax(205px,.8fr) minmax(280px,1fr); gap:1.5rem 2rem; }
  .atlas-detail-column { grid-column:1 / -1; padding-top:0; }
  .atlas-detail-card { max-width:none; }
  .atlas-tab-panel { min-height:0; }
  .atlas-overview-cards { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .atlas-overview-card { grid-template-columns:1fr; align-items:start; }
  .atlas-overview-card img { width:100%; height:140px; grid-column:1 / -1; }
  .atlas-overview-card h3 { padding-bottom:.5rem; }
  .atlas-model-column .peptide-body-stage[data-renderer="3d"] { height:620px; }
  .atlas-tab-panel .peptide-controls { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .atlas-tab-panel .peptide-search-field { grid-column:auto; }
  body.atlas-enhanced .peptide-browser[data-view="atlas"] .peptide-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:700px) {
  body.atlas-enhanced .site-header,body.atlas-enhanced main,body.atlas-enhanced .site-footer { width:calc(100% - 32px); }
  .atlas-workspace { grid-template-columns:1fr; gap:1rem; }
  body.atlas-enhanced .page-intro h1 { font-size:2.25rem; }
  body.atlas-enhanced .page-intro > p:last-child { max-width:45ch; }
  .atlas-sidebar { padding-top:.3rem; }
  .atlas-sidebar .peptide-system-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.35rem; }
  .atlas-sidebar .peptide-system-button { gap:.4rem; padding:.55rem .4rem; font-size:.8125rem; grid-template-columns:21px minmax(0,1fr) auto; }
  .atlas-sidebar .peptide-system-number svg { width:20px; height:20px; }
  .atlas-count-legend { max-width:none; font-size:.8125rem; padding:0; }
  .atlas-sidebar .atlas-page-link { margin:.3rem 0; }
  .atlas-collection-summary { display:none; }
  .atlas-model-column { padding:.7rem 0 0; }
  .atlas-model-column .peptide-body-stage[data-renderer="3d"] { height:550px; max-width:420px; }
  .atlas-model-column .peptide-body-stage { max-width:285px; }
  .atlas-detail-column { grid-column:auto; }
  .atlas-detail-header { padding:1.25rem 1.15rem 0; }
  .atlas-system-deck { margin:1rem 1.15rem; }
  .atlas-tabs { padding:0 1.15rem; gap:1.1rem; }
  .atlas-tabs button { font-size:.8125rem; }
  .atlas-tab-panel { padding:1.15rem; }
  .atlas-overview-cards { grid-template-columns:1fr; }
  .atlas-overview-card { grid-template-columns:87px minmax(0,1fr); align-items:center; }
  .atlas-overview-card img { width:87px; height:87px; grid-column:auto; }
  .atlas-overview-card h3 { padding:0; }
  .atlas-tab-panel .peptide-controls,body.atlas-enhanced .peptide-browser[data-view="atlas"] .peptide-grid { grid-template-columns:1fr; }
}
@media(prefers-reduced-motion:reduce) { .atlas-overview-card { transition:none; } }

/* Comfortable controls without changing the model canvas or camera behavior. */
.atlas-tab-panel .peptide-controls input,.atlas-tab-panel .peptide-controls select { font-size:1rem; min-height:44px; border-color:var(--control-line); }
.atlas-tab-panel .peptide-result-toolbar .btn-mini,.atlas-tab-panel .peptide-pagination .btn-mini { min-height:44px; font-size:.875rem; }
.atlas-model-help summary { min-height:44px; padding-block:.65rem; }
.atlas-open-compounds { min-height:44px; }
.atlas-model-column .peptide-render-modes button { font-size:.875rem; }
.atlas-tab-panel .peptide-category-chip { min-height:44px; font-size:.875rem; }
@media(max-width:700px) {
  .atlas-sidebar .peptide-system-button { min-height:48px; }
  .atlas-tabs { gap:.75rem; }
}
@media(max-width:380px) {
  .atlas-sidebar .peptide-system-list { grid-template-columns:1fr; }
}