.a-made { padding: 8px 12px; border: 1px dashed var(--made); border-radius: 10px; color: var(--ink); font-size: var(--t-s); font-weight: 650; }
.a-tabs { display: flex; flex-wrap: wrap; gap: 6px; }
.a-tab { min-height: 44px; padding: 0 16px; border: 1px solid var(--control); border-radius: 999px; background: var(--surface); color: var(--ink); font: inherit; font-size: .9375rem; font-weight: 650; cursor: pointer; }
.a-tab[aria-current="true"] { border-color: var(--ink); background: var(--ink); color: var(--on-ink); }
.a-class { display: grid; gap: 6px; }
.a-classbtn { display: grid; gap: 2px; min-height: 44px; padding: 8px 12px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); color: var(--ink); font: inherit; text-align: left; cursor: pointer; }
.a-classbtn[aria-current="true"] { border-color: var(--ink); background: var(--paper-2); }
.a-classbtn span { color: var(--ink-2); font-size: var(--t-s); }
.a-seg { display: inline-flex; gap: 4px; }
.a-seg button { min-width: 56px; min-height: 44px; border: 1px solid var(--control); border-radius: 9px; background: var(--surface); color: var(--ink); font: inherit; font-size: .9375rem; cursor: pointer; }
.a-seg button[aria-pressed="true"] { border-color: var(--ink); background: var(--sun); font-weight: 750; }
.a-seg button[aria-pressed="true"].is-abs { background: var(--ink); color: var(--on-ink); }
.a-abs { font-weight: 800; }
.a-msg { display: grid; gap: 6px; padding: 12px; border: 1px dashed var(--control); border-radius: 12px; background: var(--paper); font-size: .9375rem; line-height: 1.55; }
.a-low td { font-weight: 750; }
@media (max-width: 480px) { .a-seg button { min-width: 48px; } }