/* Yuppion Journal: an editorial cover, a quieter index and a readable article. */
.journal-index,.journal-article { padding-bottom:84px; }
.journal-index :is(h1,h2,h3),.journal-article :is(h1,h2,h3) { font-family:'Archivo Variable',var(--body); }
.journal-topline { display:flex; flex-wrap:wrap; align-items:center; gap:10px; padding:20px 0; font-size:11px; color:var(--muted); }
.journal-topline a { padding-block:5px; }
.journal-topline a:hover { color:var(--purple); }
.journal-topline [aria-current] { color:var(--ink); }
.journal-hero { position:relative; display:grid; grid-template-columns:minmax(0,1fr) 300px; align-items:center; min-height:242px; border-top:1px solid var(--line); margin-bottom:26px; isolation:isolate; }
.journal-hero::before { content:''; position:absolute; top:-1px; left:0; width:72px; height:3px; background:linear-gradient(90deg,var(--purple) 0 25%,var(--teal) 25% 50%,var(--gold) 50% 75%,var(--pink) 75%); }
.journal-hero-copy { padding:28px 0; min-width:0; }
.journal-hero-copy .page-hero { padding:0; }
.journal-hero-copy .eyebrow { font-size:10px; font-weight:800; color:var(--purple); letter-spacing:.15em; margin:0 0 17px; }
.journal-hero h1 { font-size:clamp(38px,4.4vw,60px); letter-spacing:-.055em; line-height:1.02; margin:0; max-width:690px; }
.journal-hero-copy .lead { max-width:500px; margin:18px 0 0; font-size:14px; line-height:1.75; color:var(--muted); }
.journal-hero-copy .guide-backlink { font-size:12px; color:var(--purple); margin-bottom:20px; }
.journal-art { position:relative; align-self:stretch; min-height:236px; background:url('../images/journal-studio.svg') center/contain no-repeat; }
.journal-art-note { position:absolute; bottom:12px; inset-inline:0; text-align:center; font-size:9px; font-weight:700; letter-spacing:.16em; color:#73617e; }
.journal-tools { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:18px 0; margin-bottom:24px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.journal-topics { flex:1; display:flex; align-items:center; gap:6px; min-width:0; max-width:100%; overflow-x:auto; scrollbar-width:none; padding:4px 2px; }
.journal-topics::-webkit-scrollbar { display:none; }
.journal-topics[data-overflow-end] { mask-image:linear-gradient(90deg,#000 calc(100% - 25px),transparent); }
.journal-topics[data-overflow-start] { mask-image:linear-gradient(90deg,transparent,#000 20px); }
.journal-topics[data-overflow-start][data-overflow-end] { mask-image:linear-gradient(90deg,transparent,#000 20px,#000 calc(100% - 25px),transparent); }
.journal-topics a { flex-shrink:0; display:inline-flex; align-items:center; justify-content:center; min-height:44px; border:1px solid transparent; border-radius:6px; padding:9px 14px; font-size:12px; font-weight:650; white-space:nowrap; transition:background-color .2s ease,color .2s ease; }
.journal-topics a:hover { color:var(--purple); background:var(--soft); }
.journal-topics a[aria-current],.journal-topics a.is-active { background:var(--ink); color:#fff; }
.journal-search { display:flex; align-items:center; flex-shrink:0; width:260px; max-width:100%; min-width:0; border:1px solid var(--line); border-radius:7px; background:#faf9fb; transition:box-shadow .2s ease,border-color .2s ease; }
.journal-search:focus-within { border-color:var(--purple); box-shadow:0 0 0 3px #73499a12; background:#fff; }
.journal-search input[type=search] { width:100%; min-width:0; min-height:44px; border:0; outline:0; background:transparent; border-radius:7px; padding:10px 12px; font:inherit; font-size:13px; color:var(--ink); }
.journal-search button { display:flex; align-items:center; justify-content:center; gap:8px; min-height:44px; min-width:50px; padding:0 13px; border:0; border-left:1px solid var(--line); border-radius:0 6px 6px 0; background:transparent; color:var(--purple-dark); font:750 11px var(--body); cursor:pointer; }
.journal-search button:hover { background:#efe8f5; }
.journal-search button svg { width:17px; height:17px; flex-shrink:0; }
.journal-search-summary { display:flex; flex-wrap:wrap; gap:12px; align-items:center; justify-content:space-between; padding:0 0 28px; font-size:13px; color:var(--muted); }
.journal-search-summary p { min-width:0; max-width:100%; overflow-wrap:anywhere; }
.journal-search-summary a { font-size:12px; color:var(--purple); padding-block:10px; }
.journal-index :is(a,button):focus-visible,.journal-article :is(a,button,summary):focus-visible { outline:2px solid var(--purple); outline-offset:4px; }
/* A single strong cover anchors the page; the surrounding index stays quiet. */
.journal-feature { display:grid; grid-template-columns:.95fr 1.05fr; background:#2f203c; color:#fff; border-radius:12px; overflow:hidden; margin:0 0 62px; }
.journal-feature-media { grid-column:2; grid-row:1; display:block; overflow:hidden; min-width:0; background:#c5a783; }
.journal-feature-media img { display:block; width:100%; height:100%; min-height:430px; max-height:530px; object-fit:cover; transition:transform .8s var(--ease); }
.journal-feature-copy { grid-column:1; grid-row:1; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; padding:42px; min-width:0; }
.journal-kicker { display:block; color:var(--purple); font-size:10px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; margin:0 0 22px; }
.journal-feature .journal-kicker { color:#cbb6de; margin-bottom:26px; display:flex; align-items:center; gap:10px; }
.journal-feature .journal-kicker::before { content:''; width:6px; height:6px; background:var(--pink); border-radius:50%; }
.journal-feature .journal-card-topic { color:#e3cbee; }
.journal-feature h2 { font-size:clamp(29px,3.35vw,47px); line-height:1.07; letter-spacing:-.045em; margin:12px 0 20px; text-wrap:balance; }
.journal-feature .journal-excerpt { font-size:13px; line-height:1.85; color:#ded3e4; margin:0 0 24px; max-width:390px; }
.journal-feature-footer { width:100%; }
.journal-meta { display:flex; flex-wrap:wrap; align-items:center; gap:8px; color:var(--muted); font-size:11px; font-weight:500; line-height:1.6; }
.journal-meta time { white-space:nowrap; }
.journal-feature .journal-meta { color:#ccbdd5; }
.journal-link { display:inline-flex; align-items:center; gap:25px; padding:10px 0 7px; min-height:44px; border-bottom:1px solid currentColor; color:var(--purple-dark); font-size:12px; font-weight:800; margin-top:16px; }
.journal-link span { font-size:19px; transition:transform .25s var(--ease); }
.journal-feature .journal-link { color:#2f203c; background:#fff; padding:12px 20px; border:0; border-radius:6px; min-height:48px; margin-top:24px; gap:32px; }
.journal-feature a:focus-visible { outline-color:#f4c0e0; }
.journal-section-heading { display:flex; align-items:end; justify-content:space-between; gap:20px; margin-bottom:26px; }
.journal-section-heading h2 { font-size:clamp(28px,3.2vw,38px); line-height:1.12; letter-spacing:-.045em; margin:0; }
.journal-section-heading p,.journal-section-heading>span { color:var(--muted); font-size:12px; }
.journal-section-heading .journal-kicker { color:var(--purple); font-size:10px; margin-bottom:11px; }
.journal-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:42px 32px; }
.journal-card { min-width:0; position:relative; }
.journal-card-media { display:block; position:relative; border-radius:8px; overflow:hidden; background:#f3edf7; aspect-ratio:1.65; }
.journal-card-media img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .7s var(--ease); }
.journal-card-arrow { position:absolute; bottom:16px; right:16px; display:grid; place-items:center; width:38px; height:38px; border-radius:50%; background:#fff; color:var(--ink); font-size:23px; box-shadow:0 2px 10px #2110250a; transition:transform .3s var(--ease),background-color .2s; }
.journal-card-copy { padding-top:22px; }
.journal-card-topic { display:inline-flex; color:var(--purple); font-size:11px; font-weight:750; line-height:1.6; }
.journal-card h2,.journal-card h3 { font-size:29px; letter-spacing:-.035em; line-height:1.15; margin:11px 0 14px; }
.journal-card h2 a,.journal-card h3 a { transition:color .2s ease; }
.journal-card .journal-excerpt { font-size:13px; line-height:1.8; color:var(--muted); margin-bottom:18px; max-width:470px; }
.journal-card .journal-meta { padding-top:16px; border-top:1px solid var(--line); }
.journal-card h2 a:hover,.journal-card h3 a:hover { color:var(--purple); }
.journal-grid--editorial>.journal-card:first-child { grid-column:1/-1; display:grid; grid-template-columns:1fr 1fr; gap:0; background:#f6f3f8; border-radius:10px; overflow:hidden; }
.journal-grid--editorial>.journal-card:first-child .journal-card-media { aspect-ratio:auto; min-height:280px; max-height:350px; border-radius:0; }
.journal-grid--editorial>.journal-card:first-child .journal-card-media img { object-position:center 65%; }
.journal-grid--editorial>.journal-card:first-child .journal-card-copy { padding:30px 38px; align-self:center; }
.journal-grid--editorial>.journal-card:first-child h2 { font-size:32px; }
.journal-grid--editorial>.journal-card:first-child .journal-meta { border-color:#ded7e5; }
.journal-pagination { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:8px; margin-top:45px; }
.journal-pagination :is(a,span) { display:inline-flex; min-width:44px; min-height:44px; align-items:center; justify-content:center; padding:8px 14px; border:1px solid var(--line); border-radius:7px; font-size:12px; }
.journal-pagination .current,.journal-pagination [aria-current] { background:var(--purple); color:#fff; border-color:var(--purple); }
.journal-empty { padding:60px 26px; text-align:center; border:1px solid var(--line); border-radius:12px; background:#faf9fc; }
.journal-empty h2 { font-size:30px; margin-bottom:18px; }
.journal-empty p { color:var(--muted); font-size:14px; max-width:500px; margin:auto; }
.journal-callout { position:relative; margin-top:64px; padding:36px 0; display:flex; align-items:center; justify-content:space-between; gap:30px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.journal-callout::before { content:''; position:absolute; top:-1px; left:0; width:72px; height:3px; background:linear-gradient(90deg,var(--purple),var(--teal),var(--gold),var(--pink)); }
.journal-callout h2 { font-size:32px; line-height:1.15; letter-spacing:-.04em; }
.journal-callout p { font-size:13px; line-height:1.8; margin-top:12px; color:var(--muted); max-width:540px; }
.journal-callout .journal-kicker { font-size:10px; margin:0 0 12px; color:var(--purple); }
.journal-callout .journal-link { flex-shrink:0; margin:0; }
.journal-image-fallback { display:grid; place-items:center; width:100%; min-height:240px; height:100%; background:linear-gradient(140deg,#e9dff1,#e2f2f4); color:var(--purple); font-size:38px; }
/* The article opens like an editorial spread, then settles into one reading column. */
.journal-article-toolbar { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:20px 0; }
.journal-article-toolbar .journal-topline { padding:0; }
.journal-article-toolbar .journal-search { width:275px; }
.journal-article-hero { display:grid; grid-template-columns:1.12fr .88fr; background:#f8f6f2; border:1px solid #ede9e2; border-radius:12px; overflow:hidden; margin:0 0 56px; }
.journal-article-hero--text { grid-template-columns:1fr; }
.journal-article-header { padding:44px; min-width:0; align-self:center; }
.journal-article-hero--text .journal-article-header { max-width:850px; }
.journal-article-header h1 { font-size:clamp(36px,4.3vw,58px); line-height:1.055; letter-spacing:-.045em; margin:23px 0; text-wrap:balance; }
.journal-article-header .journal-card-topic { font-size:11px; letter-spacing:.02em; padding:7px 12px; border:1px solid #ddd1e5; background:#fff; border-radius:5px; }
.journal-article-header .journal-article-deck { font-size:15px; line-height:1.8; color:#625b66; margin:0 0 28px; max-width:490px; }
.journal-article-byline { display:flex; align-items:center; gap:13px; }
.journal-article-byline .journal-meta { font-size:11px; margin-top:4px; }
.journal-byline-name { display:block; font-size:12px; font-weight:750; color:var(--ink); }
.journal-byline-mark { display:flex; width:36px; height:36px; align-items:center; flex-shrink:0; }
.journal-byline-mark i { display:block; width:18px; height:27px; flex-shrink:0; background:var(--purple); border-radius:12px; transform:rotate(20deg); }
.journal-byline-mark i+i { margin-left:-9px; background:var(--teal); }
.journal-byline-mark i+i+i { background:linear-gradient(160deg,var(--gold),var(--pink)); }
.journal-article-cover { position:relative; margin:16px 16px 16px 0; min-width:0; min-height:430px; overflow:hidden; border-radius:7px; background:var(--soft); }
.journal-article-cover img { position:absolute; inset:0; display:block; width:100%; height:100%; max-height:none; object-fit:cover; }
.journal-reading-layout { display:grid; grid-template-columns:235px minmax(0,670px); justify-content:space-between; gap:70px; align-items:start; max-width:1060px; margin-inline:auto; }
.journal-reading-layout:not(:has(.journal-reading-aside)) { display:block; max-width:670px; margin:auto; }
.journal-reading-aside { position:sticky; top:105px; }
.journal-toc { padding:22px 0; border:0; border-top:2px solid var(--ink); border-bottom:1px solid var(--line); border-radius:0; background:#fff; max-height:calc(100dvh - 220px); overflow-y:auto; }
.journal-toc summary { display:flex; align-items:center; justify-content:space-between; gap:15px; font-size:14px; font-weight:800; cursor:pointer; padding:0; min-height:30px; }
.journal-toc summary::after { display:none; }
.journal-toc summary span { color:var(--purple); transition:transform .2s ease; }
.journal-toc[open] summary span { transform:rotate(180deg); }
.journal-toc ol,.journal-toc ul { list-style:none; padding:0; margin:18px 0 0; display:grid; gap:6px; }
.journal-toc a { display:block; padding:8px 10px 8px 13px; border-left:2px solid #e8e2ed; color:var(--muted); font-size:12px; line-height:1.6; transition:color .2s,border-color .2s,background-color .2s; }
.journal-toc a:hover,.journal-toc a[aria-current] { color:var(--purple-dark); border-color:var(--purple); background:#f8f5fa; }
.journal-copy { width:100%; min-height:44px; margin-top:16px; padding:10px 12px; background:transparent; color:var(--muted); font:650 12px var(--body); border:1px solid var(--line); border-radius:5px; cursor:pointer; }
.journal-copy:hover { background:var(--soft); color:var(--purple); }
.journal-copy-status { display:block; margin-top:8px; text-align:center; }
[data-journal-copy-status]:empty { display:none; }
[data-journal-copy-status] { font-size:11px; color:var(--purple); }
.journal-article-body { min-width:0; font-size:17px; line-height:1.9; overflow-wrap:break-word; }
.journal-article-body p { color:#514c58; }
.journal-article-body>p { margin:0 0 24px; }
.journal-article-body>.article-lead { font-size:19px; line-height:1.85; color:var(--ink); border-left:3px solid #b18aca; padding-left:22px; margin-bottom:34px; }
.journal-article-body h2 { font-size:32px; line-height:1.22; letter-spacing:-.035em; margin:46px 0 20px; scroll-margin-top:110px; text-wrap:pretty; }
.journal-article-body h3 { font-size:25px; line-height:1.25; margin:26px 0 15px; }
.journal-article-body ul,.journal-article-body ol { padding-left:23px; margin:22px 0 30px; }
.journal-article-body li { padding-left:4px; margin:10px 0; color:#514c58; }
.journal-article-body li::marker { color:var(--purple); }
.journal-article-body a:not(.button) { text-underline-offset:4px; }
.journal-article-body .editorial-link { font-size:14px; }
.journal-article-body .article-note { padding:22px 26px; margin:30px 0; background:#f8f4fa; border-left:3px solid var(--purple); border-radius:0 7px 7px 0; font-size:15px; line-height:1.8; }
.journal-article-body .article-note p+p { margin-top:12px; }
.journal-article-body .article-note p:last-child { margin-bottom:0; }
.journal-article-body .article-checklist { margin:40px 0; padding:28px 30px; border:1px solid #d9e8e6; background:#f3f8f7; border-radius:9px; }
.journal-article-body .article-checklist h2 { margin-top:0; }
.journal-article-body .article-checklist ul { list-style:none; padding:0; margin:20px 0 0; }
.journal-article-body .article-checklist li { position:relative; padding:12px 0 12px 29px; margin:0; border-bottom:1px solid #dbe8e5; font-size:15px; line-height:1.8; }
.journal-article-body .article-checklist li:last-child { border-bottom:0; padding-bottom:0; }
.journal-article-body .article-checklist li::before { content:'✓'; position:absolute; left:0; top:12px; color:#32776c; font-weight:800; }
.journal-article-body .article-next { margin-top:42px; border-radius:9px; padding:30px; background:#f7f3fa; border:1px solid #e8deef; }
.journal-article-body .article-next .eyebrow { font-size:10px; letter-spacing:.12em; margin-bottom:15px; }
.journal-article-body .article-next h3 { margin-top:0; }
.journal-article-body .article-next .editorial-link a { display:inline-flex; align-items:center; min-height:44px; padding-block:8px; }
.journal-article-body .article-next p:last-child { margin-bottom:0; }
.journal-article-body .contact-actions { margin-top:24px; }
.journal-article-body .button { white-space:normal; min-height:46px; font-size:12px; }
.journal-related { border-top:1px solid var(--line); margin-top:65px; padding-top:45px; }
.journal-related .journal-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }
.journal-related .journal-card h2 { font-size:25px; }
.journal-progress { position:fixed; inset:0 auto auto 0; width:100%; height:3px; background:linear-gradient(90deg,var(--purple),var(--teal),var(--gold),var(--pink)); transform:scaleX(0); transform-origin:left; z-index:60; pointer-events:none; }
@media(hover:hover) and (prefers-reduced-motion:no-preference) {
 .journal-card:hover .journal-card-media img,.journal-feature:hover .journal-feature-media img { transform:scale(1.025); }
 .journal-card:hover .journal-card-arrow { transform:translate(2px,-2px); background:#f3ebfa; }
 .journal-link:hover span { transform:translate(3px,-3px); }
 .journal-art { animation:journal-arrive .9s var(--ease) both; }
 .journal-feature { animation:journal-arrive .65s var(--ease) both; }
}
@keyframes journal-arrive { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:none; } }
@media(max-width:1100px) {
 .journal-tools { flex-wrap:wrap; gap:12px; }
 .journal-topics { flex-basis:100%; }
 .journal-search { width:340px; }
 .journal-feature-copy { padding:32px; }
 .journal-feature h2 { font-size:38px; }
 .journal-reading-layout { grid-template-columns:210px minmax(0,1fr); gap:38px; }
}
@media(max-width:800px) {
 .journal-hero { grid-template-columns:minmax(0,1fr) 200px; min-height:220px; }
 .journal-hero h1 { font-size:43px; }
 .journal-hero-copy .lead { font-size:13px; }
 .journal-art { min-height:200px; }
 .journal-art-note { display:none; }
 .journal-feature-copy { padding:26px; }
 .journal-feature h2 { font-size:32px; }
 .journal-feature .journal-kicker { font-size:9px; margin-bottom:22px; }
 .journal-feature .journal-excerpt { font-size:12px; }
 .journal-feature-media img { min-height:430px; }
 .journal-grid { gap:32px 24px; }
 .journal-card h2,.journal-card h3 { font-size:25px; }
 .journal-grid--editorial>.journal-card:first-child .journal-card-copy { padding:26px; }
 .journal-grid--editorial>.journal-card:first-child h2 { font-size:27px; }
 .journal-article-hero { grid-template-columns:1fr; }
 .journal-article-header { padding:30px; }
 .journal-article-header h1 { font-size:44px; max-width:650px; }
 .journal-article-cover { min-height:0; aspect-ratio:2.3; margin:0 26px 26px; }
 .journal-reading-layout { display:block; }
 .journal-reading-aside { position:static; margin-bottom:32px; }
 .journal-toc { max-height:none; padding:13px 0; }
 .journal-copy { width:auto; }
 .journal-article-body { max-width:66ch; margin:auto; }
 .journal-related .journal-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .journal-callout h2 { font-size:27px; }
}
@media(max-width:600px) {
 .journal-index,.journal-article { padding-bottom:44px; }
 .journal-topline { padding:13px 0; font-size:11px; }
 .journal-hero { display:block; min-height:0; margin-bottom:0; }
 .journal-hero-copy { padding:23px 0 25px; }
 .journal-hero h1 { font-size:clamp(35px,9.8vw,46px); max-width:390px; }
 .journal-hero-copy .eyebrow { font-size:10px; margin-bottom:15px; }
 .journal-hero-copy .lead { font-size:13px; max-width:340px; margin-top:15px; line-height:1.75; }
 .journal-art { display:none; }
 .journal-tools { flex-direction:column-reverse; align-items:stretch; gap:10px; padding:14px 0; margin-bottom:20px; }
 .journal-search { width:100%; }
 .journal-search input[type=search] { font-size:16px; min-height:46px; }
 .journal-search button { min-height:46px; }
 .journal-topics { flex-basis:auto; width:100%; gap:2px; }
 .journal-topics a { padding:9px 13px; }
 .journal-feature { grid-template-columns:1fr; border-radius:9px; margin-bottom:38px; }
 .journal-feature-copy { display:contents; }
 .journal-feature-heading { grid-column:1; grid-row:1; padding:24px 24px 6px; }
 .journal-feature .journal-kicker { font-size:9px; margin-bottom:17px; }
 .journal-feature .journal-card-topic { font-size:11px; }
 .journal-feature h2 { font-size:clamp(28px,7.7vw,35px); margin:10px 0 18px; text-wrap:pretty; }
 .journal-feature-media { grid-column:1; grid-row:2; aspect-ratio:1.8; margin:0 24px; border-radius:5px; }
 .journal-feature-media img { min-height:0; max-height:none; height:100%; }
 .journal-feature .journal-excerpt { display:none; }
 .journal-feature-footer { grid-column:1; grid-row:3; padding:19px 24px 24px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px; }
 .journal-feature .journal-meta { font-size:10px; }
 .journal-feature .journal-link { min-height:44px; margin:0; padding:10px 14px; font-size:11px; gap:15px; }
 .journal-section-heading { margin-bottom:22px; gap:12px; }
 .journal-section-heading h2 { font-size:29px; }
 .journal-section-heading .journal-kicker { font-size:9px; }
 .journal-section-heading>span { font-size:11px; white-space:nowrap; }
 .journal-grid,.journal-related .journal-grid { grid-template-columns:1fr; gap:0; }
 .journal-card,.journal-grid--editorial>.journal-card:first-child { display:grid; grid-template-columns:104px minmax(0,1fr); gap:18px; align-items:start; padding:24px 0; border-top:1px solid var(--line); background:none; border-radius:0; overflow:visible; }
 .journal-card:first-child { padding-top:0; border-top:0; }
 .journal-grid--editorial>.journal-card:first-child { padding-top:0; border-top:0; }
 .journal-card-media,.journal-grid--editorial>.journal-card:first-child .journal-card-media { aspect-ratio:.92; min-height:0; max-height:none; border-radius:6px; }
 .journal-card-arrow { display:none; }
 .journal-card-copy,.journal-grid--editorial>.journal-card:first-child .journal-card-copy { padding:0; align-self:start; }
 .journal-card-topic { font-size:10px; }
 .journal-card h2,.journal-card h3,.journal-related .journal-card h2,.journal-grid--editorial>.journal-card:first-child h2 { font-size:21px; line-height:1.2; letter-spacing:-.025em; margin:8px 0 12px; }
 .journal-card .journal-excerpt { display:none; }
 .journal-card .journal-meta,.journal-grid--editorial>.journal-card:first-child .journal-meta { font-size:10px; padding:0; border:0; gap:6px; }
 .journal-image-fallback { min-height:0; font-size:18px; }
 .journal-callout { flex-direction:column; align-items:start; padding:28px 0; gap:18px; margin-top:24px; }
 .journal-callout h2 { font-size:29px; }
 .journal-callout p { font-size:13px; }
 .journal-article-toolbar { align-items:stretch; flex-direction:column; gap:12px; padding:17px 0; }
 .journal-article-toolbar .journal-search { width:100%; }
 .journal-article-hero { margin-bottom:26px; border-radius:9px; }
 .journal-article-header { padding:23px 21px 25px; }
 .journal-article-header h1 { font-size:clamp(31px,8.6vw,39px); line-height:1.08; margin:18px 0; text-wrap:pretty; }
 .journal-article-header .journal-article-deck { font-size:14px; margin-bottom:22px; line-height:1.75; }
 .journal-article-header .journal-card-topic { font-size:10px; padding:6px 10px; }
 .journal-byline-name { font-size:11px; }
 .journal-article-byline .journal-meta { font-size:10px; gap:6px; }
 .journal-article-cover { margin:0 16px 16px; aspect-ratio:1.9; min-height:0; }
 .journal-reading-aside { margin-bottom:28px; }
 .journal-toc { padding:7px 0; }
 .journal-toc summary { min-height:44px; font-size:13px; }
 .journal-toc a { padding-block:12px; min-height:44px; }
 .journal-copy { min-height:44px; margin-top:10px; font-size:11px; }
 .journal-article-body { font-size:16px; line-height:1.85; }
 .journal-article-body>.article-lead { font-size:17px; line-height:1.8; padding-left:17px; margin-bottom:28px; }
 .journal-article-body h2 { font-size:27px; margin-top:35px; scroll-margin-top:90px; }
 .journal-article-body .article-next { padding:23px; }
 .journal-article-body .article-next h3 { font-size:25px; }
 .journal-article-body .article-note { padding:18px 20px; font-size:15px; }
 .journal-article-body .article-checklist { padding:23px 20px; }
 .journal-article-body .article-checklist h2 { font-size:25px; }
 .journal-article-body .article-checklist li { font-size:14px; }
 .journal-related { margin-top:42px; padding-top:32px; }
 .journal-related .journal-section-heading { align-items:start; flex-direction:column; }
 .journal-related .journal-section-heading .journal-link { margin-top:0; }
}
@media(max-width:360px) {
 .journal-card,.journal-grid--editorial>.journal-card:first-child { grid-template-columns:86px minmax(0,1fr); gap:14px; }
 .journal-card h2,.journal-card h3,.journal-related .journal-card h2,.journal-grid--editorial>.journal-card:first-child h2 { font-size:20px; }
 .journal-feature-heading { padding-inline:20px; }
 .journal-feature-media { margin-inline:20px; }
 .journal-feature-footer { padding-inline:20px; }
}
@media(prefers-reduced-motion:reduce) {
 .journal-index *, .journal-article * { animation:none!important; transition:none!important; }
}