.spec{background:var(--bg-page)}.spec{padding:18px 20px;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:var(--grid-size) var(--grid-size)}.spec .row{display:flex;gap:12px;align-items:stretch}.spec .col{gap:8px}.spec .col,.spec .stack{display:flex;flex-direction:column}.spec .stack{gap:12px}.spec .grow{flex:1 1}.spec .tag-eyebrow{font-family:var(--font-mono);font-size:9px;letter-spacing:.18em;color:var(--fg-subtle);text-transform:uppercase}.spec .swatch{flex:1 1;border-radius:var(--radius-md);padding:12px;display:flex;flex-direction:column;justify-content:space-between;min-height:100px;border:1px solid transparent}.spec .swatch .name{font-family:var(--font-display);font-weight:600;font-size:13px;letter-spacing:.04em}.spec .swatch .hex{font-family:var(--font-mono);font-size:11px;opacity:.85}.spec .swatch .en{font-family:var(--font-label);font-size:10px;letter-spacing:.12em;text-transform:uppercase;opacity:.7}.spec .surface{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:16px}.spec--brand-logo{padding:20px;background:#fff;background-image:none}.spec--brand-logo .row{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:16px;gap:16px;align-items:stretch}.spec--brand-logo .cell{border:1px solid var(--border-default);border-radius:12px;padding:18px 14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#fff;min-height:200px}.spec--brand-logo .cell.dark{background:var(--metrika-midnight);border-color:transparent}.spec--brand-logo .lbl{font-family:var(--font-mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-subtle)}.spec--brand-logo .cell.dark .lbl{color:var(--metrika-sky)}.spec--brand-logo .mark{width:130px;display:flex;flex-direction:column;align-items:center;gap:12px}.spec--brand-logo .mark .frame{position:relative;width:110px;height:110px;border:2px solid var(--metrika-cobalt);border-radius:10px;display:flex;align-items:center;justify-content:center}.spec--brand-logo .mark .frame:before{content:"";position:absolute;inset:-8px;border:1px solid var(--metrika-mist);border-radius:14px}.spec--brand-logo .mark .th,.spec--brand-logo .mark .tv{position:absolute;background:var(--metrika-sapphire)}.spec--brand-logo .mark .th{width:1px;height:9px;top:-8px}.spec--brand-logo .mark .tv{width:9px;height:1px;left:-8px}.spec--brand-logo .mark .glyph{font-family:Outfit,sans-serif;font-weight:700;font-size:78px;color:var(--metrika-midnight);line-height:1;position:relative}.spec--brand-logo .mark .glyph:after{content:"";position:absolute;bottom:8px;right:-10px;width:9px;height:9px;border-radius:50%;background:var(--metrika-sapphire)}.spec--brand-logo .mark .wordmark{font-family:Outfit,sans-serif;font-weight:700;font-size:13px;letter-spacing:.22em;color:var(--metrika-midnight)}.spec--brand-logo .horiz{display:flex;align-items:center;gap:14px}.spec--brand-logo .horiz .glyph{font-family:Outfit,sans-serif;font-weight:700;font-size:48px;line-height:1;color:var(--metrika-midnight);position:relative}.spec--brand-logo .horiz .glyph:after{content:"";position:absolute;bottom:4px;right:-10px;width:7px;height:7px;border-radius:50%;background:var(--metrika-sapphire)}.spec--brand-logo .horiz .wordmark{font-family:Outfit,sans-serif;font-weight:700;font-size:20px;letter-spacing:.18em;color:var(--metrika-midnight);padding-left:12px}.spec--brand-logo .icon-tile{width:72px;height:72px;border:1.6px solid var(--metrika-sapphire);border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--metrika-midnight);position:relative}.spec--brand-logo .icon-tile .glyph{font-family:Outfit,sans-serif;font-weight:700;font-size:42px;color:#fff;line-height:1;position:relative}.spec--brand-logo .icon-tile .glyph:after{content:"";position:absolute;bottom:5px;right:-7px;width:6px;height:6px;border-radius:50%;background:var(--metrika-sapphire)}.spec--brand-wordmark{padding:26px 20px;background:#fff;background-image:none;display:flex;flex-direction:column;gap:14px;align-items:center}.spec--brand-wordmark .wm{font-family:Outfit,sans-serif;font-weight:700;font-size:56px;letter-spacing:.22em;color:var(--metrika-midnight)}.spec--brand-wordmark .rule{width:60%;height:2px;background:linear-gradient(90deg,transparent,var(--metrika-cobalt),transparent)}.spec--brand-wordmark .tag{font-family:Jura,sans-serif;font-weight:300;font-size:12px;letter-spacing:.22em;color:var(--metrika-cobalt);text-transform:uppercase}.spec--brand-wordmark .spec{font-family:var(--font-mono);font-size:9px;color:var(--fg-subtle);letter-spacing:.16em;text-transform:uppercase}.spec--brand-icons{padding:18px 20px;background:#fff;background-image:none}.spec--brand-icons .grid{display:grid;grid-template-columns:repeat(8,1fr);grid-gap:10px;gap:10px}.spec--brand-icons .ic{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;border:1px solid var(--border-default);border-radius:8px;background:#fff}.spec--brand-icons .ic svg{width:22px;height:22px;stroke:var(--metrika-cobalt);stroke-width:1.5}.spec--brand-icons .ic span{font-family:var(--font-mono);font-size:9px;color:var(--fg-subtle);letter-spacing:.04em;text-align:center}.spec--brand-motifs{padding:20px}.spec--brand-motifs .row{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:12px;gap:12px}.spec--brand-motifs .motif{border-radius:10px;padding:16px 10px 12px;display:flex;flex-direction:column;align-items:center;gap:10px;overflow:hidden;position:relative;min-height:140px;justify-content:space-between}.spec--brand-motifs .grid{background:var(--metrika-cobalt)}.spec--brand-motifs .dots{background:var(--metrika-sapphire)}.spec--brand-motifs .lines{background:var(--metrika-midnight)}.spec--brand-motifs .label{font-family:var(--font-label);font-size:11px;color:rgba(255,255,255,.9);letter-spacing:.18em;text-transform:uppercase}.spec--brand-motifs .grid-pat{width:100%;height:80px;background-image:linear-gradient(rgba(255,255,255,.35) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.35) 1px,transparent 0);background-size:12px 12px}.spec--brand-motifs .dot-pat{width:100%;height:80px;background-image:radial-gradient(rgba(255,255,255,.65) 1.3px,transparent 1.5px);background-size:10px 10px}.spec--brand-motifs .line-pat{width:100%;height:80px;background:repeating-linear-gradient(45deg,rgba(255,255,255,.25),rgba(255,255,255,.25) 1px,transparent 0,transparent 8px)}.spec--brand-coordinate{padding:18px 20px;background:var(--bg-page);display:flex;gap:20px;align-items:center}.spec--brand-coordinate .col{display:flex;flex-direction:column;gap:4px}.spec--brand-coordinate .lbl{font-family:var(--font-mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-subtle)}.spec--brand-coordinate .title{font-family:var(--font-display);font-weight:700;font-size:18px;color:var(--metrika-midnight)}.spec--brand-coordinate .meta{font-family:var(--font-mono);font-size:11px;color:var(--metrika-cobalt)}.spec--brand-coordinate .slogan{background:var(--metrika-midnight);color:#fff;padding:14px 16px;border-radius:10px;flex:1 1;text-align:center}.spec--brand-coordinate .slogan-main{font-family:var(--font-label);font-size:13px;letter-spacing:.16em;text-transform:uppercase;display:block;margin-bottom:4px}.spec--brand-coordinate .slogan-sub{font-family:var(--font-mono);font-size:10px;color:var(--metrika-sky);letter-spacing:.12em}.spec--colors-primary{padding:16px}.spec--colors-primary .row{gap:8px}.spec--colors-primary .sw{flex:1 1;min-height:120px;padding:10px;border-radius:8px;display:flex;flex-direction:column;justify-content:space-between}.spec--colors-primary .sw .name{font-family:var(--font-display);font-weight:600;font-size:13px}.spec--colors-primary .sw .ru{font-family:var(--font-label);font-size:9px;letter-spacing:.14em;text-transform:uppercase;opacity:.85}.spec--colors-primary .sw .hex{font-family:var(--font-mono);font-size:10px;opacity:.85}.spec--colors-neutrals{padding:16px}.spec--colors-neutrals .row{gap:8px}.spec--colors-neutrals .sw{flex:1 1;min-height:120px;padding:10px;border-radius:8px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--border-default)}.spec--colors-neutrals .sw .name{font-family:var(--font-display);font-weight:600;font-size:13px}.spec--colors-neutrals .sw .ru{font-family:var(--font-label);font-size:9px;letter-spacing:.14em;text-transform:uppercase;opacity:.85}.spec--colors-neutrals .sw .hex{font-family:var(--font-mono);font-size:10px;opacity:.85}.spec--colors-semantic{padding:16px}.spec--colors-semantic .row{gap:8px}.spec--colors-semantic .item{flex:1 1;min-height:120px;padding:12px;border-radius:8px;background:#fff;border:1px solid var(--border-default);display:flex;flex-direction:column;gap:8px}.spec--colors-semantic .dot{width:18px;height:18px;border-radius:4px}.spec--colors-semantic .lbl{font-family:var(--font-label);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-muted)}.spec--colors-semantic .name{font-family:var(--font-display);font-weight:600;font-size:13px;color:var(--fg-strong)}.spec--colors-semantic .hex{font-family:var(--font-mono);font-size:10px;color:var(--fg-subtle);margin-top:auto}.spec--colors-semantic .badge{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:999px;font-family:var(--font-label);font-size:10px;letter-spacing:.1em;text-transform:uppercase}.spec--colors-dominance{padding:16px;gap:14px;display:flex;flex-direction:column}.spec--colors-dominance .grad{height:28px;border-radius:4px;background:linear-gradient(90deg,#0B1F3A,#1A4A8A 30%,#2E7DD4 55%,#56A0E8 75%,#B8D4F0 90%,#F0F5FB)}.spec--colors-dominance .gradlbls{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:9px;letter-spacing:.12em;color:var(--fg-subtle)}.spec--colors-dominance .dom-label{font-family:var(--font-mono);font-size:9px;color:var(--fg-subtle);letter-spacing:.16em;text-transform:uppercase}.spec--colors-dominance .dom-bar{display:flex;height:26px;border-radius:4px;overflow:hidden;gap:2px}.spec--colors-dominance .seg{display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:10px}.spec--type-display{padding:18px 20px;background:#fff;background-image:none;gap:10px;display:flex;flex-direction:column}.spec--type-display .row{display:grid;grid-template-columns:80px 1fr;grid-gap:16px;gap:16px;align-items:baseline;padding:6px 0;border-bottom:1px solid var(--border-default)}.spec--type-display .row:last-child{border-bottom:0}.spec--type-display .tag{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-subtle)}.spec--type-display em{font-style:normal;color:var(--metrika-cobalt)}.spec--type-body{padding:18px 20px;background:#fff;background-image:none;gap:12px;display:flex;flex-direction:column}.spec--type-body .row{display:grid;grid-template-columns:90px 1fr;grid-gap:16px;gap:16px;align-items:baseline;padding:6px 0;border-bottom:1px solid var(--border-default)}.spec--type-body .row:last-child{border-bottom:0}.spec--type-body .tag{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-subtle)}.spec--type-families{padding:16px;gap:10px;display:flex;flex-direction:column}.spec--type-families .fam{display:grid;grid-template-columns:200px 1fr 100px;grid-gap:16px;gap:16px;align-items:center;padding:10px 12px;background:#fff;border:1px solid var(--border-default);border-radius:8px}.spec--type-families .meta{font-family:var(--font-display);font-weight:600;font-size:13px;color:var(--fg-strong)}.spec--type-families .meta .role{display:block;font-family:var(--font-mono);font-size:9px;color:var(--fg-subtle);letter-spacing:.14em;text-transform:uppercase;margin-top:2px;font-weight:400}.spec--type-families .sample-outfit{font-family:Outfit,sans-serif;font-weight:700;font-size:24px;color:var(--fg-strong)}.spec--type-families .sample-jura{font-family:Jura,sans-serif;font-weight:400;font-size:16px;color:var(--metrika-cobalt);letter-spacing:.14em;text-transform:uppercase}.spec--type-families .sample-mono{font-family:JetBrains Mono,monospace;font-weight:700;font-size:22px;color:var(--metrika-sapphire)}.spec--type-families .weights{font-family:var(--font-mono);font-size:10px;color:var(--fg-subtle);text-align:right}.spec--type-metric{padding:20px}.spec--type-metric .row{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:12px;gap:12px}.spec--type-metric .tile{background:#fff;border:1px solid var(--border-default);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:4px}.spec--type-metric .big{font-family:var(--font-mono);font-weight:700;font-size:44px;line-height:1;color:var(--metrika-sapphire);letter-spacing:-.01em}.spec--type-metric .unit{font-size:22px;color:var(--metrika-cobalt);margin-left:4px}.spec--type-metric .lbl{font-family:var(--font-label);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--metrika-cobalt);margin-top:6px}.spec--type-metric .delta{font-family:var(--font-mono);font-size:11px;color:#2E9D6B;letter-spacing:.04em}.spec--spacing-scale{padding:20px}.spec--spacing-scale .grid{display:grid;grid-template-columns:repeat(11,1fr);grid-gap:8px;gap:8px;align-items:end}.spec--spacing-scale .item{display:flex;flex-direction:column;align-items:center;gap:6px}.spec--spacing-scale .bar{width:100%;background:var(--metrika-sapphire);border-radius:2px}.spec--spacing-scale .v{font-family:var(--font-mono);font-size:10px;color:var(--fg-strong)}.spec--spacing-scale .tok{font-family:var(--font-mono);font-size:9px;color:var(--fg-subtle);letter-spacing:.08em}.spec--spacing-grid{padding:0;background:#F0F5FB;min-height:200px;background-image:linear-gradient(#D0E3F5 1px,transparent 0),linear-gradient(90deg,#D0E3F5 1px,transparent 0);background-size:40px 40px;position:relative}.spec--spacing-grid .annot{position:absolute;font-family:var(--font-mono);font-size:10px;color:var(--metrika-cobalt);letter-spacing:.12em;text-transform:uppercase}.spec--spacing-grid .a1{top:12px;left:16px}.spec--spacing-grid .a2{bottom:12px;right:16px;color:var(--fg-subtle)}.spec--spacing-grid .tick{position:absolute;background:var(--metrika-sapphire)}.spec--spacing-grid .th{width:1px;height:14px;top:0}.spec--spacing-grid .tv{width:14px;height:1px;left:0}.spec--spacing-grid .card{position:absolute;top:60px;left:80px;width:280px;padding:16px;background:rgba(255,255,255,.85);border:1px solid #d0e3f5;border-radius:12px}.spec--spacing-grid .card-tag{font-family:var(--font-mono);font-size:9px;color:var(--fg-subtle);letter-spacing:.16em;text-transform:uppercase;margin-bottom:6px;padding-bottom:6px;border-bottom:1px solid #d0e3f5}.spec--spacing-grid .card-title{font-family:var(--font-display);font-weight:700;font-size:16px;color:var(--metrika-midnight)}.spec--spacing-grid .card-body{font-family:var(--font-body);font-size:12px;color:var(--metrika-graphite);line-height:1.55;margin-top:6px}.spec--spacing-grid .dim{position:absolute;top:60px;right:60px;width:200px;font-family:var(--font-mono);font-size:10px;color:var(--metrika-cobalt)}.spec--spacing-grid .dim .line{display:flex;align-items:center;gap:6px}.spec--spacing-grid .dim .arrow{flex:1 1;height:1px;background:var(--metrika-cobalt);position:relative}.spec--spacing-grid .dim .arrow:after,.spec--spacing-grid .dim .arrow:before{content:"";position:absolute;top:-3px;width:0;height:0;border-top:3px solid transparent;border-bottom:3px solid transparent}.spec--spacing-grid .dim .arrow:before{left:0;border-right:5px solid var(--metrika-cobalt)}.spec--spacing-grid .dim .arrow:after{right:0;border-left:5px solid var(--metrika-cobalt)}.spec--spacing-radii{padding:20px}.spec--spacing-radii .row{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:12px;gap:12px}.spec--spacing-radii .item{display:flex;flex-direction:column;align-items:center;gap:8px}.spec--spacing-radii .box{width:84px;height:84px;background:var(--metrika-mist);border:1.5px solid var(--metrika-cobalt)}.spec--spacing-radii .v{font-family:var(--font-mono);font-size:11px;color:var(--fg-strong)}.spec--spacing-radii .tok{font-family:var(--font-mono);font-size:9px;color:var(--fg-subtle);letter-spacing:.06em}.spec--spacing-shadows{padding:28px 20px 24px;background:var(--bg-page)}.spec--spacing-shadows .row{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:18px;gap:18px}.spec--spacing-shadows .item{display:flex;flex-direction:column;align-items:center;gap:10px}.spec--spacing-shadows .box{width:100%;height:80px;background:#fff;border-radius:10px}.spec--spacing-shadows .xs{box-shadow:0 1px 2px rgba(11,31,58,.06)}.spec--spacing-shadows .sm{box-shadow:0 2px 6px rgba(11,31,58,.08)}.spec--spacing-shadows .md{box-shadow:0 6px 18px rgba(11,31,58,.1)}.spec--spacing-shadows .lg{box-shadow:0 18px 40px rgba(11,31,58,.14)}.spec--spacing-shadows .v{font-family:var(--font-mono);font-size:11px;color:var(--fg-strong)}.spec--spacing-shadows .tok{font-family:var(--font-mono);font-size:9px;color:var(--fg-subtle);letter-spacing:.08em}.spec--components-buttons{padding:20px;gap:14px;display:flex;flex-direction:column}.spec--components-buttons .row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.spec--components-buttons .lbl{font-family:var(--font-mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-subtle);width:90px;flex-shrink:0}.spec--components-buttons .btn{font-family:var(--font-display);font-weight:500;font-size:14px;padding:10px 18px;border-radius:8px;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .14s cubic-bezier(.22,.61,.36,1)}.spec--components-buttons .btn-primary{background:var(--metrika-cobalt);color:#fff}.spec--components-buttons .btn-primary:hover{background:var(--metrika-sapphire)}.spec--components-buttons .btn-primary.is-press{background:var(--metrika-midnight);transform:scale(.985)}.spec--components-buttons .btn-secondary{background:#fff;color:var(--metrika-cobalt);border:1px solid var(--metrika-cobalt)}.spec--components-buttons .btn-ghost{background:transparent;color:var(--metrika-cobalt);padding:10px 14px}.spec--components-buttons .btn-ghost:hover{background:var(--metrika-mist)}.spec--components-buttons .btn-dark{background:var(--metrika-midnight);color:#fff}.spec--components-buttons .btn-sm{font-size:13px;padding:7px 12px;border-radius:6px}.spec--components-buttons .btn-icon{width:36px;height:36px;padding:0;justify-content:center;border-radius:8px;background:#fff;color:var(--metrika-cobalt);border:1px solid var(--border-default)}.spec--components-buttons .arrow{display:inline-block;transform:translateY(-1px)}.spec--components-inputs{padding:18px 20px;gap:14px;display:flex;flex-direction:column;background:#fff;background-image:none}.spec--components-inputs .grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:14px;gap:14px;align-items:start}.spec--components-inputs .field{display:flex;flex-direction:column;gap:5px}.spec--components-inputs label{font-family:var(--font-label);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--metrika-cobalt)}.spec--components-inputs .input{background:#fff;border:1px solid var(--border-default);border-radius:6px;padding:9px 12px;font-family:var(--font-body);font-size:14px;color:var(--fg-strong);width:100%;box-sizing:border-box;height:38px}.spec--components-inputs .input.is-focus{outline:2px solid var(--metrika-sky);outline-offset:1px;border-color:var(--metrika-sapphire)}.spec--components-inputs .input.is-error{border-color:#C8443B}.spec--components-inputs .help{font-family:var(--font-mono);font-size:10px;color:var(--fg-subtle);letter-spacing:.04em}.spec--components-inputs .help.err{color:#C8443B}.spec--components-inputs .select-wrap{position:relative}.spec--components-inputs .select-wrap:after{content:"▾";position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--metrika-cobalt);pointer-events:none;font-size:11px}.spec--components-inputs .check-row{display:flex;align-items:center;gap:8px;height:38px}.spec--components-inputs .check{width:18px;height:18px;border:1.5px solid var(--metrika-cobalt);border-radius:4px;display:inline-flex;align-items:center;justify-content:center;background:var(--metrika-cobalt);color:#fff;font-size:12px}.spec--components-inputs .check-label{font-family:var(--font-body);font-size:13.5px;color:var(--fg-strong);white-space:nowrap}.spec--components-cards{padding:18px 16px}.spec--components-cards .row{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:12px;gap:12px}.spec--components-cards .card{background:rgba(255,255,255,.85);border:1px solid var(--border-default);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:6px;min-height:170px}.spec--components-cards .eyebrow{font-family:var(--font-mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-subtle);padding-bottom:6px;border-bottom:1px solid var(--border-default);margin-bottom:4px}.spec--components-cards .title{font-family:var(--font-display);font-weight:700;font-size:16px;color:var(--metrika-midnight)}.spec--components-cards .meta{font-family:var(--font-body);font-size:12px;color:var(--metrika-graphite);line-height:1.5}.spec--components-cards .num{font-family:var(--font-mono);font-weight:700;font-size:28px;color:var(--metrika-sapphire);margin-top:auto}.spec--components-cards .card-dark{background:var(--metrika-midnight);border:none;color:#fff}.spec--components-cards .card-dark .eyebrow{color:var(--metrika-sky);border-bottom-color:rgba(255,255,255,.12)}.spec--components-cards .card-dark .title{color:#fff}.spec--components-cards .card-dark .meta{color:rgba(255,255,255,.7)}.spec--components-cards .card-dark .num{color:var(--metrika-sky)}.spec--components-cards .card-accent{border:2px solid var(--metrika-cobalt);background:#fff}.spec--components-tags{padding:20px;gap:14px;display:flex;flex-direction:column}.spec--components-tags .row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.spec--components-tags .lbl{font-family:var(--font-mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-subtle);width:90px;flex-shrink:0}.spec--components-tags .tag-mono{display:inline-block;background:var(--metrika-arctic);border:1px solid var(--metrika-mist);border-radius:4px;padding:3px 8px;font-family:var(--font-mono);font-size:11px;color:var(--metrika-cobalt);letter-spacing:.06em}.spec--components-tags .pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:4px 12px;font-family:var(--font-label);font-size:11px;letter-spacing:.1em;text-transform:uppercase}.spec--components-tags .pill .dot{width:6px;height:6px;border-radius:50%}.spec--components-tags .pill-ok{background:#E6F4ED;color:#1F6B47}.spec--components-tags .pill-warn{background:#FBF1DC;color:#8A6418}.spec--components-tags .pill-err{background:#F8DDDB;color:#82261F}.spec--components-tags .pill-info{background:#E1ECF8;color:#1A4A8A}.spec--components-tags .pill-muted{background:var(--metrika-arctic);color:var(--metrika-cobalt);border:1px solid var(--metrika-mist)}.spec--components-tags .chip{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--border-default);border-radius:6px;padding:5px 10px;font-family:var(--font-body);font-size:13px;color:var(--fg-strong)}.spec--components-tags .chip.is-on{background:var(--metrika-cobalt);color:#fff;border-color:var(--metrika-cobalt)}