/* Long-form writing, composed with the shared CAJS theme. */
.writing-page-blog:has(.editorial-article) { background: #080a10; }
.writing-page-blog:has(.editorial-article) :is(#stars, .grid, .aurora, .noise, .vignette) { display: none; }
.editorial-article { color: var(--text); }
.editorial-article a { color: inherit; text-decoration: none; }
.editorial-hero { padding: 48px var(--site-gutter) 0; background: radial-gradient(ellipse at 85% 20%,rgba(167,139,250,.10),transparent 42%),linear-gradient(90deg,rgba(167,139,250,.035) 1px,transparent 1px),#080a10; background-size: auto,8% 100%,auto; }
.editorial-topline,.editorial-meta { display: flex; justify-content: space-between; gap: 20px; color: var(--muted); font: .59rem/1.6 var(--mono); letter-spacing: .08em; }
.editorial-topline a { color: var(--teal); }
.editorial-heading { display: grid; grid-template-columns: minmax(0,1.4fr) minmax(210px,.48fr); gap: 8%; align-items: end; padding: clamp(60px,8vw,120px) 0 clamp(50px,6vw,86px); }
.editorial-label { color: var(--amber); font: 700 .62rem/1.5 var(--mono); letter-spacing: .12em; }
.editorial-heading h1 { text-wrap: balance; max-width: 15ch; margin: 25px 0 0; color: var(--text); font: 800 clamp(3rem,6.4vw,6.5rem)/.97 var(--body); letter-spacing: -.065em; }
.editorial-intro { max-width: 40ch; }
.editorial-intro p,.editorial-end p,.editorial-terminal-copy > p:last-child { color: var(--text-soft); font: 1rem/1.75 var(--body); }
.editorial-intro a,.editorial-end-links a { display: inline-block; margin-top: 25px; color: var(--teal); font: 700 .62rem var(--mono); letter-spacing: .08em; }
.editorial-meta { justify-content: flex-start; flex-wrap: wrap; column-gap: 45px; padding: 18px 0; border-top: 1px solid var(--line-strong); }
.editorial-guide { padding: 0 var(--site-gutter) 80px; background: #0b0d15; }
.editorial-article .article-at-a-glance { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 0; border: 0; border-bottom: 1px solid var(--line-strong); border-radius: 0; background: none; box-shadow: none; }
.editorial-article .article-glance-card { min-height: 0; padding: 35px 30px 35px 0; border: 0; border-radius: 0; background: none; }
.editorial-article .article-glance-card + .article-glance-card { padding-left: 30px; border-left: 1px solid var(--line-strong); }
.editorial-article .article-glance-card span,.editorial-article .article-rail-label { color: var(--amber); font: 700 .6rem var(--mono); letter-spacing: .1em; text-transform: uppercase; }
.editorial-article .article-glance-card p { margin: 14px 0 0; color: var(--text-soft); font: .9rem/1.65 var(--body); }
.editorial-article .article-reading-layout { display: grid; grid-template-columns: minmax(180px, .28fr) minmax(0,1fr); gap: clamp(36px,8vw,120px); align-items: start; padding-top: 70px; }
.editorial-article .article-rail { position: sticky; top: 28px; margin: 0; }
.editorial-article .article-rail-card { display: block; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; }
.editorial-article .article-rail-card ol { display: block; margin: 22px 0 0; padding: 0; list-style: none; }
.editorial-article .article-rail-card li { margin: 0; padding: 10px 0; border-bottom: 1px solid var(--line); }
.editorial-article .article-rail-card a { color: var(--muted); font: .7rem/1.6 var(--mono); }
.editorial-article .article-rail-card a:hover { color: var(--teal); }
.editorial-article .article-chapters { overflow: visible; border: 0; border-radius: 0; background: none; box-shadow: none; counter-reset: guide-chapter; }
.editorial-article .article-chapters::before { display: none; }
.editorial-article .article-prologue,.editorial-article .article-chapter { padding: 0 0 48px; margin: 0 0 48px; border: 0; border-bottom: 1px solid var(--line-strong); border-radius: 0; background: none; box-shadow: none; }
.editorial-article .article-chapter::before { position: static; display: block; width: auto; height: auto; margin-bottom: 22px; border: 0; border-radius: 0; background: none; box-shadow: none; color: var(--amber); font: .65rem var(--mono); }
.editorial-article .article-content { max-width: 720px; color: var(--text-soft); }
.editorial-article .article-prologue .article-content > p:first-child { max-width: 52ch; color: var(--text); font-size: clamp(1.12rem,1.8vw,1.4rem); }
.editorial-article .article-chapter .article-content > h2:first-child { text-wrap: balance; max-width: 20ch; color: var(--text); font: 800 clamp(2rem,3.4vw,3.2rem)/1.06 var(--body); letter-spacing: -.055em; }
.editorial-article .article-content h3 { color: var(--text); }
.editorial-terminal,.editorial-end { display: grid; grid-template-columns: 1fr 1fr; gap: 9%; align-items: center; padding: 85px var(--site-gutter); border-top: 1px solid var(--line-strong); }
.editorial-terminal { background: radial-gradient(ellipse at 80% 50%,rgba(167,139,250,.09),transparent 45%),#080a10; }
.editorial-terminal h2,.editorial-end h2 { margin: 25px 0; color: var(--text); font: 800 clamp(2.6rem,4.7vw,5rem)/.98 var(--body); letter-spacing: -.065em; }
.editorial-terminal h2 em,.editorial-end h2 em { color: var(--violet); font-style: normal; }
.editorial-terminal .terminal { width: 100%; min-width: 0; }
.editorial-end { background: #0b0d15; }
.editorial-end h2 { font-size: clamp(2.4rem, 4vw, 4rem); }
.editorial-end-links { display: flex; gap: 28px; flex-wrap: wrap; }
@media (max-width: 800px) {
 .editorial-heading,.editorial-terminal,.editorial-end { grid-template-columns: 1fr; gap: 28px; }
 .editorial-heading { padding: 65px 0; }
 .editorial-article .article-reading-layout { grid-template-columns: 1fr; gap: 42px; padding-top: 45px; }
 .editorial-article .article-rail { position: static; }
 .editorial-article .article-rail-card ol { columns: 2; column-gap: 24px; }
 .editorial-terminal,.editorial-end { padding: 60px var(--site-gutter); }
}
@media (max-width: 600px) {
 .editorial-topline span { display: none; }
 .editorial-heading h1 { text-wrap: balance; font-size: clamp(2.8rem,12vw,4.5rem); overflow-wrap: break-word; }
 .editorial-article .article-at-a-glance { grid-template-columns: 1fr; }
 .editorial-article .article-glance-card,.editorial-article .article-glance-card + .article-glance-card { padding: 22px 0; border-left: 0; border-bottom: 1px solid var(--line); }
 .editorial-article .article-glance-card:last-child { border-bottom: 0; }
 .editorial-article .article-rail-card ol { columns: 1; }
 .editorial-article .article-prologue,.editorial-article .article-chapter { padding-bottom: 35px; margin-bottom: 35px; }
}

/* An invitation to continue the conversation. */
.article-connect { padding: clamp(45px,5vw,72px) var(--site-gutter); border-top: 1px solid var(--line-strong); background: #0b0d15; }
.article-connect-inner { display: grid; grid-template-columns: 1fr minmax(240px,.55fr); gap: 8%; align-items: end; padding: clamp(28px,4vw,52px); border: 1px solid rgba(167,139,250,.22); background: radial-gradient(ellipse at 90% 0%,rgba(167,139,250,.15),transparent 50%),linear-gradient(120deg,rgba(71,240,210,.045),transparent 50%),#10131d; }
.article-connect-heading h2 { margin: 20px 0 14px; color: var(--text); font: 800 clamp(2.3rem,4vw,4rem)/1 var(--body); letter-spacing: -.06em; }
.article-connect-heading h2 span { color: var(--amber); }
.article-connect-heading > p:last-child { max-width: 48ch; margin: 0; color: var(--text-soft); font: 1rem/1.7 var(--body); }
@media (max-width: 700px) { .article-connect-inner { grid-template-columns: 1fr; gap: 28px; } }