/* Editorial layouts use the existing marketing palette and typography. */
/* Layout: centered masthead, single lead image, quiet image/title archive. */
.journal-wrap{width:calc(100% - 96px);max-width:1440px;margin-inline:auto}
.journal-intro{padding:136px 0 72px;text-align:center}
.journal-masthead{display:flex;flex-direction:column;align-items:center;gap:4px;margin:0}
.journal-masthead img{display:block;width:300px;height:auto;filter:invert(1)}
.journal-masthead span{font-family:STHeroInter,Inter,sans-serif;font-size:48px;font-weight:300;line-height:1.15;letter-spacing:-.045em}
.journal-meta{font-size:12px!important;font-weight:500;letter-spacing:.08em;line-height:1.5;text-transform:uppercase;color:var(--mk-ink)}
.journal-meta span{color:var(--mk-muted);font-weight:400;letter-spacing:0;margin-left:20px;text-transform:none}
.journal-feature{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:36px;color:inherit;text-decoration:none}
.feature-art{aspect-ratio:1.42;overflow:hidden;border-radius:24px;background:var(--mk-soft)}
.feature-art img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.journal-feature:hover .feature-art img{transform:scale(1.025)}
.feature-copy{display:flex;flex-direction:column;padding:12px 0;min-width:0}
.feature-copy h2{font-family:STDisplay,sans-serif;font-size:clamp(30px,2.8vw,44px);letter-spacing:-.04em;line-height:1.12;margin:0 0 24px;text-wrap:balance}
.feature-copy>p{font-size:18px;line-height:1.6;color:var(--mk-muted);margin:0;max-width:420px}
.feature-byline{font-size:14px;margin-top:auto;padding-top:32px;color:var(--mk-muted)}
.journal-read{display:inline-flex;gap:8px;align-items:center;font-size:16px;font-weight:400;text-decoration:none;color:var(--mk-ink);margin-top:22px}
.journal-library{padding:64px 0 104px}
.journal-related>h2{font-size:34px;letter-spacing:-.04em;margin:0}
.journal-controls{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px}
.journal-topics{display:flex;gap:8px;flex-wrap:wrap}.journal-topics button,.journal-share button,.journal-no-results button{font:inherit;font-size:14px;border:0;background:transparent;color:var(--mk-muted);border-radius:24px;padding:12px 18px;cursor:pointer;transition:background .25s,color .25s}.journal-topics button[aria-pressed=true]{background:var(--mk-ink);color:var(--mk-paper)}.journal-search input{width:210px;background:var(--mk-soft);border:1px solid transparent;border-radius:12px;padding:14px 16px;font:inherit;font-size:14px;color:var(--mk-ink)}.journal-search input:focus{outline:2px solid var(--mk-blue);outline-offset:2px}.journal-count{font-size:13px;color:var(--mk-muted);margin:16px 0 24px}.journal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 28px}.journal-card{display:block;color:inherit;text-decoration:none;min-width:0}.journal-card[hidden]{display:none}.journal-art{aspect-ratio:1.42;overflow:hidden;border-radius:20px;background:var(--mk-soft)}.journal-art img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.journal-card:hover img{transform:scale(1.035)}.journal-card .journal-meta{margin:24px 0 12px;font-size:10px!important}.journal-card h3{font-family:STDisplay,sans-serif;font-size:26px;line-height:1.22;letter-spacing:-.025em;margin:20px 0 0}.journal-card>p:last-child{font-size:16px;color:var(--mk-muted);line-height:1.55;margin:0}.question-art{height:100%;min-height:240px;display:flex;flex-direction:column;justify-content:center;padding:32px;background:var(--mk-soft)}.question-art>span{font-family:STDisplay,sans-serif;font-size:60px;letter-spacing:-.06em;line-height:1}.question-art small{font-size:13px;color:var(--mk-muted);margin-top:28px;max-width:160px}.dot{color:var(--mk-blue)}.journal-close{background:var(--mk-soft);padding:72px 0}.journal-close h2{font-family:STDisplay,sans-serif;font-size:48px;letter-spacing:-.045em;line-height:1.08;margin:20px 0}.journal-close p:not(.journal-meta){font-size:18px;color:var(--mk-muted)}.journal-draft{font-size:12px;text-align:center;color:var(--mk-muted);padding:16px;margin:0}.journal-no-results{padding:40px 0}.journal-no-results button,.journal-share button{background:var(--mk-soft);color:var(--mk-ink)}.journal-article-top{padding:128px 0 40px}.back-blog{color:var(--mk-muted);text-decoration:none;font-size:15px;display:inline-block;margin-bottom:48px}.journal-article-top h1{font-family:STDisplay,sans-serif;font-size:clamp(42px,5.5vw,76px);line-height:1.04;letter-spacing:-.05em;margin:0;max-width:1320px;text-wrap:balance}.article-deck{font-size:24px;line-height:1.45;color:var(--mk-muted);max-width:760px}.article-byline{font-size:14px;margin-top:32px}.article-byline span{color:var(--mk-muted);margin-left:24px}.journal-article-image{height:auto;aspect-ratio:16/9;border-radius:20px;overflow:hidden;background:var(--mk-soft);padding:0}.journal-article-image img{display:block;width:100%;height:100%;object-fit:cover}.journal-article-image .question-art{align-items:center;height:100%}.journal-reading{display:grid;grid-template-columns:240px minmax(0,680px);gap:72px;justify-content:center;padding:72px 0}.journal-reading aside nav{position:sticky;top:110px}.journal-reading aside a{display:block;font-size:14px;line-height:1.5;color:var(--mk-muted);text-decoration:none;margin:18px 0}.journal-reading aside a:hover{color:var(--mk-ink)}.journal-prose h2{font-family:STDisplay,sans-serif;font-size:34px;letter-spacing:-.03em;line-height:1.2;margin:0 0 22px;scroll-margin-top:100px}.journal-prose section{margin-bottom:56px}.journal-prose p{font-size:20px;line-height:1.8;color:var(--mk-ink);margin:0 0 22px}.try-this{background:var(--mk-soft);padding:32px;border-radius:16px;margin:16px 0 40px}.try-this p:last-child{margin:0;font-size:24px;line-height:1.4}.journal-share{display:flex;gap:16px;align-items:center;font-size:13px}.journal-related{padding-bottom:88px}.journal-related .journal-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:32px}.reading-progress{position:fixed;top:0;left:0;height:3px;width:100%;transform:scaleX(0);transform-origin:left;background:var(--mk-blue);z-index:9999}a:focus-visible,button:focus-visible{outline:2px solid var(--mk-blue);outline-offset:5px}.journal-card{animation:journal-in .55s ease-out both}@keyframes journal-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:1050px){
 .journal-wrap{width:calc(100% - 64px)}
 .journal-intro{padding:128px 0 56px}
 .journal-feature{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:28px}
 .feature-copy{padding:0}.feature-copy h2{font-size:30px;margin-bottom:16px}.feature-copy>p{font-size:16px;line-height:1.5}
 .journal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .journal-controls{align-items:flex-start;flex-direction:column;gap:20px}
 .journal-search,.journal-search input{width:100%}
 .journal-reading{grid-template-columns:180px minmax(0,1fr);gap:40px}
}
@media(max-width:700px){
 .journal-wrap{width:calc(100% - 40px)}
 .journal-intro{padding:112px 0 44px}.journal-masthead img{width:224px}.journal-masthead span{font-size:38px}
 .journal-feature{grid-template-columns:1fr;gap:24px}.feature-art{border-radius:20px}
 .feature-copy h2{font-size:34px;max-width:560px}.feature-copy>p{font-size:17px;max-width:none}.feature-byline{padding-top:20px}
 .journal-library{padding:44px 0 64px}.journal-controls{margin-bottom:28px}
 .journal-topics{gap:4px}.journal-topics button{font-size:13px;padding:11px 12px}.journal-search input{font-size:16px}
 .journal-grid,.journal-related .journal-grid{grid-template-columns:1fr;gap:36px}.journal-card h3{font-size:27px;margin-top:18px}
 .journal-close{padding:48px 0}.journal-close h2{font-size:36px}
 .journal-article-top{padding:112px 0 24px}.journal-article-top h1{font-size:clamp(36px,8vw,52px)}.back-blog{margin-bottom:32px}
 .article-byline{font-size:13px;margin-top:24px}.article-byline span{margin-left:16px}
 .journal-article-image{border-radius:16px}
 .journal-reading{display:block;padding:40px 0}.journal-reading aside{display:none}.journal-prose p{font-size:18px;line-height:1.75}.journal-prose h2{font-size:29px}.try-this{padding:24px}.journal-related{padding-bottom:48px}
}
@media(prefers-reduced-motion:reduce){.journal-card{animation:none}.feature-art img,.journal-art img{transition:none}.journal-feature:hover img,.journal-card:hover img{transform:none}}

/* Documentary drawing: show the child’s complete original on detail pages. */
.journal-article-image--drawing img{object-fit:contain}

/* Blog refinement: horizontal masthead and the pricing selection motion. */
.journal-intro{padding:128px 0 28px;text-align:left}
.journal-masthead{flex-direction:row;justify-content:flex-start;gap:18px}
.journal-masthead img{width:300px}
.journal-masthead span{border-left:1px solid var(--mk-ink);padding-left:18px;font-size:36px;font-weight:300;letter-spacing:.04em;line-height:1.15}
.feature-byline,.article-byline{display:flex;align-items:center;gap:10px}
.journal-avatar{width:32px;height:32px;flex:none;display:block}
.article-byline span{margin-left:0}
.article-byline .journal-author{color:var(--mk-ink)}
.article-byline>span:last-child:not(.journal-author){margin-left:12px}
.back-blog{display:table;line-height:1.5;margin-bottom:24px}
.journal-controls{--journal-control-height:52px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:24px}
.journal-topics-scroll{max-width:100%;overflow-x:auto;padding:5px;margin:-5px;scrollbar-width:thin}
.journal-topics{height:var(--journal-control-height);box-sizing:border-box;position:relative;isolation:isolate;flex-wrap:nowrap;width:max-content;gap:2px;padding:4px;background:var(--mk-soft);border-radius:99px}
.journal-topics button{position:relative;z-index:1;white-space:nowrap;min-height:44px;padding:10px 19px;font-size:14px;font-weight:400;color:var(--mk-muted);transition:color .18s ease}
.journal-topics button[aria-pressed=true]{background:var(--mk-paper);color:var(--mk-ink)}
.journal-topics[data-sliding] button[aria-pressed=true]{background:transparent}
.journal-topics .selection-pill{position:absolute;left:0;top:4px;bottom:4px;border-radius:99px;background:var(--mk-paper);pointer-events:none;z-index:0}
.journal-search{width:240px;flex:none}
.journal-search input{display:block;box-sizing:border-box;width:100%;height:var(--journal-control-height);min-height:var(--journal-control-height);padding-block:10px;font-size:16px;line-height:22px}
@media(max-width:700px){
 .journal-intro{padding:112px 0 24px}.journal-masthead{gap:12px}.journal-masthead img{width:min(58vw,230px)}.journal-masthead span{padding-left:12px;font-size:26px}
 .back-blog{margin-bottom:24px}.journal-search{width:100%}.article-byline{gap:8px;flex-wrap:wrap}.journal-avatar{width:28px;height:28px}
 .journal-topics button{padding:10px 15px}
}

@media(max-width:1050px){.journal-controls{flex-direction:column;align-items:flex-start;gap:20px}.journal-search{width:min(100%,280px)}}

/* Checked articles share the same reading layout in preview and production. */
.journal-article .article-byline{flex-wrap:wrap;gap:10px 16px;color:var(--mk-muted)}
.journal-article .article-byline>span:last-child{margin-left:0}
.journal-article-image--drawing{aspect-ratio:auto;background:var(--mk-paper)}
.journal-article-image--drawing img{height:auto;max-height:780px;object-fit:contain}
.journal-prose section{scroll-margin-top:112px}
.journal-prose .journal-citation{font-size:.75em;vertical-align:super;text-underline-offset:3px;white-space:nowrap}
.journal-next{display:flex;gap:12px 28px;flex-wrap:wrap;margin:0 0 48px;font-size:16px}
.journal-next a,.journal-sources a{text-underline-offset:4px;text-decoration-thickness:1px}
.journal-sources h2{font-family:inherit;font-size:20px;font-weight:500;letter-spacing:0}
.journal-sources ol{padding-left:22px;font-size:15px;line-height:1.7;overflow-wrap:anywhere}
.journal-sources li{margin-bottom:14px}
.journal-sources li::marker{color:var(--mk-muted)}
.journal-sources span{color:var(--mk-muted)}
.journal-prose .editorial-note{font-size:13px;line-height:1.65;color:var(--mk-muted);margin:24px 0 36px}
.journal-preview{margin:0;font-family:STHeroInter,Inter,system-ui,sans-serif;color:var(--mk-ink);background:var(--mk-paper)}
.journal-preview .journal-article-top{padding-top:48px}
.journal-preview .journal-reading{display:block;max-width:720px}
.journal-preview .journal-reading aside{display:none}
@media(max-width:700px){.journal-article .article-byline{gap:8px 12px}.journal-sources h2{font-size:19px}.journal-article-image--drawing img{max-height:none}}