/* Knowledge Center articles (tools/nsbuild/articles.py). Loaded only on article, category and hub pages.
   Uses the design-system tokens from ns.css; no new colours. */
.ns-art-hero h1{max-width:22ch}
.ns-art-top{display:grid;gap:var(--space-4);max-width:var(--measure);margin-bottom:var(--space-5)}
.ns-art-top .ns-answer{max-width:none}
.ns-short-answer .ns-sa-q{margin:0}
.ns-art-figure{margin:0}
.ns-art-figure img{width:100%;height:auto;border-radius:var(--radius-lg);display:block}
.ns-prose img{max-width:100%;height:auto;border-radius:var(--radius-md)}
.ns-prose blockquote.ns-quote-block{margin:0 0 var(--space-4);padding:var(--space-3) var(--space-4);border-left:4px solid var(--setu-indigo);background:var(--surface-sunken);border-radius:0 var(--radius-md) var(--radius-md) 0}
.ns-prose blockquote.ns-quote-block p:last-child{margin-bottom:0}
.ns-prose pre{overflow-x:auto;background:var(--surface-sunken);padding:var(--space-4);border-radius:var(--radius-md);font-size:15px}
.ns-prose pre code{background:none;padding:0}
.ns-prose .ns-box{margin:var(--space-5) 0}
.ns-prose .ns-box p:last-child,.ns-prose .ns-box ul:last-child,.ns-prose .ns-box ol:last-child{margin-bottom:0}
.ns-table-wrap{overflow-x:auto;margin:0 0 var(--space-5);-webkit-overflow-scrolling:touch}
.ns-table-wrap table{border-collapse:collapse;width:100%;min-width:480px;font-size:16px}
.ns-table-wrap th,.ns-table-wrap td{border:1px solid var(--line);padding:var(--space-2) var(--space-3);text-align:left;vertical-align:top}
.ns-table-wrap th{background:var(--surface-sunken);font-weight:600}
.ns-art-inline{margin:var(--space-6) 0;max-width:var(--measure);background:var(--indigo-soft);border-color:transparent}
.ns-art-inline p{color:var(--ink)}
.ns-art-help{margin-top:var(--space-7);padding:var(--space-5);border:1.5px solid var(--setu-indigo);border-radius:var(--radius-lg);background:var(--surface-raised)}
.ns-art-help h2{margin-top:0!important}
.ns-cta-more{display:flex;flex-wrap:wrap;gap:var(--space-4);margin:var(--space-3) 0 0;font-size:16px}
.ns-cta-more a{display:inline-flex;align-items:center;gap:6px;color:var(--setu-indigo);font-weight:600;min-height:var(--tap-min)}
.ns-cta-more .ns-ico{width:18px;height:18px}
.ns-art-sources h2.label{font-size:inherit;line-height:inherit;margin:0 0 var(--space-3)!important}
.ns-art-sources ol{padding-left:20px}
.ns-art-sources li{margin-bottom:var(--space-3);overflow-wrap:anywhere}
.ns-art-author{margin-top:var(--space-5)}
.ns-art-author-top{display:flex;gap:var(--space-4);align-items:center}
.ns-art-author-top img{border-radius:50%;flex:0 0 auto}
.ns-art-author-top span{display:block;color:var(--ink-muted);font-size:15px;line-height:21px}
.ns-share{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-4);margin-top:var(--space-5);font-size:16px}
.ns-share a,.ns-share-copy{color:var(--setu-indigo);font-weight:600;min-height:var(--tap-min);display:inline-flex;align-items:center}
.ns-share-copy{background:none;border:0;padding:0;font:inherit;font-weight:600;cursor:pointer}
.ns-pn{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-top:var(--space-6)}
.ns-pn a{display:block;padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-md);text-decoration:none;color:var(--ink);font-weight:600;line-height:1.35}
.ns-pn a:hover{border-color:var(--setu-indigo)}
.ns-pn small{display:block;font-weight:400;color:var(--ink-muted);margin-bottom:4px}
.ns-pn-next{text-align:right}
.ns-art-card{text-decoration:none}
.ns-art-card .ns-chip{align-self:flex-start}
.ns-art-card .ns-card-link{margin-top:auto}
.ns-art-card h3{font-size:19px;line-height:25px;margin:0}
.ns-art-card:hover{border-color:var(--setu-indigo)}
.ns-art-explore{padding-top:var(--space-5);display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}
.ns-art-list{list-style:none;padding:0;margin:var(--space-3) 0 0}
.ns-art-list li{margin-bottom:var(--space-3);line-height:1.4}
.ns-art-list a{color:var(--setu-indigo)}
.ns-select{appearance:auto}
.ns-preview-bar{position:sticky;top:0;z-index:60;background:#B45309;color:#fff;text-align:center;padding:8px 16px;font-size:15px}
.ns-art-banner{margin:var(--space-4) 0 0}
.ns-link-wa{display:inline-flex;align-items:center;gap:6px;color:var(--setu-indigo);font-weight:600;min-height:var(--tap-min)}
.ns-link-wa .ns-ico{width:18px;height:18px}
.ns-kc-latest h3{font-size:20px;line-height:26px}
@media (max-width:860px){
  .ns-art-explore{grid-template-columns:1fr;gap:var(--space-4)}
}
@media (max-width:560px){
  .ns-pn{grid-template-columns:1fr}
  .ns-pn-next{text-align:left}
  .ns-art-help{padding:var(--space-4)}
}