/* KISCO v2 — article page styles (loads after kisco-v2.css) */
.article { padding: clamp(130px, 18vh, 180px) 0 clamp(48px, 8vh, 80px); }
.article .wrap { max-width: 860px; }
.back { display: inline-flex; align-items: center; gap: 8px; text-decoration: none; color: var(--ink-soft); font-family: var(--font-mono); font-size: 0.74rem; letter-spacing: 0.12em; text-transform: uppercase; margin-bottom: 26px; transition: color 0.25s; }
.back:hover { color: var(--ink); }
.article h1 { font-size: clamp(2rem, 4.6vw, 3.4rem); line-height: 1.06; letter-spacing: -0.03em; margin: 14px 0 18px; text-wrap: balance; }
.ameta { font-family: var(--font-mono); font-size: 0.72rem; color: var(--ink-faint); display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 30px; }
.ameta .dot { width: 4px; height: 4px; border-radius: 50%; background: var(--electric); }
.art-hero { height: clamp(180px, 30vw, 300px); border-radius: 20px; border: 1px solid var(--line); display: grid; place-items: center; margin-bottom: clamp(30px, 5vh, 48px); }
.art-hero .mk { width: 72px; height: 72px; opacity: 0.9; }
.article-body { font-size: 1.05rem; line-height: 1.85; color: var(--ink-soft); }
.article-body p { margin-bottom: 1.2em; }
.article-body strong { color: var(--ink); }
.article-body h3 { color: var(--ink); font-size: 1.35rem; margin: 1.8em 0 0.6em; letter-spacing: -0.02em; }
.article-body blockquote { border-left: 3px solid var(--gold); margin: 1.6em 0; padding: 10px 0 10px 22px; font-family: var(--font-display); font-size: 1.25rem; line-height: 1.5; color: var(--ink); letter-spacing: -0.01em; }
.article-body ul, .article-body ol { padding-left: 22px; margin-bottom: 1.2em; display: grid; gap: 8px; }

/* keep-reading strip */
.cta-strip { display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; padding: clamp(36px, 6vh, 60px) 0; }
.section-edge-top { border-top: 1px solid var(--line); }
.cta-strip h2 { margin-top: 10px; max-width: 30ch; }