.ras__scroll {
overflow-x: auto;
margin-block: var(--s-4);
scrollbar-width: thin;
}
.ras__scroll:focus-visible {
outline: 2px solid var(--accent);
outline-offset: 3px;
}
.ras__tbl {
width: 100%;
border-collapse: collapse;
font-family: var(--font-mono);
font-size: var(--t-mono, 13px);
font-variant-numeric: tabular-nums;
text-transform: none;
}
.ras__tbl caption {
text-align: left;
color: var(--on-surface-muted);
padding-block-end: var(--s-2);
}
.ras__tbl th,
.ras__tbl td {
text-align: left;
padding: var(--s-1) var(--s-2);
border-bottom: 1px solid var(--line);
white-space: nowrap;
vertical-align: baseline;
}
.ras__tbl thead th {
border-bottom-width: 2px;
color: var(--on-surface-muted);
font-weight: 400;
}
.ras__tbl td:first-child { color: var(--on-surface); }
.ras__tbl td { color: var(--on-surface-muted); }
.ras__code { font-variant-numeric: tabular-nums; }
.ras__code--off { color: var(--accent-text); }
.ras__tbl .ras__wrap { white-space: normal; min-width: 18ch; }
.ras__kicker { margin-block-end: var(--s-3); }
.ras__band {
display: flex;
flex-wrap: wrap;
gap: var(--s-3) var(--s-6);
margin-block: var(--s-4);
padding-block: var(--s-3);
font-family: var(--font-mono);
font-size: var(--t-mono, 13px);
}
.ras__band > div { display: flex; flex-direction: column; gap: 2px; }
.ras__band dt, .ras__band .ras__k {
color: var(--on-surface-faint);
text-transform: uppercase;
letter-spacing: .04em;
}
.ras__band dd, .ras__band .ras__v {
margin: 0;
color: var(--on-surface);
font-variant-numeric: tabular-nums;
}
.ras__data {
margin-block: var(--s-6);
padding: var(--s-4);
background: var(--surface-raised);
border: 1px solid var(--line);
}
.ras__data a { font-family: var(--font-mono); }
@media (max-width: 640px) {
.ras__tbl { font-size: 12px; }
.ras__tbl th, .ras__tbl td { padding: var(--s-1); }
}
@media print {
.ras__scroll { overflow: visible; }
.ras__tbl { font-size: 9pt; }
.ras__tbl th, .ras__tbl td { border-bottom: 1px solid #000 !important; }
.ras__data { border: 1px solid #000 !important; background: none !important; }
}