/* Guide pages built from the content pipeline (includes/pages/article.php). */
.article-section{padding-top:48px}
.article-section .content-layout>*{min-width:0}
.article h1{font-size:clamp(32px,4vw,46px);line-height:1.1;letter-spacing:-.05em;color:var(--ink);margin:0 0 20px}
.article .lead{font-size:18px;line-height:1.7;color:var(--ink);background:#edf5ff;border-left:4px solid var(--blue);border-radius:0 14px 14px 0;padding:18px 22px;margin:0 0 18px}
.article p > em:only-child{font-style:normal;font-size:13px;color:#748392}
.article .toc{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 22px;margin:26px 0 8px;font-size:15px}
.article .toc ul{margin:10px 0 0;padding-left:20px}
.article .toc li{margin:5px 0}
.article .toc a{text-decoration:none}
.article .toc a:hover{text-decoration:underline}
.article h2[id],.article h3[id]{scroll-margin-top:96px}
.article .table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:18px 0 24px;border:1px solid var(--line);border-radius:14px;background:#fff}
.article table{border-collapse:collapse;width:100%;min-width:520px;font-size:14px;line-height:1.55}
.article th,.article td{padding:10px 12px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.article th{background:#f4f8fb;color:var(--ink);font-weight:600}
.article tr:last-child td{border-bottom:0}
.article blockquote{margin:20px 0;padding:14px 20px;border-left:4px solid var(--teal);background:#fff;border-radius:0 12px 12px 0}
.side-card .side-note{font-size:13px;margin:16px 0 0}
.side-card .side-note a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
@media(max-width:650px){.article-section{padding-top:30px}.article .lead{font-size:16px;padding:14px 16px}.article table{min-width:460px}}