/* Shared article styles for FIN-TECHAI blog posts. */
body{background:var(--bg-base)}
/* article.wrap, not .wrap: page.css loads after this and its .wrap is the 1200px
   container. The extra element selector keeps the reading column at 1000px without
   touching the shared footer, which should use the wider container. */
article.wrap{max-width:1000px;margin:0 auto;padding:0 var(--gutter)}
.prose{max-width:68ch}
a{color:var(--accent-text);text-decoration:none}
a:hover{color:var(--link-hover)}
h1{font-size:clamp(28px,3.6vw,42px);line-height:1.08;text-transform:uppercase;margin:0 0 20px}
h2{font-size:20px;line-height:1.25;text-transform:uppercase;margin:38px 0 14px;color:var(--text-strong)}
h3{font-size:16.5px;line-height:1.35;margin:26px 0 10px;color:var(--text-strong)}
p,li{font-size:16.5px;line-height:1.75;color:var(--text-body)}
p{margin:0 0 18px}
ul,ol{margin:0 0 18px;padding-left:20px;display:flex;flex-direction:column;gap:9px}
strong{color:var(--text-strong)}
.lede{font-size:18px;color:var(--text-strong)}
.kick{font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}
.meta{font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);display:flex;gap:16px;flex-wrap:wrap}
.tag{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-weight:500;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-text);background:var(--accent-wash);border:1px solid var(--border-accent);border-radius:var(--radius-pill);padding:4px 10px}
blockquote{margin:26px 0;padding:18px 22px;border-left:3px solid var(--accent);background:linear-gradient(90deg,rgba(59,158,255,.07),transparent 70%)}
blockquote p{margin:0;font-family:var(--font-mono);font-size:15px;line-height:1.7;color:var(--link-hover)}
pre{margin:0 0 18px;padding:18px 20px;background:var(--surface-inset);border:1px solid var(--border-hairline);border-radius:var(--radius-sm);overflow-x:auto}
code{font-family:var(--font-mono);font-size:13.5px;line-height:1.7;color:var(--text-strong)}
table{width:100%;border-collapse:collapse;margin:0 0 18px}
th,td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--border-hairline);font-size:15px;line-height:1.6;vertical-align:top}
th{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-weight:400}
td{color:var(--text-body)}
.takeaway{background:var(--surface-card);border:1px solid var(--border-accent);border-radius:var(--radius-lg);padding:22px 24px;margin:0 0 34px}
.takeaway ul{margin:0;gap:8px}
.takeaway li{font-size:15.5px;line-height:1.65}
.faq{margin-top:38px}
.faq h3{margin:22px 0 8px}
.toc-inline{background:var(--surface-inset);border:1px solid var(--border-hairline);border-radius:var(--radius-sm);padding:18px 22px;margin:0 0 32px}
.toc-inline ol{margin:0;gap:7px}
.toc-inline li{font-size:15px}
.next{margin-top:52px;padding-top:26px;border-top:1px solid var(--border-hairline)}
.next h2{margin-top:0}
.next-links{display:flex;flex-direction:column;gap:10px;padding:0;margin:0 0 26px;list-style:none}
.next-links a{font-size:16px}
.post-nav{display:flex;flex-wrap:wrap;gap:20px 30px;align-items:center;font-family:var(--font-mono);font-size:13px;letter-spacing:.06em;text-transform:uppercase}
@media (max-width:760px){.wrap{padding:0 20px}p,li{font-size:16px}th,td{padding:9px 8px;font-size:14px}}