html{scroll-behavior:auto}
.atlas-nav{position:static}
.motion-intro{max-width:70ch;font-size:17px}
.motion-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.motion-lesson,.licensed-nephron{margin:0;border:1px solid var(--rule);border-top:5px solid var(--red);border-radius:7px;background:var(--panel);overflow:hidden}
.motion-lesson h3,.licensed-nephron h3{margin:0;padding:16px 18px;font-size:22px;border-bottom:1px solid var(--rule)}
.motion-lesson svg{display:block;width:100%;max-height:640px;background:var(--paper);font-family:"Hanken Grotesk",system-ui,sans-serif}
.motion-lesson .node{fill:var(--panel);stroke:var(--ink-2);stroke-width:1.5}
.motion-lesson .node-title{font-size:20px;font-weight:800;fill:var(--ink)}
.motion-lesson .node-copy{font-size:18px;fill:var(--ink-2)}
.motion-lesson .flow{fill:none;stroke:var(--ink-2);stroke-width:3}
.motion-lesson .flow-pulse{fill:none;stroke:var(--red);stroke-width:5;stroke-dasharray:6 14;animation:pharm-flow 1.8s linear infinite;animation-play-state:paused}
.motion-lesson[data-playing="true"] .flow-pulse{animation-play-state:running}
.motion-lesson .attention{fill:var(--paper);stroke:var(--red);stroke-width:2}
.motion-controls{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:12px 16px;border-top:1px solid var(--rule)}
.motion-controls button{min-height:44px;min-width:72px;border:1px solid var(--ink-2);border-radius:4px;padding:8px 12px;font:750 15px system-ui;background:var(--panel);color:var(--ink);cursor:pointer}
.motion-controls button:focus-visible{outline:3px solid var(--red);outline-offset:3px}
.motion-controls button:disabled{opacity:.6;cursor:default}
.motion-controls span{flex-basis:100%;font-size:13px;color:var(--ink-2)}
.motion-lesson figcaption,.licensed-nephron figcaption{padding:14px 18px;font-size:15px;line-height:1.5;border-top:1px solid var(--rule)}
.licensed-nephron{margin-top:24px;display:grid;grid-template-columns:1fr 1fr;align-items:center}
.licensed-nephron h3{grid-column:1/-1}
.licensed-nephron img{display:block;width:min(100%,370px);height:auto;margin:auto;padding:16px}
.licensed-nephron figcaption{border:0;font-size:17px}
.image-credit{font-size:13px;line-height:1.5}
@keyframes pharm-flow{to{stroke-dashoffset:-40}}
@media(max-width:760px){.motion-grid,.licensed-nephron{grid-template-columns:1fr}.motion-lesson h3,.licensed-nephron h3{font-size:20px}.atlas-nav{flex-wrap:wrap;overflow:visible}.atlas-nav a{white-space:normal}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.flow-pulse{animation:none!important}}
@media print{
  #motion-lessons>.section-heading,.motion-intro,.atlas-footer>a{display:none}
  .motion-grid{display:block}
  .motion-lesson{break-inside:avoid;break-before:page;margin:0;display:grid;grid-template-columns:1fr 1fr}
  .motion-lesson:first-child{break-before:auto}
  .motion-lesson h3{grid-column:1/-1}
  .motion-lesson svg{height:132mm;width:100%}
  .motion-lesson figcaption{font-size:12pt;border:0;align-self:center}
  .motion-controls{display:none}
  .flow-pulse{animation:none!important;stroke-dasharray:none;stroke-width:3}
  .licensed-nephron{break-before:page;break-inside:avoid;margin:0;grid-template-columns:1fr 1fr}
  .licensed-nephron img{max-height:140mm;width:auto;max-width:100%;padding:0}
  .licensed-nephron figcaption{font-size:12pt}
  .atlas-footer{display:block;background:#fff;color:var(--ink);padding:4px 0;font-size:10pt;break-inside:avoid}
  .atlas-footer b,.atlas-footer a{color:var(--ink)}
}
