/* Article detail owns its layout and rich content. Shared chrome remains in chrome.css. */
body.article-storefront{background:#f8fafc}
body.article-storefront #main-content{width:100%;max-width:none;margin:0;padding:0;background:#f8fafc}
.journal-article{max-width:1280px;margin:auto;padding:24px 32px 64px;color:#334155;font:14px/1.8 Inter,sans-serif}
.journal-article__breadcrumb{display:flex;flex-wrap:wrap;gap:10px;font:10px/1.6 'JetBrains Mono',monospace;color:#64748b;margin-bottom:24px}
.journal-article__breadcrumb a{color:inherit}
.journal-article__header{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:28px;margin-bottom:24px}
.journal-article__meta{display:flex;flex-wrap:wrap;gap:8px;font:10px/1.5 'JetBrains Mono',monospace;color:#64748b;margin-bottom:16px}
.journal-article__meta>*{padding:4px 8px;border:1px solid #e2e8f0;border-radius:4px;background:#f8fafc}
.journal-article__meta>span:first-child{background:#ecfdf5;border-color:#a7f3d0;color:#047857}
body.article-storefront:has(#main-content) #main-content h1{font:700 40px/1.2 Geist,Inter,sans-serif;letter-spacing:-.025em;color:#0f172a;text-align:left;max-width:100%;margin:0 0 18px;text-transform:none}
.journal-article__deck{font-size:16px;line-height:1.8;color:#64748b;margin:0 0 20px;max-width:95ch}
.journal-article__byline{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;border-top:1px solid #e2e8f0;padding-top:20px}
.journal-article__author-link{display:flex;align-items:center;gap:12px;color:#0f172a}
.journal-article__author-link img{width:40px;height:40px;object-fit:cover;border-radius:8px}
.journal-article__author-link span{display:flex;flex-direction:column}
.journal-article__author-link small{font:10px 'JetBrains Mono',monospace;color:#64748b}
.journal-article__author-link strong{font-size:13px}
.journal-article__share{display:flex;flex-wrap:wrap;gap:8px}
.journal-article__share :is(a,button){display:inline-flex;align-items:center;gap:6px;background:white;border:1px solid #e2e8f0;border-radius:4px;padding:8px 10px;min-height:40px;color:#475569;font:11px Inter,sans-serif}
.journal-article__status{font-size:12px;color:#0052cc;display:block}
.journal-article__status:empty{display:none}
.journal-article__cover{margin:0 0 32px;border-radius:8px;overflow:hidden;border:1px solid #e2e8f0;background:#f1f5f9}
.journal-article__cover img{display:block;width:100%;max-height:600px;aspect-ratio:16/8;object-fit:cover}
.journal-article__layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start}
.journal-article__primary,.journal-article__body{min-width:0}
.journal-article__body{font:16px/1.85 Inter,sans-serif;overflow-wrap:anywhere}
.journal-article__body :is(p,ul,ol){margin:0 0 18px}
.journal-article__body :is(ul,ol){padding-left:24px}
.journal-article__body li+li{margin-top:8px}
body.article-storefront:has(#main-content) #main-content .journal-article h2{font:600 24px/1.4 Geist,Inter,sans-serif;letter-spacing:-.015em;color:#0f172a;margin:0 0 20px;text-transform:none;max-width:100%}
body.article-storefront:has(#main-content) #main-content .journal-article h3{font:600 18px/1.5 Geist,Inter,sans-serif;color:#0f172a;margin:24px 0 12px;text-transform:none}
.journal-article__body :is(h2,h3,h4){scroll-margin-top:110px}
.journal-article__body h2{padding-bottom:16px;border-bottom:1px solid #e2e8f0}
.journal-article__body a{color:#0052cc;text-decoration:underline;text-underline-offset:3px}
.journal-article__body :is(img,video,iframe){max-width:100%;border-radius:4px}
.journal-article__body img{height:auto;display:block;margin:auto}
.journal-article__body figure{margin:20px 0}
.journal-article__body figure.image-style-align-left{float:left;max-width:50%;margin-right:20px}
.journal-article__body figure.image-style-align-right{float:right;max-width:50%;margin-left:20px}
.journal-article__body figcaption{font:11px/1.7 Inter,sans-serif;text-align:center;color:#64748b;padding:10px}
.journal-article__body blockquote{margin:20px 0;padding:18px 20px;background:#eff6ff;border:1px solid #bfdbfe;border-left:3px solid #0052cc;border-radius:4px;color:#334155;font-size:14px}
.journal-article__body pre{background:#0a192f;color:#b5f5e5;border:1px solid #1e3a5f;border-radius:8px;padding:20px;overflow:auto;font:12px/1.8 'JetBrains Mono',monospace;white-space:pre;max-width:100%}
.journal-article__body code{font-family:'JetBrains Mono',monospace;font-size:.85em}
.journal-table{max-width:100%;overflow:auto;margin:20px 0;border:1px solid #e2e8f0;border-radius:4px}
.journal-article__body table{border-collapse:collapse;width:100%;font:12px/1.7 Inter,sans-serif;margin:0}
.journal-article__body :is(th,td){border:1px solid #e2e8f0;padding:12px;text-align:left;min-width:110px}
.journal-article__body th{background:#f1f5f9;font-family:'JetBrains Mono',monospace;color:#334155}
.journal-article__sidebar{position:sticky;top:104px;min-width:0;display:flex;flex-direction:column;gap:20px;max-height:calc(100dvh - 120px);overflow:auto;scrollbar-width:thin}
.journal-article__toc,.journal-article__support,.journal-article__recent{padding:20px;background:white;border:1px solid #e2e8f0;border-radius:8px}
.journal-article__toc .article-toc__toggle{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;border:0;padding:0;background:transparent;text-align:left}
.journal-article__toc .article-toc__title{font:600 13px Geist,sans-serif;color:#0f172a}
.journal-article__toc .article-toc__state{font:10px 'JetBrains Mono',monospace;color:#0052cc}
.journal-article__toc ol{margin:16px 0 0;padding:0;list-style:none}
.journal-article__toc li{margin:0 0 8px}
.journal-article__toc a{display:flex;gap:8px;padding:6px;color:#64748b;font:11px/1.7 Inter,sans-serif;border-radius:4px}
.journal-article__toc a[aria-current]{background:#eff6ff;color:#0052cc}
.journal-article__support{background:#eff6ff}
body.article-storefront:has(#main-content) #main-content .journal-article__sidebar h2{font-size:15px;line-height:1.5;margin:8px 0 12px}
.journal-article__support p{font-size:12px;color:#64748b}
.journal-article__support>a{display:block;padding:10px;border:1px solid #bfdbfe;border-radius:4px;text-align:center;font-size:12px;margin-top:8px;color:#0052cc}
.journal-article__support>a:first-of-type{background:#0052cc;color:white;border-color:#0052cc}
.journal-article__recent>a{display:flex;align-items:start;gap:10px;margin-top:16px;color:#0f172a}
.journal-article__recent img{width:64px;height:54px;object-fit:cover;border-radius:4px;flex-shrink:0}
.journal-article__recent strong{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font:500 12px/1.6 Inter,sans-serif}
.journal-article__recent time{display:block;font:10px 'JetBrains Mono',monospace;color:#64748b;margin-top:6px}
.journal-article__author{margin:24px 0}
.journal-article__author .content-author{display:flex;align-items:start;gap:16px;padding:20px;background:#fff;border:1px solid #e2e8f0;border-radius:8px}
.journal-article__author .content-author__avatar{flex:0 0 56px;width:56px;height:56px;position:relative;background:#eff6ff;border-radius:8px;overflow:hidden;display:grid;place-items:center}
.journal-article__author .content-author__avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.journal-article__author .content-author__body{min-width:0;flex:1}
.journal-article__author .content-author__heading{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px}
.journal-article__author .content-author__heading>div{display:flex;flex-direction:column;gap:4px}
.journal-article__author .content-author__heading span,.journal-article__author small{font:10px 'JetBrains Mono',monospace;color:#64748b}
.journal-article__author .content-author p{font:12px/1.8 Inter,sans-serif;color:#64748b;margin:10px 0}
.journal-article__author .content-author__actions{display:flex;flex-wrap:wrap;gap:12px;font-size:11px}
.journal-article__author .content-author__socials{display:flex;gap:12px}
.journal-article__eyebrow{font:10px 'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:.08em;color:#0052cc}
.article-storefront [hidden]{display:none!important}
.article-storefront :focus-visible{outline:2px solid #0052cc;outline-offset:4px}
@media(max-width:1024px){
.journal-article{padding:20px 24px 48px}
.journal-article__layout{grid-template-columns:minmax(0,1fr) 250px;gap:20px}
body.article-storefront:has(#main-content) #main-content h1{font-size:34px}
}
@media(max-width:760px){
.journal-article{padding:16px 16px 40px}
.journal-article__header{padding:20px;margin-bottom:20px}
body.article-storefront:has(#main-content) #main-content h1{font-size:28px;line-height:1.3}
.journal-article__deck{font-size:14px}
.journal-article__byline{align-items:start;flex-direction:column}
.journal-article__cover img{height:auto;max-height:none;aspect-ratio:auto;object-fit:contain}
.journal-article__layout{display:flex;flex-direction:column;gap:20px}
.journal-article__primary,.journal-article__sidebar{width:100%}
.journal-article__sidebar{position:static;max-height:none;overflow:visible}
.journal-article__body{font-size:15px;line-height:1.85}
.journal-article__author .content-author{flex-direction:column}
}
@media(prefers-reduced-motion:reduce){.article-storefront *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.journal-article__body{padding:28px;background:#fff;border:1px solid #e2e8f0;border-radius:8px}
.journal-article__body::after{content:"";display:block;clear:both}
body.article-storefront:has(#main-content) #main-content .journal-article__body h2{margin:36px 0 18px;padding:0;border:0}
body.article-storefront:has(#main-content) #main-content .journal-article__body>:first-child{margin-top:0}
.journal-article__body>:last-child{margin-bottom:0}
.journal-article__topics{margin-top:40px;padding-top:32px;border-top:1px solid #e2e8f0}
.journal-article__topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.journal-article__topic-card{display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#334155}
.journal-article__topic-card:hover{border-color:#0052cc}
.journal-article__topic-card>img{width:100%;aspect-ratio:16/9;object-fit:cover}
.journal-article__topic-card>div{padding:20px;display:flex;flex-direction:column;flex:1;align-items:start}
.journal-article__topic-card time{font:10px 'JetBrains Mono',monospace;color:#64748b}
body.article-storefront:has(#main-content) #main-content .journal-article__topic-card h3{margin:12px 0;font-size:18px}
.journal-article__topic-card p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;margin:0 0 20px}
.journal-article__topic-card>div>span{margin-top:auto;font-size:12px;color:#0052cc}
@media(max-width:760px){.journal-article__body{padding:20px}.journal-article__topic-grid{grid-template-columns:1fr}.journal-article__topics{margin-top:28px}}