.journal {padding-bottom:3rem}
.journal-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem}
.journal-card {border:1px solid #285d81;border-radius:12px;overflow:hidden;background:#0e273d;color:#eaf4ff}
.journal-card>a {display:block;height:100%;color:inherit;text-decoration:none}
.journal-card img {display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
.journal-card> a >div {padding:1.4rem}
.journal-card h2 {font-size:clamp(1.25rem,2vw,1.6rem);line-height:1.22;margin:.65rem 0}
.journal-card time,.journal-byline,.journal-breadcrumb {font-size:.9rem;opacity:.8}
.journal-article {max-width:900px;padding-top:2.5rem}
.journal-article header {padding:2.3rem 0 1.6rem}
.journal-article h1 {font-size:clamp(2.1rem,5.5vw,4.3rem);line-height:1.08;overflow-wrap:anywhere}
.journal-article>img {width:100%;max-height:520px;object-fit:cover;border-radius:12px}
.journal-body {font-size:1.08rem;line-height:1.8;padding:1rem 0;overflow-wrap:anywhere}
.journal-body h2 {font-size:clamp(1.55rem,3vw,2.25rem);line-height:1.25;margin:2.4rem 0 1rem}
.journal-body h3 {font-size:1.35rem;margin:1.8rem 0 .7rem}
.journal-body p {margin:1rem 0}
.journal-body li {margin:.5rem 0}
.journal-body a,.journal-related a:not(.button),.journal-breadcrumb a {text-decoration:underline;text-underline-offset:3px}
.journal-body img {display:block;max-width:100%;height:auto}
.journal-body table {display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}
.journal-body td,.journal-body th {padding:.65rem;border:1px solid #c5cfcc}
.journal-related {border-top:1px solid #c5cfcc;border-bottom:1px solid #c5cfcc;padding:1.7rem 0;margin:1.5rem 0}
.journal-related h2 {font-size:1.6rem}
.video-watch {max-width:1000px;padding-top:2.5rem;padding-bottom:4rem}
.video-watch h1 {font-size:clamp(2.1rem,5vw,4rem);line-height:1.1;margin:1rem 0}
.video-watch figure {margin:1.8rem 0}
.video-watch video {display:block;width:100%;max-height:74vh;min-height:220px;background:#031824;border-radius:12px;object-fit:contain}
.video-watch figcaption {padding:.75rem 0;font-size:.9rem}
.video-watch .transcript {max-width:760px;line-height:1.8;margin:2rem auto}
.video-watch .transcript h2 {font-size:2rem}
.video-watch .context-note {border-left:3px solid #d96b36;padding:.3rem 1.2rem;margin:2rem 0}
@media(max-width:900px){.journal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){.journal-grid{grid-template-columns:1fr}.journal-article{padding-top:1.5rem}.journal-body{font-size:1rem}.video-watch video{max-height:64vh}}