/* Long-form reading within Carta's existing 22 / 15 / 13 px scale. */
.article-back{display:inline-flex;align-items:center;gap:9px;min-height:44px;font-size:var(--letter-detail);color:var(--ns-text-secondary)}
.article-back:hover{color:var(--ns-ink);text-decoration:underline;text-underline-offset:5px}
.article-top-links{display:flex;justify-content:space-between;gap:20px;margin-top:-13px;margin-bottom:30px}
.article-category{display:flex;align-items:center;gap:10px;color:var(--ns-text-secondary);font-size:var(--letter-detail);margin-bottom:16px}
.article-header h1{font-size:var(--letter-intro);line-height:1.5;letter-spacing:-.48px;max-width:510px;text-wrap:pretty}
.article-deck{font-size:var(--letter-reading);line-height:1.8;color:var(--ns-text-secondary);margin-top:18px;text-wrap:pretty}
.article-author{display:inline-flex;align-items:center;gap:12px;font-size:var(--letter-detail);line-height:1.6;margin-top:26px;min-height:44px}
.article-author img{width:36px;height:36px;object-fit:cover;border-radius:50%}
.article-author>span>span{display:block;color:var(--ns-text-secondary)}
.article-author:hover>span{text-decoration:underline;text-underline-offset:4px}
.article-category{flex-wrap:wrap}
.article-toc{margin:32px 0;border-block:1px solid var(--ns-line);padding:22px 0;font-size:var(--letter-detail);line-height:1.75}
.article-toc>p{color:var(--ns-text-secondary);margin-bottom:10px}
.article-toc ol{padding-left:20px;display:grid;gap:8px}
.article-toc a{text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--ns-line-strong)}
.article-body ul{padding-left:23px;margin:20px 0}
.article-body strong{font-weight:500;color:var(--ns-ink)}
.article-body .icon{display:inline-block;vertical-align:middle;width:15px;height:15px}
.article-table{overflow-x:auto;margin:22px 0;border-block:1px solid var(--ns-line)}
.article-table table{width:100%;border-collapse:collapse;font-size:var(--letter-detail);line-height:1.7}
.article-table caption{text-align:left;color:var(--ns-text-secondary);padding:14px 0}
.article-table th,.article-table td{text-align:left;vertical-align:top;padding:12px 12px 12px 0;border-top:1px solid var(--ns-line);min-width:95px}
.article-table th{font-weight:500;color:var(--ns-ink)}
.article-table td{color:var(--ns-text-secondary)}
.article-download,.article-contact{padding:23px 0;border-top:1px solid var(--ns-line)}
.article-cover{margin:35px 0 40px}
.article-cover>img{width:100%;height:auto;border-radius:5px}
.article-cover figcaption{font-size:var(--letter-detail);line-height:1.65;color:var(--ns-text-secondary);margin-top:12px}
.article-body{font-size:var(--letter-reading);line-height:1.85;overflow-wrap:break-word}
.article-body p+p{margin-top:20px}
.article-body section{margin-top:38px}
.article-body h2{font-size:var(--letter-reading);line-height:1.65;margin-bottom:14px;scroll-margin-top:30px}
.article-body section>p,.article-body>p{color:var(--ns-text-secondary)}
.article-body a{color:var(--ns-ink);text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:var(--ns-line-strong);text-underline-offset:4px}
.article-body a:hover{text-decoration-color:currentColor}
.article-body blockquote{margin:36px 0;padding:3px 0 3px 24px;border-left:1px solid var(--ns-line-strong)}
.article-body blockquote p{font-size:var(--letter-intro);line-height:1.5;letter-spacing:-.4px;text-wrap:pretty}
.article-body ol{padding-left:23px;margin:20px 0;color:var(--ns-ink)}
.article-body li{padding-left:7px}
.article-body li+li{margin-top:12px}
.article-body li::marker{font-size:var(--letter-detail);color:var(--ns-text-secondary)}
.article-share{border-top:1px solid var(--ns-line);padding-top:24px;margin-top:40px;scroll-margin-top:45px}
.article-share h2{font-size:var(--letter-reading);line-height:1.65;margin-bottom:15px}
.article-share-actions{display:flex;gap:8px;flex-wrap:wrap}
.article-share-actions button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:0 13px;border:1px solid var(--ns-line);border-radius:6px;background:transparent;color:var(--ns-ink);font-size:var(--letter-detail);line-height:1.5}
.article-share-actions button:hover{background:var(--ns-surface-subtle);border-color:var(--ns-line-strong)}
.article-share-actions button[hidden]{display:none}
.article-share-preview,.article-share-status{font-size:var(--letter-detail);line-height:1.7;color:var(--ns-text-secondary)}
.article-share-preview{margin-top:15px}
.article-share-status{min-height:22px;margin-top:9px}
.article-share-fallback{margin-top:10px}
.article-share-fallback label{display:block;font-size:var(--letter-detail);margin-bottom:7px;color:var(--ns-text-secondary)}
.article-share-fallback input{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--ns-line-strong);border-radius:5px;background:var(--ns-canvas);color:var(--ns-ink);font-size:var(--letter-detail)}
.article-end{padding-top:0;margin:20px 0 48px}
.article-end>p{font-size:var(--letter-detail);color:var(--ns-text-secondary);line-height:1.75}
.article-end>.article-back{margin-top:13px}
@media(max-width:520px){
  .article-top-links{margin-bottom:23px}
  .article-category{gap:8px;margin-bottom:14px}
  .article-header h1{letter-spacing:-.4px}
  .article-author{margin-top:23px}
  .article-cover{margin:28px 0 32px}
  .article-body section{margin-top:32px}
  .article-body blockquote{padding-left:20px;margin:30px 0}
  .article-end{margin-bottom:32px}
}