/* Project hub components. Colours, type and spacing come from tokens.css only. */

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:var(--space-3) var(--space-6);border:var(--rule) solid var(--ink);border-radius:var(--radius-sm);text-decoration:none;transition:background-color .15s ease,color .15s ease}
.btn-primary{background:var(--ink);color:var(--ink-inverse)}
.btn-primary:hover{background:var(--card);color:var(--ink)}
.btn-secondary{background:transparent;color:var(--ink)}
.btn-secondary:hover{background:var(--ink);color:var(--ink-inverse)}

/* Focus and skip link */
:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
.skip-link{position:absolute;left:var(--space-4);top:-100px;z-index:10;padding:var(--space-2) var(--space-4);background:var(--ink);color:var(--ink-inverse);border-radius:var(--radius-sm)}
.skip-link:focus{top:var(--space-4)}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Labels and eyebrows */
.eyebrow{color:var(--ink-muted);margin-bottom:var(--space-3)}

/* Specimen details borrowed from each brand */
.vy-cursor{color:var(--vy-raised)}
.lockup{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--mo-ink)}
.lockup img{width:28px;height:28px;flex:none}

/* Fact list inside a company card */
.facts{display:grid;gap:var(--space-4);margin:var(--space-6) 0}
.facts div{display:grid;gap:var(--space-1);padding-top:var(--space-3);border-top:var(--rule) solid currentColor}

/* Table that scrolls inside its own region on phones */
.table-scroll{overflow-x:auto;margin-top:var(--space-8);border:var(--rule) solid var(--line);border-radius:var(--radius-md);background:var(--card)}
.truth{width:100%;min-width:720px;border-collapse:collapse;text-align:left}
.truth caption{padding:var(--space-4) var(--space-6);text-align:left;color:var(--ink-muted);border-bottom:var(--rule) solid var(--line)}
.truth th,.truth td{padding:var(--space-4) var(--space-6);vertical-align:top;border-bottom:var(--rule) solid var(--line)}
.truth thead th{color:var(--ink-muted);background:var(--sunken)}
.truth tbody th{font-weight:600;width:26%}
.truth tbody td:nth-child(2){width:30%;color:var(--ink-muted)}
.truth tbody td:last-child{color:var(--flag)}
.truth tbody tr:last-child th,.truth tbody tr:last-child td{border-bottom:0}