/* Progressive disclosure for biology depth atlases. */
.hrs-depth-atlas{padding:clamp(48px,7vw,92px) 0;border-top:1px solid var(--hrs-line,#cbdce6);background:linear-gradient(180deg,rgba(240,247,250,.42),rgba(255,255,255,0))}
.hrs-depth-atlas .hrs-section-head{align-items:end}
.hrs-depth-atlas__intro{max-width:72ch;color:var(--hrs-muted,#607892);line-height:1.65}
.hrs-depth-atlas__rule{margin:18px 0 0;padding:14px 16px;border-left:3px solid var(--depth-accent,#0d9f99);background:rgba(255,255,255,.68);color:var(--hrs-ink,#10253a);line-height:1.55}
.hrs-depth-atlas__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:28px}
.hrs-depth-atlas details{min-width:0;border:1px solid var(--hrs-line,#cbdce6);border-radius:14px;background:rgba(255,255,255,.78);overflow:clip}
.hrs-depth-atlas details[open]{border-color:color-mix(in srgb,var(--depth-accent,#0d9f99) 48%,#cbdce6);box-shadow:0 14px 36px rgba(20,48,62,.08)}
.hrs-depth-atlas summary{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:start;padding:18px;cursor:pointer;list-style:none;color:var(--hrs-ink,#10253a)}
.hrs-depth-atlas summary::-webkit-details-marker{display:none}
.hrs-depth-atlas summary span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:color-mix(in srgb,var(--depth-accent,#0d9f99) 11%,#fff);color:var(--depth-accent,#0d9f99);font-size:11px;font-weight:850;letter-spacing:.08em}
.hrs-depth-atlas summary strong{font-family:Iowan Old Style,Georgia,serif;font-size:23px;font-weight:600;line-height:1.12}
.hrs-depth-atlas summary small{display:block;margin-top:6px;color:var(--hrs-muted,#607892);font:500 13px/1.45 system-ui,sans-serif}
.hrs-depth-atlas__body{padding:0 18px 18px 74px}
.hrs-depth-atlas dl{margin:0}.hrs-depth-atlas dl>div{padding:10px 0;border-top:1px solid #e1e8ec}
.hrs-depth-atlas dt{color:var(--depth-accent,#0d9f99);font-size:10px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}
.hrs-depth-atlas dd{margin:5px 0 0;color:var(--hrs-ink,#10253a);font-size:14px;line-height:1.55}
@media(max-width:820px){.hrs-depth-atlas__grid{grid-template-columns:1fr}}
@media(max-width:520px){.hrs-depth-atlas summary{grid-template-columns:36px 1fr;padding:15px}.hrs-depth-atlas__body{padding:0 15px 15px}.hrs-depth-atlas summary strong{font-size:20px}}

/* WebKit exposes long native <option> strings through the select's internal scroll width.
   Constrain only the audited Molecular Mechanisms mobile selects so option text cannot widen
   the document while preserving the native control and full option text in the picker. */
@media(max-width:520px){
  html[data-bioai-route="molecular-mechanisms"] select{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
}