:root {
     --ma-bg: #ffffff;
     --ma-text: #0f172a;
     --ma-muted: #475569;
     --ma-border: #e2e8f0;
     --ma-accent: #2563eb;
     --ma-accent-weak: #e5f2ff;
     --ma-note-bg: #f8fafc;
     --ma-radius: 5px;
     --ma-gap: 1.25rem;
     --ma-gap-lg: 2rem;
     --ma-pad: 1rem;
     --ma-pad-sm: .5rem;
     --sev-low: #22c55e;
     --sev-med: #eab308;
     --sev-high: #f97316;
     --sev-ext: #ef4444;
}

.ma-root table * {
     font-size: 14px;
}

/* Root i typografia */
.ma-root,
.ma-section {
     color: var(--ma-text);
}

.ma-root p {
     margin: .5rem 0 1rem;
}

.ma-root .muted {
     color: var(--ma-muted);
}

/* Nagłówki */
.ma-root h2,
.ma-root h3,
.ma-root h4 {
     margin: var(--ma-gap-lg) 0 var(--ma-gap);
     line-height: 1.2;
     scroll-margin-top: 80px;
}

.ma-root h2 {
     font-size: clamp(1.4rem, 1.1rem + 1vw, 1.9rem);
}

.ma-root h3 {
     font-size: clamp(1.15rem, 1rem + .6vw, 1.4rem);
}

.ma-root h4 {
     font-size: clamp(1rem, .95rem + .4vw, 1.2rem);
}

/* Sekcje */
.ma-section {
     padding: 0 0 var(--ma-gap);
     border-bottom: 2px solid var(--secondary-text-color);
}

/* Listy */
.ma-tldr,
.ma-list {
     list-style: square;
     padding-left: 1.25rem;
     margin: .25rem 0 var(--ma-gap);
}

.ma-tldr li {
     margin: .25rem 0;
}

.ma-list li {
     margin: .35rem 0;
}

.ma-tldr li::marker,
.ma-list li::marker {
     color: var(--secondary-text-color);
}

/* Notki */
.ma-note {
     font-size: 14px;
     background: #ffdacb;
     color: #6c2e15;
     font-weight: bold;
     padding: var(--ma-pad);
     border-radius: var(--ma-radius);
     margin: .75rem 0 var(--ma-gap);
}

/* Tabele */
.ma-table {
     width: 100%;
     margin: var(--ma-gap) 0 var(--ma-gap-lg);
     overflow-x: auto;
     border-radius: var(--ma-radius);
     border: 1px solid var(--ma-border);
     background: var(--ma-bg);
}

.ma-table table {
     width: 100%;
     border-collapse: collapse;
     min-width: 640px;
}

.ma-table thead th {
     position: sticky;
     top: 0;
     background: var(--ma-accent-weak);
     color: var(--ma-text);
     text-align: left;
     font-weight: 600;
     font-size: .95rem;
     border-bottom: 1px solid var(--ma-border);
}

.ma-table th,
.ma-table td {
     padding: .75rem .9rem;
     border-bottom: 1px solid var(--ma-border);
     vertical-align: top;
}

.ma-table tbody tr:nth-child(even) td {
     background: #fcfdfd;
}

/* Severity wierszy */
.sev-low td {
     background: color-mix(in srgb, var(--sev-low) 7%, transparent);
}

.sev-med td {
     background: color-mix(in srgb, var(--sev-med) 7%, transparent);
}

.sev-high td {
     background: color-mix(in srgb, var(--sev-high) 7%, transparent);
}

.sev-extreme td {
     background: color-mix(in srgb, var(--sev-ext) 7%, transparent);
}

/* Legenda tagów */
.ma-legend {
     display: flex;
     flex-wrap: wrap;
     gap: .5rem;
     margin: .5rem 0 var(--ma-gap);
}

.ma-tag {
     display: inline-block;
     font-size: .75rem;
     line-height: 1;
     padding: .35rem .5rem;
     border-radius: 999px;
     font-weight: 600;
     background: var(--ma-note-bg);
     border: 1px solid var(--ma-border);
     color: var(--ma-text);
}

.ma-tag.is-low {
     border-color: transparent;
     background: color-mix(in srgb, var(--sev-low) 50%, var(--ma-border));
}

.ma-tag.is-med {
     border-color: transparent;
     background: color-mix(in srgb, var(--sev-med) 50%, var(--ma-border));
}

.ma-tag.is-high {
     border-color: transparent;
     background: color-mix(in srgb, var(--sev-high) 50%, var(--ma-border));
}

.ma-tag.is-extreme {
     border-color: transparent;
     background: color-mix(in srgb, var(--sev-ext) 50%, var(--ma-border));
}