/* Use the shared Design Library shell and nsTheme tokens. Preview artwork stays intact. */
.ns-subpage>.page{max-width:1440px;padding:0 24px;margin:auto;color:var(--ns-ink)}
.ns-subpage .hero{border-color:var(--ns-line)}
.ns-subpage .hero>div>p,.ns-subpage .reading-meta{color:var(--ns-sub)}
.ns-subpage .studio-links a{border-color:var(--ns-line);background:var(--ns-card);color:var(--ns-ink);border-radius:6px}
.ns-subpage .studio-links a:first-child{background:var(--ns-ink);color:var(--ns-bg);border-color:var(--ns-ink)}
.ns-subpage .studio-links>span,.ns-subpage .total,.ns-subpage .result-line,.ns-subpage .filters label>span{color:var(--ns-sub)}
.ns-subpage .total b,.ns-subpage .section-head h2{color:var(--ns-ink)}
.ns-subpage .filters input,.ns-subpage .filters select{color:var(--ns-ink);background:var(--ns-card);border-color:var(--ns-line)}
.ns-subpage .filters input::placeholder{color:var(--ns-sub);opacity:1}
.ns-subpage .tile-text{padding:16px}
.ns-subpage .tile-text>p,.ns-subpage .tile-kicker,.ns-subpage .tile-foot{color:var(--ns-sub)}
.ns-subpage .tile-foot{border-color:var(--ns-line)}
.ns-subpage .tile-foot a,.ns-subpage .tile h3 a:hover{color:var(--ns-accent)}
.ns-subpage .preview{border:0;border-bottom:1px solid var(--ns-line);background:var(--ns-soft)}
.ns-subpage .tile-badge{background:var(--ns-card);color:var(--ns-ink);border-color:var(--ns-line)}
.ns-subpage .editorial-note,.ns-subpage .empty{background:var(--ns-soft);color:var(--ns-ink);border:1px solid var(--ns-line);border-radius:10px}
.ns-subpage .editorial-note p,.ns-subpage footer{color:var(--ns-sub)}
.ns-subpage .editorial-note h2,.ns-subpage footer b{color:var(--ns-ink)}
.ns-subpage .editorial-note a{color:var(--ns-accent);border-color:var(--ns-line)}
.ns-subpage .editorial-note .eyebrow{color:var(--ns-accent)}
.ns-subpage footer,.ns-subpage .section-head,.ns-subpage .filters{border-color:var(--ns-line)}
.ns-subpage .brand-studio-nav{margin:12px 0 18px;max-width:none}
.ns-subpage .intro.hero{padding:20px 0 30px!important;border:0}
.ns-subpage .brand-palette-bar{margin-bottom:20px}
.ns-subpage .brand-palette-bar>small{font-size:10px;color:var(--ns-sub)}
.ns-subpage .brand-palette-bar>button{margin-left:0}
.ns-subpage .brand-palette-bar>button:nth-of-type(2){margin-left:auto}
.ns-subpage .collection{padding-top:0}
@media(max-width:680px){.ns-subpage>.page{padding:0 16px}.ns-subpage .tile-text{padding:12px}.ns-subpage .filters .search{min-width:0}.ns-subpage .filters .select{min-width:0}.ns-subpage .brand-palette-bar>small{flex-basis:100%;order:4}}
