/* Line 17552: scoped existing commerce, ops, team and citation surfaces on the house tokens. */
.ns-modern-six { box-sizing: border-box; min-width: 0; max-width: 100%; color: var(--ns-text); font-family: var(--ns-font); line-height: 1.6; overflow-wrap: anywhere; }
.ns-modern-six *, .ns-modern-six *::before, .ns-modern-six *::after { box-sizing: border-box; }
section.ns-modern-six { max-width: 1120px; margin-inline: auto; background: var(--ns-card); border: 1px solid var(--ns-border-strong); border-radius: var(--ns-radius); margin-block: 24px; text-align: left; }
.ns-modern-six .card-header { padding: 20px 24px; border-bottom: 1px solid var(--ns-border); background: var(--ns-surface); border-radius: var(--ns-radius) var(--ns-radius) 0 0; }
.ns-modern-six .card-body { padding: 24px; }
.ns-modern-six h2 { color: inherit; font-size: clamp(24px, 3vw, 32px); font-weight: 500; line-height: 1.3; margin: 0 0 16px; }
.ns-modern-six h3 { color: inherit; font-size: 20px; font-weight: 500; line-height: 1.4; }
.ns-modern-six .text-muted, .ns-modern-six small { color: var(--ns-text-2) !important; }
.ns-modern-six a { color: var(--ns-gold-light); text-underline-offset: .2em; }
.ns-modern-six :is(a, button, select, input:not([type="hidden"]), summary) { min-height: 44px; }
.ns-modern-six :is(button, select, input:not([type="hidden"]), summary) { font: inherit; max-width: 100%; }
.ns-modern-six .btn { display: inline-flex; align-items: center; justify-content: center; padding: 8px 16px; border: 1px solid var(--ns-border-strong); border-radius: 8px; background: var(--ns-card); color: var(--ns-text); cursor: pointer; text-decoration: none; white-space: normal; }
.ns-modern-six .btn-primary { background: var(--ns-gold); color: var(--ns-on-accent); border-color: var(--ns-gold); }
.ns-modern-six .form-label { display: block; margin-bottom: 4px; }
.ns-modern-six :is(.form-select, .form-control) { width: 100%; padding: 8px 12px; color: var(--ns-text); background: var(--ns-bg); border: 1px solid var(--ns-border-strong); border-radius: 8px; }
.ns-modern-six article { border: 1px solid var(--ns-border); border-radius: 8px; padding: 16px; margin-block: 16px; }
.ns-modern-six .badge { font-size: 14px; font-weight: 400; color: var(--ns-text-2); background: var(--ns-surface); padding: 4px 8px; border-radius: 4px; }
.ns-modern-six ul { padding: 0; list-style: none; }
.ns-modern-six li { margin-bottom: 16px; }
.ns-modern-six dl.row { display: grid; grid-template-columns: minmax(120px, 1fr) minmax(0, 2fr); gap: 12px 24px; }
.ns-modern-six :is(dt, dd) { width: auto; margin: 0; }
.ns-modern-six nav { display: flex; flex-wrap: wrap; gap: 8px; margin-block: 16px; }
.ns-modern-six code { color: var(--ns-text); white-space: normal; overflow-wrap: anywhere; }
.ns-modern-six summary { display: flex; align-items: center; cursor: pointer; text-decoration: underline; text-underline-offset: .2em; }
.ns-modern-six :is(a, button, select, input, summary):focus-visible { outline: 2px solid var(--ns-gold-light); outline-offset: 3px; }
.ns-modern-six .row { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; }
.ns-modern-six .row > div { flex: 1 1 140px; padding: 0; }
#ns-chat-v2-root .nsv2-citation { display: block; max-width: 100%; padding: 12px; margin-top: 8px; border-top: 1px solid var(--ns-border-strong); color: var(--ns-text-2); background: var(--ns-bg); font: 14px/1.5 var(--ns-font); overflow-wrap: anywhere; }
@media (max-width: 575px) {
    .ns-modern-six .card-body, .ns-modern-six .card-header { padding: 16px; }
    .ns-modern-six dl.row { grid-template-columns: minmax(0, 1fr); gap: 4px; }
    .ns-modern-six dd { margin-bottom: 16px; }
    .ns-modern-six .row > div { flex-basis: 100%; }
}

[data-forefront-commerce-1-shelf].ns-modern-six a { display: inline-flex; align-items: center; padding: 8px 4px; }
.ns-modern-six .small { font-size: 14px; }