/* Shared blog presentation: the approved Viadrina article style. */
.journal-article .article-header{background:var(--white);border-bottom:3px solid var(--ink)}
.journal-article .article-header h1{font-family:'Lilita One',Impact,sans-serif;font-weight:400;font-size:clamp(34px,4.2vw,51px);line-height:1.08;text-transform:uppercase;letter-spacing:-.02em}
.journal-article .article-shell h2{font-family:'Lilita One',Impact,sans-serif;font-weight:400;font-size:clamp(27px,2.7vw,34px);line-height:1.12;text-transform:uppercase;letter-spacing:-.015em}
.journal-article .article-shell h3{font-family:'Lilita One',Impact,sans-serif;font-weight:400;font-size:25px;line-height:1.15;text-transform:uppercase;letter-spacing:0}
.journal-article .article-meta,.journal-article .article-breadcrumb,.journal-article .article-cover figcaption,.journal-article .article-sources{color:var(--ink)}
.journal-article .article-lead{color:var(--ink)}
.journal-article .article-cover img{border:3px solid var(--ink);border-radius:20px;box-shadow:6px 6px 0 var(--ink)}
.journal-article .article-cover figcaption{padding-top:16px}
.journal-article .formula,.journal-article .article-callout{background:var(--white);border:3px solid var(--ink);border-radius:20px;box-shadow:4px 4px 0 var(--ink)}
.journal-article .formula{border-top:7px solid var(--mint)}
.journal-article .article-callout{border-top:7px solid var(--lime)}
.journal-article .article-callout>strong,.journal-article .formula strong{font:400 23px/1.2 'Lilita One',Impact,sans-serif;text-transform:uppercase;letter-spacing:0}
.journal-article .article-shell .faq-list details{background:var(--white);border:3px solid var(--ink);border-radius:20px;box-shadow:4px 4px 0 var(--ink);transition:transform 160ms ease-out,box-shadow 160ms ease-out}
.journal-article .article-shell .faq-list summary{font:400 21px/1.25 'Lilita One',Impact,sans-serif;text-transform:uppercase;letter-spacing:0}
.journal-article .article-shell .faq-list details:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}
.journal-article .article-shell .faq-list details:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}
.journal-article .article-shell .faq-list details[open]{background:var(--mint)}
.journal-article .article-shell .faq-list summary::after{content:'+';font-size:28px}
.journal-article .article-shell .faq-list details[open] summary::after{content:'−'}
.journal-article .article-shell summary:focus-visible,.journal-article .article-shell a:focus-visible{outline:3px solid var(--ink);outline-offset:5px}
@media(max-width:620px){.journal-article .article-header h1{font-size:34px}.journal-article .article-shell h3{font-size:23px}}
@media(prefers-reduced-motion:reduce){.journal-article .article-shell .faq-list details{transition:none}}

.journal-article .article-header h1{hyphens:auto;overflow-wrap:break-word}.journal-article .article-shell .faq-list{grid-template-columns:minmax(0,1fr)}.journal-article .article-shell .faq-list details{min-width:0}.journal-article .article-shell .faq-list summary{hyphens:auto;overflow-wrap:anywhere}
