/* A + B: a shared scientific-editorial system, with a dedicated biology explorer. */
:root { color-scheme: light; --bg:#f7f6f0; --panel:#fffefa; --panel-soft:#edf1e9; --ink:#192c27; --muted:#59655f; --line:#d2d8cd; --accent:#255b48; --accent-strong:#214f40; --warning:#805c27; --notice-bg:#f3eddf; --notice-line:#d3c19c; --inverse-ink:#fffefa; --inverse-accent:#c9dfb4; --serif:Georgia,'Times New Roman',serif; }
body { background:var(--bg); color:var(--ink); font-family:Inter,'Segoe UI',Arial,sans-serif; font-size:16px; line-height:1.65; }
[hidden] { display:none !important; }
html { scroll-padding-top:7rem; }
a { text-underline-offset:4px; }
a:hover { color:var(--accent); }
:focus-visible { outline:2px solid var(--accent); outline-offset:4px; }
::selection { color:var(--ink); background:#dce8d8; }
button,input,select,textarea { font:inherit; }
input,select,textarea { color:var(--ink); background:var(--panel); border:1px solid #aab6a7; border-radius:3px; max-width:100%; }
input,textarea { caret-color:var(--accent); }
button { cursor:pointer; }
button:disabled { cursor:not-allowed; }
.site-header,main,.site-footer { width:min(1320px,calc(100% - 96px)); max-width:1320px; margin-inline:auto; padding:0; }
.site-header { position:relative; z-index:20; }
.nav { position:relative; min-height:110px; padding:1.4rem 0; background:var(--bg); border:0; border-bottom:1px solid #aeb9ac; border-radius:0; flex-wrap:nowrap; backdrop-filter:none; gap:2rem; }
.brand { flex:none; color:var(--ink); font:600 1.85rem/1 var(--serif); letter-spacing:.015em; text-decoration:none; }
.brand::before { content:none; }
.brand span { display:block; margin-top:.65rem; font:500 .6875rem/1.3 'Segoe UI',sans-serif; letter-spacing:.25em; text-align:center; }
.menu { gap:clamp(.8rem,1.65vw,1.7rem); font-size:.82rem; flex-wrap:nowrap; }
.menu a { color:var(--ink); padding:.55rem 0; white-space:nowrap; border-bottom:1px solid transparent; }
.menu a:hover,.menu a[aria-current="page"] { color:var(--accent); border-bottom-color:var(--accent); }
.nav-search { margin-left:1rem; }
.nav-search span { font-size:1.5rem; vertical-align:middle; margin-left:.4rem; }
main { min-height:50vh; }
h1,h2,h3 { color:var(--ink); }
h1 { font:400 clamp(2.7rem,5.6vw,5.1rem)/1.04 var(--serif); letter-spacing:-.055em; }
h2 { font:400 clamp(1.9rem,3.2vw,3rem)/1.14 var(--serif); letter-spacing:-.04em; }
h3 { font:400 1.5rem/1.25 var(--serif); letter-spacing:-.025em; }
.eyebrow { font-size:.75rem; font-weight:600; letter-spacing:.14em; color:var(--accent); text-transform:uppercase; }
.muted { color:var(--muted); }
.btn,.btn-mini { background:var(--accent); color:#fffefa; border:1px solid var(--accent); border-radius:3px; box-shadow:none; font-weight:500; padding:.75rem 1.1rem; }
.btn:hover,.btn-mini:hover { background:#183d30; color:white; }
.btn.ghost { background:transparent; color:var(--accent); }
.text-link { display:inline-block; color:var(--accent); font-size:.82rem; text-decoration:none; border-bottom:1px solid #94a992; padding-block:.25rem; }
.editorial-hero { position:relative; min-height:535px; isolation:isolate; display:flex; align-items:center; overflow:hidden; padding:3.3rem 0; }
.hero-art { position:absolute; right:-3%; top:0; width:68%; height:100%; object-fit:cover; object-position:center; z-index:-1; mask-image:linear-gradient(to right,transparent,#000 36%); }
.hero-copy { width:67%; position:relative; }
.hero-copy h1 { font-size:clamp(3.4rem,6.4vw,6.1rem); margin:1.3rem 0; max-width:11ch; line-height:.99; }
.hero-deck { font:400 clamp(1.3rem,2.1vw,1.85rem)/1.3 var(--serif); margin:1.35rem 0 1.75rem; }
.site-search { display:flex; align-items:center; gap:.65rem; border:1px solid #9eab9a; background:#fffef9ed; border-radius:3px; padding:.5rem; max-width:670px; }
.site-search > span { font-size:1.8rem; padding-left:.5rem; line-height:1; }
.site-search input { width:100%; min-width:0; min-height:44px; background:transparent; border:0; padding:.75rem .3rem; font-size:1rem; }
.site-search input::placeholder { color:var(--muted); opacity:1; }
.site-search button { border:0; min-height:44px; color:var(--accent); background:transparent; font-size:.875rem; padding:.8rem; white-space:nowrap; }
.hero-note { font-size:.68rem; color:var(--muted); margin-top:1rem; }
.hero-note span { margin-inline:.35rem; }
.topic-strip { display:flex; flex-wrap:wrap; justify-content:space-between; border-block:1px solid #abb7a8; padding:1.2rem 0; gap:.7rem; }
.topic-strip a { display:inline-flex; align-items:center; min-height:44px; text-decoration:none; font-size:.875rem; padding:.35rem 1.2rem; border-left:1px solid var(--line); }
.topic-strip a:first-child { border:0; padding-left:0; color:var(--accent); font-weight:600; }
.home-explore { padding:3.8rem 0 4rem; }
.section-head { align-items:end; gap:1rem; }
.section-head h2 { margin:.5rem 0 0; }
.editorial-features { display:grid; grid-template-columns:1.05fr 1fr; gap:3.5rem; margin-top:2rem; }
.editorial-features a { text-decoration:none; }
.editorial-features h3 { font-size:1.7rem; margin:.5rem 0; }
.editorial-features p:not(.eyebrow) { color:var(--muted); font-size:.88rem; margin:.75rem 0; }
.rhythm-art { height:245px; position:relative; overflow:hidden; background:linear-gradient(135deg,#102e26,#587968); isolation:isolate; }
.rhythm-orbit { position:absolute; border:1px solid #b0c6aa70; border-radius:50%; width:380px; height:380px; top:-75px; right:-50px; }
.rhythm-orbit::before,.rhythm-orbit::after { content:''; position:absolute; inset:35px; border:1px solid #b0c6aa50; border-radius:50%; }
.rhythm-orbit::after { inset:70px; }
.rhythm-sun { position:absolute; width:100px; height:100px; border-radius:50%; background:#ece7c7; top:48px; right:90px; box-shadow:0 0 60px #e6efc033; }
.rhythm-caption { position:absolute; bottom:1.4rem; left:1.4rem; right:1.4rem; font-size:.75rem; letter-spacing:.12em; color:var(--inverse-ink); }
.feature-lead > .eyebrow { margin-top:1.5rem; }
.feature-stack { border-left:1px solid var(--line); padding-left:2.2rem; }
.feature-stack > a { display:flex; gap:1.1rem; padding:1.3rem 0; border-bottom:1px solid var(--line); }
.feature-stack > a:first-child { padding-top:0; }
.feature-stack > a:last-child { border:0; padding-bottom:0; }
.feature-stack > a { align-items:center; gap:1.25rem; }
.feature-stack > a > div { min-width:0; }
.feature-thumbnail { display:block; width:clamp(120px,12vw,178px); height:156px; flex-shrink:0; object-fit:cover; border-radius:3px; background:#e6e9df; transition:filter .2s; }
.feature-stack > a:hover .feature-thumbnail { filter:brightness(1.06); }
.feature-stack h3 { font-size:1.45rem; }
.feature-stack p:not(.eyebrow) { font-size:.82rem; }
.feature-stack .eyebrow { margin:0; }
@media(max-width:480px) {
  .feature-stack > a { gap:.85rem; align-items:start; }
  .feature-thumbnail { width:105px; height:130px; }
  .feature-stack h3 { font-size:1.3rem; }
  .feature-stack .eyebrow { font-size:.6875rem; letter-spacing:.08em; }
  .feature-stack p:not(.eyebrow) { font-size:.78rem; }
  .feature-stack .text-link { font-size:.72rem; }
}
@media(prefers-reduced-motion:reduce) { .feature-thumbnail { transition:none; } }
.atlas-invitation { display:grid; grid-template-columns:1fr 1fr; background:#eaf0e7; border:1px solid #d5dfd0; padding:3.5rem 4rem; align-items:center; gap:2rem; min-height:390px; }
.atlas-invitation h2 { font-size:clamp(2.3rem,4vw,3.7rem); margin:1rem 0; }
.atlas-invitation p:not(.eyebrow) { max-width:48ch; font-size:.9rem; color:var(--muted); }
.atlas-invitation .small-note { font-size:.7rem; margin-top:1.2rem; }
.atlas-teaser { display:flex; align-items:center; justify-content:center; gap:1.2rem; position:relative; background:radial-gradient(ellipse,#d4dfcf,transparent 70%); }
.atlas-teaser img { height:320px; width:auto; }
.atlas-teaser-label { font-size:.7rem; max-width:9ch; color:var(--accent); border-top:1px solid #9aaf98; padding-top:.65rem; }
.home-method { display:grid; grid-template-columns:1fr 1fr; gap:4rem; padding:4rem 0; }
.home-method h2 { margin:.75rem 0; }
.home-method p:not(.eyebrow) { margin:0 0 1rem; color:var(--muted); }
.home-method .text-link { margin-right:1rem; }
.page-intro { padding:2rem 0 2.7rem; max-width:900px; }
.breadcrumbs { display:flex; flex-wrap:wrap; gap:.65rem; font-size:.73rem; color:var(--muted); padding:1.3rem 0; }
.breadcrumbs a { text-decoration:none; }
.page-intro .eyebrow { margin-top:1.5rem; }
.page-intro h1 { margin:1rem 0 1.4rem; }
.page-intro > p:last-child { max-width:68ch; font-size:1.03rem; color:var(--muted); }
.page-jumps { display:flex; gap:.5rem 1.5rem; flex-wrap:wrap; padding:.75rem 0; border-block:1px solid var(--line); font-size:.875rem; margin-bottom:2rem; }
.page-jumps a { display:inline-flex; align-items:center; min-height:44px; text-decoration:none; color:var(--accent); }
.panel { padding:2rem 0 3rem; margin:0; border:0; border-radius:0; border-bottom:1px solid var(--line); background:transparent; }
.panel > h2:first-child { margin-top:0; }
.discovery-collections { grid-template-columns:repeat(4,minmax(0,1fr)); gap:1.5rem; }
.discovery-collection { background:transparent; border:0; border-top:2px solid #879d81; border-radius:0; padding:1.3rem .3rem; }
.discovery-collection h3 { font-size:1.4rem; }
.discovery-collection a { font-size:.8rem; }
.discovery-number { color:#657e62; }
.research-feature-card,.entry-card,.frontier-item,.learning-card,.comparison-column,.medication-matrix-card,.claim-card { background:var(--panel); border:1px solid var(--line); border-radius:4px; box-shadow:none; }
.research-feature-card:hover,.entry-card:hover { border-color:#95aa8b; box-shadow:none; transform:none; }
.entry-card h3 { font-size:1.5rem; }
.entry-card h3 a { text-decoration:none; }
.entry-card h3 a:hover { text-decoration:underline; }
.entry-card p,.frontier-item p { color:var(--muted); }
.controls input,.controls select,.controls button,.catalog-result-bar select,.catalog-advanced-controls.controls select { color:var(--ink); background:var(--panel); border:1px solid #aab6a7; }
.controls button { background:var(--panel-soft); }
.alphabet button { background:transparent; color:var(--muted); border:1px solid var(--line); min-width:35px; min-height:38px; border-radius:2px; }
.alphabet button.active { color:white; background:var(--accent); border-color:var(--accent); }
.tag,.scope-foundational,.scope-applied,.scope-clinical,.scope-experimental { background:#edf1e7; color:#315343; border-color:#c1ceba; }
.warning { color:#81501e; }
.entry-card details summary,.source-interpretation summary { color:var(--accent); }
.coverage-good,.learning-topic-row.is-complete .learning-topic-state,.learning-check-feedback.is-correct,.topic-assessment-feedback.is-correct { color:#255d43; }
.pulse-controls input,.pulse-controls select,.editorial-draft-form input,.editorial-draft-form select,.editorial-draft-form textarea,.editorial-draft-library select,.workspace-actions select,.protocol-lab-controls select { color:var(--ink); background:var(--panel); }
.editorial-update-panel,.editorial-update-card,.editorial-queue-card,.editorial-draft-card,.planner-brief-stats > div,.planner-source-row,.planner-saved-row,.landscape-card,.learning-dashboard,.learning-topic-row,.comparison-insight,.topic-assessment-question,.editorial-history-item,.protocol-scaffold,.mechanism-map,.editorial-template pre { background:var(--panel); color:var(--ink); border-color:var(--line); }
.landscape-track,.progress-track { background:#dce4d5; }
.research-routes,.research-route,.matrix-panel,.evidence-strip,.comparison-output,.editorial-draft-workbench,.workspace-workbench,.protocol-planner { background:var(--panel-soft); color:var(--ink); border-color:var(--line); }
.research-route:hover { background:#dfe8d9; }
.research-route strong,.research-route-kicker { color:var(--ink); }
.research-route > span:last-child { color:var(--muted); }
.library-paths { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-block:1px solid var(--line); margin-bottom:2rem; }
.library-paths a { padding:1.4rem 1.2rem; border-right:1px solid var(--line); text-decoration:none; }
.library-paths a:first-child { padding-left:0; }
.library-paths a:last-child { border:0; }
.library-paths strong { display:block; font:400 1.25rem var(--serif); }
.library-paths span { display:block; font-size:.72rem; color:var(--muted); margin-top:.7rem; }
.peptide-library { background:transparent; padding:1.5rem 0 3rem; }
.peptide-library h2 { font-size:2.7rem; }
.peptide-library-overview { border-left:1px solid var(--line); }
.peptide-library-overview .peptide-counts strong { color:var(--ink); }
.peptide-import-label { color:#705024; background:var(--notice-bg); border-color:var(--notice-line); }
.peptide-import-guide { margin-block:1.5rem; }
.peptide-controls input,.peptide-controls select,.peptide-reader-navigation select { background:var(--panel); color:var(--ink); border-color:#acb9a6; font-size:1rem; min-height:44px; }
[data-category="approved"] { --category-color:#376d5b; }
[data-category="trials"] { --category-color:#786323; }
[data-category="wellness"] { --category-color:#7a516f; }
[data-category="cosmetic"] { --category-color:#4d6a7a; }
[data-category="all"] { --category-color:#536a5c; }
.peptide-category-chip { color:var(--ink); background:transparent; border-color:var(--line); }
.peptide-category-chip[aria-pressed="true"] { color:var(--ink); background:#e6ecdf; border-color:#6c8566; }
.peptide-card,.peptide-browser[data-view="atlas"] .peptide-card { color:var(--ink); background:var(--panel); border-color:var(--line); box-shadow:none; }
.peptide-source-grade,.peptide-source-text,.peptide-reader-title,.peptide-reader h3 { color:var(--ink); }
.peptide-source-grade { border-color:#c4cdbb; background:#f1f2e9; }
.peptide-browser[data-view="atlas"] .peptide-source-grade { color:var(--muted); background:transparent; }
.peptide-reader-navigation { background:var(--bg); top:0; }
.peptide-reader-section { padding-block:1.5rem; }
.peptide-reader { max-width:980px; margin:auto; }
.peptide-reader-notice { color:var(--ink); background:var(--notice-bg); border:1px solid var(--notice-line); border-radius:3px; padding:1rem 1.2rem; font-size:1rem; line-height:1.7; max-width:72ch; }
.peptide-source-text { font-size:1rem; max-width:72ch; }
.peptide-reader-section :is(h2,h4) { font:400 1.6rem var(--serif); }
.peptide-source-table th,.peptide-source-table td { color:var(--ink); background:var(--panel); border-color:var(--line); }
.atlas-page-link { display:inline-block; font-size:.8rem; color:var(--accent); margin:1rem 0; }
body[data-page="atlas"] { background:#f6f8f3; }
body[data-page="atlas"] .site-header,body[data-page="atlas"] .nav { background:#f6f8f3; }
body[data-page="atlas"] .page-intro { max-width:100%; padding-bottom:1rem; }
body[data-page="atlas"] .page-intro h1 { font-size:clamp(2.4rem,4.4vw,4.2rem); }
body[data-page="atlas"] .peptide-library-intro { display:none; }
body[data-page="atlas"] .peptide-import-guide { margin-top:0; font-size:.8rem; }
body[data-page="atlas"] .peptide-explorer-layout { grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); }
.peptide-atlas-sticky { top:1.5rem; }
.peptide-atlas-navigation { grid-template-columns:minmax(125px,.7fr) minmax(180px,1.3fr); }
.peptide-body-stage[data-renderer="3d"] { background:radial-gradient(ellipse,#dae4d955,transparent 65%); }
.peptide-system-button { color:var(--muted); font-size:.75rem; padding:.7rem .4rem; border-radius:2px; }
.peptide-system-button:hover,.peptide-system-button[aria-pressed="true"] { color:var(--accent); background:#e2ece3; border-color:#bed0bb; }
.peptide-system-count,.peptide-system-number { color:#5c755d; }
.peptide-atlas-current { color:var(--ink); }
.peptide-body-figure figcaption,.peptide-3d-status { color:var(--muted); }
.peptide-render-modes button,.peptide-3d-tools button { color:var(--ink); background:var(--panel); border-color:#b8c9b6; min-height:40px; }
.peptide-render-modes button[aria-pressed="true"] { background:var(--accent); color:white; }
.peptide-body-hotspot > span,.peptide-body-stage[data-renderer="3d"] .peptide-body-hotspot > span { color:white; background:#316e60; border-color:white; box-shadow:0 0 0 5px #448e6c22; }
.peptide-body-hotspot[aria-pressed="true"] > span { color:#fff; background:#1c4e3d; }
.peptide-result-column > h3 { font-size:2rem; }
.peptide-browser[data-view="atlas"] .peptide-card h3 { font-size:1.4rem; }
.peptide-browser[data-view="atlas"] .peptide-card { padding:1.2rem; }
.deep-dive-panel { color:var(--ink); background:var(--bg); }
.deep-dive-header { background:var(--bg); }
.dossier-section,.deep-dive-source,.claim-ledger-item,.source-review-note,.mechanism-step,.application-stage,.assessment-question { background:var(--panel); color:var(--ink); border-color:var(--line); border-radius:3px; }
.dossier-section p,.deep-dive-source p { max-width:85ch; }
.deep-dive-panel pre,textarea { background:var(--panel-soft); color:var(--ink); }
body[data-page="article"] #deep-dive-modal { display:none; position:static; inset:auto; padding:0; background:transparent; z-index:auto; }
body[data-page="article"] #deep-dive-modal.open { display:block; }
body[data-page="article"] .deep-dive-backdrop { display:none; }
body[data-page="article"] .deep-dive-panel { position:static; width:100%; max-width:1040px; margin:auto; max-height:none; overflow:visible; box-shadow:none; border:0; padding:0 0 3rem; border-radius:0; }
body[data-page="article"] .deep-dive-header { position:static; padding:2rem 0; margin:0 0 1rem; gap:1.5rem; }
body[data-page="article"] .deep-dive-header :is(h1,h2) { font:400 clamp(2.1rem,4.3vw,4rem)/1.08 var(--serif); letter-spacing:-.045em; margin:0; }
body[data-page="article"] #deep-dive-close { color:var(--accent); background:transparent; border:1px solid var(--line); font-size:.75rem; padding:.7rem; }
body[data-page="article"] .dossier-section { padding:1.5rem 2rem; margin-bottom:1.2rem; }
/* Heading ranks follow the dedicated reader's outline; retain the existing
   section and card typography independently of those semantic ranks. */
body[data-page="article"] #deep-dive-body [data-reader-heading] { font-family:inherit; font-size:1em; font-weight:700; line-height:1.2; letter-spacing:normal; margin:1.33em 0; }
body[data-page="article"] #deep-dive-body [data-reader-heading="h5"] { font-size:.83em; margin:1.67em 0; }
body[data-page="article"] #deep-dive-body .dossier-section > [data-reader-heading] { margin:0 0 .45rem; }
body[data-page="article"] #deep-dive-body .claim-ledger-card > [data-reader-heading] { margin:0; font-size:.88rem; letter-spacing:.02em; text-transform:uppercase; }
body[data-page="article"] #deep-dive-body .evidence-timeline-item [data-reader-heading] { margin:0; }
body[data-page="article"] #deep-dive-body :is(.mechanism-map,.protocol-scaffold,.related-topics) > [data-reader-heading] { margin-top:0; }
body[data-page="article"] #deep-dive-body .mechanism-node > [data-reader-heading] { margin:.45rem 0 .2rem; }
body[data-page="article"] #deep-dive-body .topic-assessment-question > [data-reader-heading] { margin:0 0 .45rem; }
body[data-page="article"] #deep-dive-body .deep-dive-source > [data-reader-heading] { margin:0; font-size:1rem; }
body[data-page="article"] #deep-dive-body .topic-research-feature > [data-reader-heading] { font:400 clamp(1.8rem,3vw,2.6rem)/1.1 Georgia,serif; letter-spacing:-.03em; }
body[data-page="article"] #deep-dive-body .research-study-figure > [data-reader-heading] { margin:0 0 1rem; font-size:1.2rem; }
body[data-page="article"] #deep-dive-body .research-rate-group > [data-reader-heading] { margin:0 0 .8rem; font-size:.95rem; line-height:inherit; }
body[data-page="article"] #deep-dive-body :is(.feature-reading-block,.feature-media) > [data-reader-heading] { margin:0 0 .6rem; font-size:1.1rem; }
body[data-page="article"] #reader-section-navigation { position:sticky; top:0; z-index:5; padding:1rem 0; background:var(--bg); border-bottom:1px solid var(--line); margin-bottom:1.5rem; }
body.reading-peptide .peptide-library-intro,body.reading-peptide .peptide-import-guide { display:none; }
body[data-page="peptide"] .peptide-library { border-bottom:0; }
body[data-page="peptide"] .peptide-reader h1 { font-size:clamp(2.5rem,4vw,4rem); margin:1.3rem 0; }
.search-result-groups { display:grid; grid-template-columns:1fr; gap:2rem; margin:2rem 0 4rem; }
.search-result-groups > section { max-width:950px; }
.search-result { border-top:1px solid var(--line); padding:1.1rem 0; }
.search-result h3 { margin:.3rem 0; font-size:1.5rem; }
.search-result h3 a { text-decoration:none; }
.search-result p { font-size:.88rem; color:var(--muted); max-width:80ch; }
.search-result-controls { display:flex; align-items:center; flex-wrap:wrap; gap:.75rem 1.5rem; padding-top:1rem; }
.search-result-controls p { margin:0; color:var(--muted); font-size:.8rem; }
.search-show-more { min-height:44px; text-align:left; }
.video-cover { color:var(--inverse-ink); }
.video-cover-kicker { font-size:.75rem; }
.video-cover-title em { color:var(--inverse-accent); }
.video-play { min-height:44px; }
.video-play:focus-visible { outline-color:var(--inverse-ink); }
.empty-state { padding:3rem 0 5rem; }
.site-footer { margin-top:3rem; padding:2.5rem 0 1.3rem; border-top:1px solid #aeb9ac; }
.footer-top { display:grid; grid-template-columns:1.2fr 1.3fr 1fr 1fr; gap:2rem; align-items:start; }
.footer-top .brand { font-size:1.4rem; }
.footer-top .brand span { font-size:.6875rem; letter-spacing:.16em; }
.footer-top p { margin:0; font-size:.8rem; color:var(--muted); }
.footer-top nav { display:grid; gap:.125rem; font-size:.875rem; }
.footer-top nav a { display:flex; align-items:center; min-height:44px; padding-block:.35rem; text-decoration:none; }
.footer-top nav a:hover,.page-jumps a:hover,.topic-strip a:hover { text-decoration:underline; }
.footer-bottom { display:flex; justify-content:space-between; flex-wrap:wrap; gap:1rem; border-top:1px solid var(--line); margin-top:2rem; padding-top:1rem; font-size:.75rem; color:var(--muted); }
.no-script-note { padding:1rem; border:1px solid #bca66b; }
@media(min-width:1101px) { body[data-page="atlas"] .peptide-atlas-navigation { max-width:none; } }
@media(max-width:1100px) {
  .site-header,main,.site-footer { width:calc(100% - 48px); }
  .brand { font-size:1.55rem; }
  .menu { gap:.9rem; font-size:.74rem; }
  .nav { gap:1rem; }
  .nav-search { margin-left:0; }
  .discovery-collections { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .editorial-features { gap:2rem; }
  .feature-stack { padding-left:1.5rem; }
  .atlas-invitation { padding:2.5rem; }
  body[data-page="atlas"] .peptide-explorer-layout { grid-template-columns:1fr; }
  .peptide-atlas-navigation { max-width:750px; grid-template-columns:minmax(180px,.8fr) minmax(200px,1.2fr); }
  .peptide-body-stage { max-width:300px; }
}
@media(max-width:880px) {
  .nav { min-height:90px; }
  #menu-toggle { display:block; background:transparent; border:1px solid var(--line); border-radius:3px; padding:.65rem .8rem; color:var(--ink); min-height:44px; }
  .menu { display:none; position:absolute; top:100%; left:0; right:0; padding:1rem; flex-direction:column; align-items:stretch; background:var(--bg); border:1px solid var(--line); box-shadow:0 20px 25px #243d2610; font-size:.95rem; }
  .menu.open { display:flex; }
  .menu a { padding:.7rem; }
  .hero-copy { width:80%; }
  .hero-art { opacity:.6; }
  .editorial-hero { min-height:500px; }
  .topic-strip { justify-content:flex-start; }
  .topic-strip a { padding:.4rem .6rem; }
  .library-paths { grid-template-columns:1fr 1fr; }
  .library-paths a { border-bottom:1px solid var(--line); }
  .library-paths a:first-child { padding-left:1.2rem; }
  .footer-top { grid-template-columns:1fr 1fr; }
}
@media(max-width:620px) {
  .site-header,main,.site-footer { width:calc(100% - 36px); }
  .editorial-hero { min-height:0; padding:2.5rem 0; }
  .hero-copy { width:100%; }
  .hero-copy h1 { font-size:clamp(2.8rem,11.5vw,3.7rem); }
  .hero-art { width:100%; right:-30%; opacity:.24; mask-image:linear-gradient(to right,transparent,#000 80%); }
  .hero-copy > .eyebrow { max-width:30ch; }
  .hero-deck { font-size:1.45rem; }
  .site-search { gap:.1rem; }
  .site-search button { padding:.6rem .35rem; }
  .site-search button span { display:none; }
  .hero-note { font-size:.75rem; }
  .section-head { display:block; }
  .section-head > a { margin-top:1rem; }
  .home-explore { padding:2.7rem 0; }
  .editorial-features,.atlas-invitation,.home-method { grid-template-columns:1fr; gap:1.7rem; }
  .feature-stack { border-left:0; padding-left:0; border-top:1px solid var(--line); padding-top:1.5rem; }
  .atlas-invitation { padding:1.7rem; }
  .atlas-teaser img { height:250px; }
  .home-method { padding:2.7rem 0; }
  .discovery-collections { grid-template-columns:1fr; gap:.5rem; }
  .discovery-collection { padding:1.3rem .2rem; }
  .page-intro { padding-top:1rem; }
  .page-intro h1 { font-size:2.9rem; }
  .library-paths strong { font-size:1.1rem; }
  .library-paths a { padding:1rem; }
  .peptide-library-intro { grid-template-columns:1fr; }
  .peptide-library-overview { border:0; padding:0; }
  .peptide-counts { gap:1.3rem; }
  .peptide-grid { grid-template-columns:1fr; }
  .peptide-controls { grid-template-columns:1fr; }
  .peptide-search-field { grid-column:auto; }
  .peptide-atlas-navigation { grid-template-columns:1fr; }
  .peptide-system-list { display:grid; grid-template-columns:1fr 1fr; }
  .peptide-system-button { min-height:48px; }
  .peptide-body-stage { max-width:260px; }
  body[data-page="article"] .deep-dive-header { grid-template-columns:1fr; }
  body[data-page="article"] #deep-dive-close { justify-self:start; }
  body[data-page="article"] .dossier-section { padding:1.2rem; }
  .footer-top { gap:1.5rem; }
  .footer-top > p { font-size:.7rem; }
  .footer-top .brand { font-size:1.15rem; }
  .footer-bottom { gap:.2rem; }
}
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto !important; transition:none !important; animation:none !important; } }
@media print { .site-header,.site-footer,.page-jumps,#deep-dive-close,.peptide-reader-navigation { display:none !important; } main { width:100%; } body { background:white; color:black; } .dossier-section { break-inside:avoid; } }