md-tabs {
    display: block;
    margin: 1.5rem 0;
    border: 1px solid var(--border, #89939b);
    border-radius: 0.6rem;
    overflow: hidden;
}
.md-tab-list {
    display: flex;
    overflow-x: auto;
    gap: 0.25rem;
    padding: 0.4rem 0.4rem 0;
    background: var(--bg-alt, #e9eee8);
    border-bottom: 1px solid var(--border, #89939b);
}
.md-tab-list [role="tab"] {
    font: inherit;
    color: var(--ink, #20252a);
    background: transparent;
    border: 0;
    border-bottom: 3px solid transparent;
    padding: 0.65rem 1rem;
    cursor: pointer;
    white-space: nowrap;
}
.md-tab-list [aria-selected="true"] {
    border-bottom-color: var(--accent, #285878);
    background: var(--panel, #fff);
    font-weight: 700;
}
.md-tab-list button:focus-visible, md-tab:focus-visible {
    outline: 2px solid var(--accent, #285878);
    outline-offset: -3px;
}
md-tab { display: block; padding: 1rem; }
md-tab[hidden] { display: none !important; }
md-tab > :first-child { margin-top: 0; }
md-tab > :last-child { margin-bottom: 0; }
md-tabs:not([data-initialized]) > md-tab::before {
    content: attr(label);
    display: block;
    font-weight: bold;
}
@media print {
    .md-tab-list { display: none; }
    md-tab[hidden] { display: block !important; }
    md-tab::before { content: attr(label); display: block; font-weight: bold; }
}
