/* Specification chrome only. Production specimens use global component styles. */
.kit-page{max-width:1200px;margin-inline:auto}.kit-page>h1{max-width:18ch}.kit-index{display:flex;flex-wrap:wrap;gap:var(--space-4);padding-block:var(--space-6);border-block:1px solid var(--color-border)}.kit-spec{padding-block:var(--space-8);border-bottom:1px solid var(--color-border);scroll-margin-top:var(--space-8)}.kit-spec>header>h2{margin-top:0}.kit-example{padding:var(--space-6);border:1px solid var(--color-border);background:var(--color-surface)}.kit-contract{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);font-size:.9rem}.kit-contract>div{border-top:1px solid var(--color-border);padding-top:var(--space-3)}.kit-contract dt{font-weight:700}.kit-contract dd{margin:var(--space-2) 0}.kit-scale{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-block:var(--space-6)}.kit-scale>div{border:1px solid var(--color-border);background:var(--color-surface-muted)}.kit-state{max-width:var(--measure-prose)}.kit-example>.photo-grid{max-width:600px}.kit-page code{font-family:var(--font-mono);overflow-wrap:anywhere}@media(max-width:680px){.kit-contract{grid-template-columns:1fr}.kit-example{padding:var(--space-3)}}

.kit-space-1{padding:var(--space-1)}.kit-space-2{padding:var(--space-2)}.kit-space-3{padding:var(--space-3)}.kit-space-4{padding:var(--space-4)}.kit-space-6{padding:var(--space-6)}.kit-space-8{padding:var(--space-8)}
.kit-color-chips{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:var(--space-3);margin-block:var(--space-6)}.kit-chip{padding:var(--space-4);border:1px solid var(--color-border);border-left-width:18px}.kit-chip span,.kit-chip code{display:block}.kit-chip-surface{border-left-color:var(--color-surface)}.kit-chip-text{border-left-color:var(--color-text)}.kit-chip-brand{border-left-color:var(--color-brand)}.kit-chip-muted{border-left-color:var(--color-muted)}.kit-chip-border{border-left-color:var(--color-border)}.kit-chip-action{border-left-color:var(--color-action)}.kit-chip-signal{border-left-color:var(--color-signal)}.kit-chip-attention{border-left-color:var(--color-attention)}.kit-rules{white-space:pre-wrap;overflow-wrap:anywhere;padding:var(--space-4);background:var(--color-surface-muted);font-size:13px;max-width:100%}

.kit-brand-context{padding:var(--space-6);margin-block:var(--space-4);border:1px solid var(--color-border)}.kit-brand-light{background:#f0f2ef;color:#102b3b}.kit-brand-dark{background:#10232e;color:#edf3f1}.kit-native-icons{display:flex;align-items:flex-start;gap:var(--space-6);flex-wrap:wrap}.kit-native-icon{margin:0;display:flex;flex-direction:column;gap:var(--space-3);align-items:flex-start}.kit-native-icon>.brand-mark{display:block;width:auto;height:auto;max-width:none;flex:none}.kit-native-icon figcaption{font-family:var(--font-mono);font-size:13px;color:inherit}.kit-single-photo{max-width:600px}

.kit-search-state-group{border-left:3px solid var(--color-border);padding:16px 20px;background:var(--color-surface-muted)}