/* Editorial article layout, scoped to the detail page. */
.article-page{background:#f5f8fc}
.article-breadcrumb{padding-top:26px;padding-bottom:24px;border-bottom:1px solid #dbe5f0}
.article-breadcrumb nav{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:#67809b}.article-breadcrumb a{color:#39658f}
.article-page .journal{padding:42px 0 64px;background:transparent;--ink:#1c3550;--muted:#56718c;--accent:#2469a9}
.article-page .journal-article{max-width:1060px;display:grid;grid-template-columns:minmax(0,1fr) 280px;column-gap:58px;align-items:start}
.article-page .journal-article>.journal-back,.article-page .journal-article>.journal-kicker,.article-page .journal-article>h1,.article-page .journal-byline,.article-page .journal-intro{grid-column:1}
.article-page .journal-back{font-size:12px;margin-bottom:26px}
.article-page .journal-article h1{font:400 clamp(33px,4vw,53px)/1.12 Georgia,serif;letter-spacing:-1.2px;margin:0 0 22px;overflow-wrap:anywhere}
.article-page .journal-byline{padding-bottom:20px;border-bottom:1px solid #d4e0ed;font-size:12px;line-height:1.7}
.article-page .journal-intro{font:19px/1.8 Georgia,serif;margin:22px 0 35px}
.article-page .journal-hero{grid-column:2;grid-row:2/6;background:linear-gradient(145deg,#e4eef8,#cbdcf0);padding:25px 20px 18px;border-radius:12px;margin:0;overflow:hidden}
.article-page .journal-hero img{width:100%;height:320px;object-fit:contain;filter:drop-shadow(10px 12px 12px #19334d38)}
.article-page .journal-hero figcaption{font-size:10px;line-height:1.7;text-align:center;padding:20px 0 0;color:#3a5673}
.article-page .journal-prose,.article-page .journal-follow{grid-column:1/-1;width:100%;max-width:720px;margin-left:auto;margin-right:auto}
.article-page .journal-prose h2{font:400 30px/1.3 Georgia,serif;margin:34px 0 17px}
.article-page .journal-prose p{font-size:17px;line-height:1.95}
.article-page .journal-question{border:1px solid #bfd5ec;border-left:3px solid #4485c6;border-radius:0 10px 10px 0;background:#eaf2fb;padding:26px}
.article-page .journal-button,.article-page .journal-form button[type=submit]{border-radius:7px;font-size:13px;min-height:44px}
.article-page .journal-follow h2{font:24px/1.3 Georgia,serif}
.article-page .journal-socials a{font-size:12px;min-height:32px}
.article-page .journal-discussion{max-width:720px;border-top:1px solid #ccdcea;padding-top:30px}
.article-page .journal-discussion h2,.article-page .journal-related>h2{font:32px/1.3 Georgia,serif}
.article-page .journal-form{border-radius:12px;padding:28px}.article-page .journal-form input,.article-page .journal-form textarea{border-radius:6px;font:15px/1.6 Arial,sans-serif}
.article-page #respond{scroll-margin-top:110px}
.article-page .journal-related{max-width:1060px;margin-left:auto;margin-right:auto}
.article-page .journal-card{border-radius:12px;overflow:hidden}.article-page .journal-cover{padding:22px;background:#e4edf8}.article-page .journal-cover img{height:220px;object-fit:contain}
.article-page .journal-card h2{font:24px/1.3 Georgia,serif}.article-page .journal-card-content>p:not(.journal-kicker){font-size:13px}
.article-page .journal-card-content{padding:23px}.article-page .journal-read{font-size:12px}
html[data-theme="dark"] .article-page{background:#101b2b}
html[data-theme="dark"] .article-page .journal{--ink:#e4eefb;--muted:#b3c7df;--accent:#a8cfff;background:transparent}
html[data-theme="dark"] .article-page .article-breadcrumb,html[data-theme="dark"] .article-page .journal-byline,html[data-theme="dark"] .article-page .journal-discussion{border-color:#344a64}
html[data-theme="dark"] .article-page .article-breadcrumb a{color:#b5d6fc}
html[data-theme="dark"] .article-page .journal-hero,html[data-theme="dark"] .article-page .journal-cover{background:linear-gradient(145deg,#2a4563,#17293e)}
html[data-theme="dark"] .article-page .journal-hero figcaption{color:#c0d5ef}
html[data-theme="dark"] .article-page .journal-question{background:#1b3049;border-color:#3e6085}
@media(max-width:760px){.article-page .journal{padding-top:28px}.article-page .journal-article{display:flex;flex-direction:column}.article-page .journal-hero{align-self:center;width:100%;max-width:360px;margin:0 0 30px}.article-page .journal-hero img{height:270px}.article-page .journal-intro{font-size:18px}.article-page .journal-prose p{font-size:16px}.article-page .journal-grid{grid-template-columns:1fr}.article-page .journal-question,.article-page .journal-form{padding:20px}.article-page .journal-reply{margin-left:12px;padding-left:12px}}