/* Long-form engineering article pages (swiftdata-cloudkit-production.html).
   Extends the legal/support prose scope with the blocks a technical post
   needs: pre/code blocks, lists, tables, callouts, and a collapsible
   script embed. Loaded only by article pages; everything is scoped under
   .home .article so nothing bleeds into privacy/support (the legal.css
   scoping lesson). */

.home .article .legal-lead{max-width:680px}

/* ── Prose blocks legal.css lacks ── */
.home .article ul,
.home .article ol{margin:0 0 14px;padding-left:24px}
.home .article li{font-size:15.5px;line-height:1.65;color:var(--ink-dim);margin:0 0 6px}
.home .article li strong{color:var(--ink);font-weight:600}
.home .article li code,
.home .article td code{font-family:var(--home-font-mono);font-size:13px;background:rgba(30,58,95,.07);padding:1px 6px;border-radius:4px;color:var(--ink)}

.home .article blockquote{margin:0 0 14px;padding:12px 18px;border-left:3px solid var(--home-gold);background:rgba(184,134,11,.06);border-radius:0 8px 8px 0}
.home .article blockquote p{margin:0}

/* ── Code blocks ── */
.home .article pre{font-family:var(--home-font-mono);font-size:12.5px;line-height:1.55;background:#1c2438;color:#e6eaf2;padding:16px 18px;border-radius:10px;overflow-x:auto;margin:0 0 16px;-webkit-text-size-adjust:100%}
.home .article pre code{background:none;padding:0;border-radius:0;color:inherit;font-size:inherit}

/* ── Tables ── */
.home .article .table-scroll{overflow-x:auto;margin:0 0 16px}
.home .article table{border-collapse:collapse;width:100%;font-size:14px;line-height:1.5}
.home .article th{text-align:left;font-weight:600;color:var(--ink);border-bottom:2px solid var(--hairline);padding:8px 12px 8px 0}
.home .article td{color:var(--ink-dim);border-bottom:1px solid var(--hairline);padding:8px 12px 8px 0;vertical-align:top}

/* ── Callouts ── */
.home .article .callout{border:1px solid var(--hairline);border-left:3px solid var(--home-navy);border-radius:0 10px 10px 0;padding:14px 18px;margin:0 0 16px;background:rgba(30,58,95,.04)}
.home .article .callout p{margin:0 0 8px}
.home .article .callout p:last-child{margin:0}

/* ── Collapsible full-script embed ── */
.home .article details{border:1px solid var(--hairline);border-radius:10px;margin:0 0 16px;background:rgba(30,58,95,.03)}
.home .article details summary{cursor:pointer;padding:12px 18px;font-family:var(--home-font-mono);font-size:13px;color:var(--ink);font-weight:600}
.home .article details summary:hover{color:var(--home-gold)}
.home .article details pre{margin:0;border-radius:0 0 10px 10px}