/* Illustrated article layer; existing Q&A articles keep their own layout. */
.illustrated-article .library-reading{grid-template-columns:minmax(180px,220px) minmax(0,800px);gap:clamp(32px,5vw,88px)}
.illustrated-article .journal-article-header{max-width:1110px}
.illustrated-article .journal-article-header h1{font-size:clamp(40px,4.6vw,76px);max-width:22ch;line-height:1.1}
.illustrated-article .journal-deck{max-width:65ch;font-size:clamp(19px,1.55vw,24px);line-height:1.6}
.editorial-blocks{color:#39362f;min-width:0}
.editorial-heading{font:500 clamp(29px,2.7vw,42px)/1.2 "Bodoni Moda",Georgia,serif;letter-spacing:-.015em;scroll-margin-top:calc(var(--header-height,90px) + 26px);margin:55px 0 23px;padding-top:28px;border-top:1px solid var(--line,#d8d2c7);text-wrap:balance}
.editorial-heading:first-child{margin-top:0}
.editorial-paragraph,.editorial-steps,.editorial-note p,.editorial-comparison p,.editorial-faq p{font-size:clamp(18px,1.4vw,21px);line-height:1.8;max-width:68ch;margin:0 0 22px;overflow-wrap:break-word}
.editorial-note{background:#eee7dc;border-left:3px solid #a4845f;padding:22px 25px;margin:30px 0}
.editorial-note h3,.editorial-comparison h3,.editorial-faq h3{font:600 20px/1.4 Source,Arial,sans-serif;margin:0 0 12px}
.editorial-note p:last-child,.editorial-comparison p:last-child{margin-bottom:0}
.editorial-steps{padding-left:26px;margin-block:25px 30px}
.editorial-steps li{padding-left:6px;margin-bottom:16px}
.editorial-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin:32px 0}
.editorial-comparison>section{padding-top:18px;border-top:2px solid #aa9273}
.editorial-comparison p{font-size:18px;line-height:1.75}
.editorial-faq{padding:23px 0;border-top:1px solid var(--line,#d8d2c7)}
.editorial-faq p{margin-bottom:0}
.editorial-figure{margin:38px 0 35px;min-width:0}
.editorial-image{position:relative;background:#eee9e1;line-height:0;isolation:isolate}
.editorial-image img{display:block;width:100%;height:auto;max-width:100%}
.editorial-marker{position:absolute;transform:translate(-50%,-50%);width:32px;height:32px;border:2px solid #fffdf8;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#302d27;color:white;font:600 15px/1 Arial,sans-serif;box-shadow:0 2px 7px #0005;pointer-events:none}
.editorial-figure figcaption{font-size:15px;line-height:1.6;color:#5b564d;margin-top:13px;max-width:75ch}
.editorial-evidence{display:inline-block;color:#302c24;font-weight:600;margin-right:5px}
.editorial-evidence::after{content:" ·"}
.editorial-legend{display:grid;gap:12px;margin:19px 0 0;font-size:16px;line-height:1.6}
.editorial-legend>div{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px}
.editorial-legend dt{display:flex;align-items:center;justify-content:center;border:1px solid #b5a185;border-radius:50%;width:26px;height:26px;color:#3b3328;font-weight:600;font-size:13px}
.editorial-legend dd{margin:0;min-width:0}
.editorial-reference{font-size:14px;line-height:1.6;color:#6b6153;margin:-9px 0 27px;overflow-wrap:anywhere}
.editorial-reference a,.editorial-sources a{text-decoration-thickness:1px;text-underline-offset:3px}
.editorial-sources{margin-top:48px;border-top:1px solid var(--line,#d8d2c7);padding-top:24px}
.editorial-sources h2{font:600 18px/1.5 Source,Arial,sans-serif;margin:0 0 14px}
.editorial-sources ul{padding-left:20px;margin:0}
.editorial-sources li{font-size:15px;line-height:1.6;margin-bottom:10px;overflow-wrap:anywhere}
@media(max-width:800px){.illustrated-article .library-reading{display:block}.illustrated-article .library-contents{position:static;max-height:none;margin-bottom:36px}.illustrated-article .library-contents ol{columns:1}.editorial-comparison{grid-template-columns:1fr;gap:15px}.editorial-heading{margin-top:38px}.editorial-note{padding:20px}.editorial-figure{margin:28px 0}.editorial-marker{width:27px;height:27px;font-size:13px}.editorial-paragraph,.editorial-note p,.editorial-steps,.editorial-faq p{font-size:18px;line-height:1.8}}
@media(prefers-reduced-motion:reduce){.editorial-blocks *{scroll-behavior:auto}}
@media print{.editorial-heading{break-after:avoid}.editorial-figure{break-inside:avoid}.editorial-paragraph,.editorial-steps,.editorial-note p{font-size:11pt}.editorial-reference,.editorial-sources{font-size:9pt}.editorial-figure figcaption{font-size:9pt}}

.editorial-image:has(img[src$='.svg']){max-width:560px;margin-inline:auto}


body.journal-article-page .site-header,body.journal-article-page.is-scrolled .site-header{background:#faf8f3;border-bottom:1px solid #e4ddd2}
body.journal-article-page .site-header a,body.journal-article-page .site-header button,body.journal-article-page .site-header .language-trigger{color:#252320!important;text-shadow:none!important}
body.journal-article-page .site-header .brand-logo-dark{visibility:visible!important}
body.journal-article-page .site-header .brand-logo-light{visibility:hidden!important}


/* R4: compact finish reference and offset photographic labels. */
.editorial-figure.finish-strip{max-width:440px;margin-block:22px 30px}
.editorial-figure.finish-strip figcaption{font-size:14px}
.editorial-figure.finish-strip .editorial-image{background:transparent}
.editorial-leaders{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.editorial-target{position:absolute;transform:translate(-50%,-50%);width:5px;height:5px;border:1px solid #fff;background:#302d27;border-radius:50%;pointer-events:none}
.editorial-marker{z-index:2}

/* Reuse the finishes page crops; names stay readable, selectable HTML text. */
.editorial-finish-reference{margin:28px 0 36px}
.editorial-finish-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 18px}
.editorial-finish-item{min-width:0}
.editorial-finish-crop{display:block;width:100%;height:auto;aspect-ratio:324/388;background:#eee9e1}
.editorial-finish-label{display:block;margin-top:9px;font-size:16px;line-height:1.4;color:#302c24;overflow-wrap:break-word}
.editorial-finish-reference figcaption{font-size:15px;line-height:1.6;color:#5b564d;margin-top:18px}
.editorial-finish-reference>.editorial-figure-link{display:inline-block;margin-top:13px;font-size:16px;line-height:1.5;text-underline-offset:4px}
@media(max-width:620px){.editorial-finish-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px}.editorial-finish-label{font-size:16px}}