.studies-page .intro { margin-bottom:46px; }
.studies-page .intro h1 { margin-bottom:13px; }
.studies-page .intro p { color:var(--muted); font-size:15px; }
.studies-page .study { margin-bottom:72px; }
.study-video {
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:var(--video-ratio);
  background:#131516;
  object-fit:contain;
}
.study.portrait .study-video { max-width:300px; }
.personal-site .study-caption { margin-top:15px; font:inherit; }
.personal-site .study-title { margin:0 0 5px; font:16px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; color:var(--ink); }
.personal-site .study-caption a { float:none; }
.study-meta { display:flex; justify-content:space-between; gap:16px; color:var(--muted); font:12px/1.7 var(--mono); }
.study .note { align-self:end; padding:0 0 2px; }
.study .note p + p { display:block; margin-top:12px; }
.rail .study-nav { margin-top:44px; font-size:12px; gap:7px; }
.rail .study-nav a { line-height:1.5; }
.study-error { margin-top:12px; font-size:14px; color:var(--muted); }
.study-error[hidden] { display:none; }
.study-error a { color:var(--accent); }
.study-video:focus-visible { outline:2px solid var(--accent); outline-offset:4px; }
@media(max-width:760px) {
  .studies-page .intro { margin-bottom:34px; }
  .studies-page .study { margin-bottom:48px; }
  .study .note { padding:0 0 0 14px; }
  .rail .study-nav { display:none; }
  .study-meta { flex-wrap:wrap; gap:4px 16px; }
}