.brand-board{max-width:1240px;margin:0 auto;padding:0 24px 48px}.brand-hero{display:grid;grid-template-columns:minmax(0,1fr)auto;align-items: end;gap:12px 28px}.brand-eyebrow{color:var(--accent);font:600 11px/1.4 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;margin:0 0 7px}.brand-generated{grid-column:1/-1}.brand-source-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.brand-source-links a{border:1px solid var(--border);color:var(--text-dim);font:500 11px/1 var(--font-mono);text-decoration:none;border-radius:999px;padding:7px 10px}.brand-source-links a:hover{border-color:var(--accent);color:var(--accent)}.brand-source-links a:focus-visible{border-color:var(--accent);color:var(--accent)}.brand-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:20px 0 24px}.brand-stat{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-height:75px;padding:14px}button.brand-stat,.brand-stat.clickable{display:block;cursor:pointer;text-align:left;font:inherit;color:inherit;width:100%;margin:0}button.brand-stat:hover,.brand-stat.clickable:hover{border-color:var(--accent);outline:none}button.brand-stat:focus-visible{border-color:var(--accent);outline:none}.brand-stat.clickable:focus-visible{border-color:var(--accent);outline:none}.brand-stat strong{display:block;font:600 24px/1 var(--font-mono)}.brand-stat span{display:block;color:var(--text-dim);margin-top:6px;font-size:12px}.brand-stat.attention strong{color:var(--yellow,#e6b84d)}.brand-stat.attention-strong strong{color:var(--red,#f85149)}.brand-view-tabs{display:flex;border:1px solid var(--border);background:var(--surface);border-radius:10px;gap:4px;width:-moz-fit-content;width:fit-content;margin:0 0 18px;padding:4px}.brand-view-tab{color:var(--text-dim);cursor:pointer;font:600 12px/1 var(--font-mono);background:0 0;border:0;border-radius:7px;padding:8px 14px}.brand-view-tab[aria-selected=true]{background:color-mix(in srgb,var(--accent)14%,var(--bg));color:var(--accent)}.brand-view-tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.brand-graph-node:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.brand-select-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.brand-toolbar{display:grid;gap:10px;margin:18px 0}.brand-relationship-toolbar{grid-template-columns:minmax(220px,1fr)repeat(4,minmax(135px,.52fr))}.brand-glossary-toolbar{grid-template-columns:minmax(260px,1fr)190px 220px}.brand-toolbar label{color:var(--text-dim);font:500 11px/1.4 var(--font-mono)}.brand-toolbar :-webkit-any(input,select){border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:7px;width:100%;margin-top:5px;padding:9px 11px}.brand-toolbar :-moz-any(input,select){border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:7px;width:100%;margin-top:5px;padding:9px 11px}.brand-toolbar :is(input,select){border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:7px;width:100%;margin-top:5px;padding:9px 11px}.brand-results{margin:0 0 10px}.brand-alert{border:1px solid color-mix(in srgb,var(--yellow,#e6b84d)55%,var(--border));background:color-mix(in srgb,var(--yellow,#e6b84d)7%,var(--surface));color:var(--yellow,#e6b84d);border-radius:7px;margin:14px 0;padding:11px 13px}.brand-alert.error{border-color:var(--red,#f07178);color:var(--red,#f07178)}.brand-panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin-top:18px;padding:18px}.brand-panel h3{margin:0 0 6px}.brand-section-head{display:flex;justify-content:space-between;align-items: flex-start;gap:16px}.brand-graph{border:1px solid var(--border);overflow:hidden;background:radial-gradient(circle at 20% 10%,color-mix(in srgb,var(--accent)8%,transparent),transparent 34%),var(--bg);border-radius:9px;min-height:218px;margin-top:14px}.brand-graph svg{display:block;width:100%;height:auto;min-height:218px}.brand-graph-edge{stroke:color-mix(in srgb,var(--accent)45%,var(--border));stroke-width:2}.brand-graph-node rect{fill:var(--surface);stroke:var(--border);stroke-width:1.5}.brand-graph-node.is-selected rect,.brand-graph-node:hover rect{stroke:var(--accent)}.brand-graph-node .node-label{fill:var(--text-dim);font:500 10px var(--font-mono);text-transform:uppercase}.brand-graph-node .node-value{fill:var(--text);font:600 12px var(--font-mono)}.brand-graph-node .node-detail{fill:var(--text-dim);font:400 10px var(--font-mono)}.brand-relationship-layout{display:grid;grid-template-columns:minmax(0,1fr)310px;gap:18px}.brand-detail{position:sticky;align-self: start;top:76px}.brand-detail dl{display:grid;grid-template-columns:90px minmax(0,1fr);gap:9px;margin:14px 0 0}.brand-detail dt{color:var(--text-dim);font:500 11px/1.5 var(--font-mono)}.brand-detail dd{overflow-wrap:anywhere;min-width:0;margin:0;font-size:12px}.brand-detail ul{margin:0;padding-left:17px}.brand-table-wrap{overflow:auto}.brand-table{border-collapse:collapse;width:100%;font-size:13px}.brand-table th,.brand-table td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:9px 10px}.brand-table th{color:var(--text-dim);font-weight:500}.brand-table code{white-space:nowrap}.brand-relationship-table tbody tr[aria-selected=true]{background:color-mix(in srgb,var(--accent)7%,transparent)}.brand-select-button{color:var(--accent);cursor:pointer;font:600 12px/1.45 var(--font-mono);text-align:left;background:0 0;border:0;padding:0}.brand-name{color:var(--accent);font-weight:600}.brand-description{color:var(--text-dim);min-width:240px}.brand-pill{display:inline-block;border:1px solid var(--border);font:500 11px/1.5 var(--font-mono);border-radius:999px;padding:2px 7px}.brand-pill.covered,.brand-pill.adopted,.brand-pill.canonical-spine,.brand-pill.verified,.brand-pill.production-approved{color:var(--green,#3dd68c);border-color:color-mix(in srgb,var(--green,#3dd68c)55%,var(--border))}.brand-pill.referenced-unconstructed,.brand-pill.types-only,.brand-pill.local-pattern,.brand-pill.declared-unproven,.brand-pill.observed-undeclared,.brand-pill.optional,.brand-pill.lab-only,.brand-pill.stale{color:var(--yellow,#e6b84d)}.brand-pill.unused,.brand-pill.governed-no-usage,.brand-pill.none{color:var(--text-dim)}.brand-pill.external-or-untracked,.brand-pill.failed,.brand-pill.blocked{color:var(--red,#f07178)}.brand-pill.domain{color:var(--domain-color,var(--accent));border-color:color-mix(in srgb,var(--domain-color,var(--accent))55%,var(--border));background:color-mix(in srgb,var(--domain-color,var(--accent))14%,transparent)}.brand-glossary-link{display:inline-block;font:500 11px/1.4 var(--font-mono);color:var(--accent);text-decoration:none;margin-top:4px;margin-right:6px}.brand-glossary-link:hover{text-decoration:underline}.brand-tier-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}.brand-tier{border:1px solid var(--border);background:var(--bg);border-radius:7px;padding:12px}.brand-tier code{color:var(--accent)}.brand-tier p{color:var(--text-dim);margin:6px 0 0;font-size:12px}.brand-meta{color:var(--text-dim);font-size:12px}.brand-error{border:1px solid var(--red,#f07178);color:var(--red,#f07178);border-radius:7px;padding:12px 14px}.brand-skeleton{position:relative;overflow:hidden}.brand-skeleton:after{position:absolute;content:"";background:linear-gradient(100deg,transparent 20%,color-mix(in srgb,var(--text)7%,transparent)45%,transparent 70%);animation:1.2s infinite brand-shimmer;inset:0;transform:translate(-100%)}@keyframes brand-shimmer{to{transform:translate(100%)}}@media (min-width:780px){.brand-summary{grid-template-columns:repeat(6,1fr)}}@media (max-width:980px){.brand-relationship-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-relationship-toolbar label:first-child{grid-column:1/-1}.brand-relationship-layout{grid-template-columns:1fr}.brand-detail{position:static}}@media (max-width:759px){.brand-board{padding-inline-start:14px;padding-inline-end:14px}.brand-hero,.brand-glossary-toolbar,.brand-relationship-toolbar,.brand-tier-grid{grid-template-columns:1fr}.brand-source-links{justify-content:flex-start}.brand-view-tabs{width:100%}.brand-view-tab{flex:1;padding-inline-start:7px;padding-inline-end:7px}.brand-graph-panel{display:none}.brand-relationship-table{min-width:780px}}@media (prefers-reduced-motion:reduce){.brand-skeleton:after{animation:none}}
