.article-site { margin: 0; min-height: 100vh; color: #f1f5f9; background: #080e1b url('/images/backgrounds/bg-home-expedition-dark.webp') center top / cover fixed; font-family: Inter, system-ui, sans-serif; line-height: 1.65; }
.article-site *, .article-preview * { box-sizing: border-box; }
.article-site a, .article-preview a { color: #fcd34d; text-underline-offset: .2em; }
.article-site a:focus-visible, .article-preview a:focus-visible { outline: .15rem solid #fcd34d; outline-offset: .3rem; }
.article-site-header, .article-site-footer { max-width: 80rem; margin: auto; padding: 1.5rem 2rem; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1.5rem; }
.article-site-header nav, .article-site-footer nav { display: flex; flex-wrap: wrap; gap: 1.5rem; font-size: .875rem; }
.article-site-header a, .article-site-footer a { color: #e2e8f0; text-decoration: none; }
.article-brand { display: flex; align-items: center; gap: .7rem; font-weight: 700; font-family: 'Space Grotesk', system-ui, sans-serif; }
.article-main { max-width: 80rem; margin: auto; padding: 4rem 2rem 6rem; }
.article-back { display: inline-block; margin-bottom: 3rem; font-size: .875rem; }
.research-article, .article-next { max-width: 48rem; margin-inline: auto; overflow-wrap: anywhere; }
.article-heading { margin-bottom: 3rem; }
.article-eyebrow { color: #fcd34d; font-size: .75rem; letter-spacing: .15em; text-transform: uppercase; font-weight: 600; }
.research-article h1, .article-list-heading h1 { margin: 1.5rem 0; font-family: 'Space Grotesk', system-ui, sans-serif; font-size: clamp(2rem, 5vw, 3.75rem); font-weight: 700; line-height: 1.12; text-wrap: balance; }
.article-excerpt { color: #cbd5e1; font-size: 1.2rem; line-height: 1.8; }
.article-byline { color: #b4c0d0; font-size: .875rem; }
.article-cover { margin: 0 0 3rem; }
.article-cover img, .article-prose img { max-width: 100%; height: auto; border-radius: .5rem; display: block; margin: 2rem auto; }
.article-prose { color: #e2e8f0; font-size: 1.0625rem; line-height: 1.9; }
.article-prose p { margin: 0 0 1.5rem; }
.article-prose h2, .article-references h2, .article-next h2 { color: #f8fafc; font-family: 'Space Grotesk', system-ui, sans-serif; font-size: 1.7rem; font-weight: 600; line-height: 1.35; margin: 3rem 0 1.25rem; }
.article-prose h3, .article-prose h4 { color: #f8fafc; font-size: 1.3rem; margin: 2rem 0 1rem; font-weight: 600; }
.article-prose ul, .article-prose ol, .article-references ol { padding-inline-start: 1.5rem; margin: 1rem 0 2rem; }
.article-prose ul { list-style: disc; }.article-prose ol, .article-references ol { list-style: decimal; }
.article-prose li, .article-references li { margin-bottom: .75rem; }
.article-prose blockquote { margin: 2rem 0; padding-inline-start: 1.5rem; border-inline-start: .2rem solid #fcd34d; color: #f1f5f9; font-size: 1.2rem; }
.article-prose code { color: #fde68a; font-family: ui-monospace, monospace; font-size: .9em; }.article-prose pre { overflow-x: auto; white-space: pre-wrap; }
.article-references { margin-top: 4rem; color: #b4c0d0; font-size: .875rem; }.article-references li:target { outline: .1rem solid #fcd34d; outline-offset: .5rem; }
.article-next { margin-top: 4rem; }.article-next p, .article-list p, .article-list-heading p, .article-empty { color: #cbd5e1; }
.article-list-heading { max-width: 48rem; margin-bottom: 4rem; }.article-list-heading p { max-width: 38rem; font-size: 1.1rem; }
.article-list { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 4rem; }.article-list article { max-width: 36rem; }.article-list h2 { font-size: 1.75rem; font-family: 'Space Grotesk', system-ui, sans-serif; line-height: 1.3; }.article-list h2 a { color: #f8fafc; text-decoration: none; }.article-list h2 a:hover { color: #fcd34d; }
.article-preview { padding: 2rem; color: #f1f5f9; font-family: Inter, system-ui, sans-serif; line-height: 1.65; }
.article-skip { position: absolute; left: 1rem; top: -5rem; padding: 1rem; background: #080e1b; }.article-skip:focus { top: 1rem; }
@media (max-width: 40rem) { .article-site-header, .article-site-footer { padding: 1rem; }.article-main { padding: 2rem 1rem 4rem; }.article-site-header nav, .article-site-footer nav { gap: 1rem; }.article-list { grid-template-columns: 1fr; gap: 2.5rem; }.article-preview { padding: 1rem; } }