/* ==========================================================================
   TSC Design System v2 · área p5
   Propietario: EVO006-P5 · Blog (Components/Pages/Blog/**)
   Reglas: solo var(--tsc-*), sin hex ni !important; selectores con prefijo
   de página (p. ej. .pg-admin-portfolios ...) para no colisionar.
   Lint: python -E -P tools/visual-qa/lint_styles.py --area p5 --baseline tools/visual-qa/lint-baseline.json

   Plantilla editorial .tsc-article: se aplica en el MudContainer raíz de cada
   artículo/listado (Class="page-wrapper tsc-article"). Todo lo de abajo cuelga
   de .tsc-article para no colisionar con otras áreas.
   La sección «UTILIDADES GENERADAS» (final del fichero) la produce el script
   de migración a partir de los antiguos atributos Style="…" (una clase por
   declaración, nombre tsa-<propiedad>-<valor>).
   ========================================================================== */

/* ---------- Contenedor y medida de lectura ---------- */
.tsc-article.page-wrapper {
    padding-top: var(--tsc-sp-5);
    padding-bottom: var(--tsc-sp-7);
    font-family: var(--tsc-font-sans);
    color: var(--tsc-text-1);
}
.tsc-article .mud-typography-body1,
.tsc-article .mud-typography-body2 {
    line-height: 1.7;
    max-width: 72ch;
}
.tsc-article .mud-typography-body1 { font-size: var(--tsc-fs-16); }
.tsc-article .mud-typography-body2 { font-size: var(--tsc-fs-14); }
.tsc-article .text-justify { text-align: justify; hyphens: auto; }
.tsc-article .fw-bold { font-weight: 700; }
.tsc-article .fst-italic { font-style: italic; }
.tsc-article .chip-wrap { display: flex; flex-wrap: wrap; gap: var(--tsc-sp-2); }
.tsc-article .chip-wrap .mud-chip { margin-top: var(--tsc-sp-1); }
.tsc-article .table-wrap { overflow-x: auto; }
.tsc-article .mud-typography-caption { font-size: var(--tsc-fs-12); color: var(--tsc-text-3); }

/* ---------- Colores de texto heredados de las antiguas utilidades ---------- */
.tsc-article .text-white { color: var(--tsc-text-1); }
.tsc-article .text-white-70 { color: var(--tsc-text-2); }
.tsc-article .text-amber, .tsc-article .text-warning { color: var(--tsc-warning); }
.tsc-article .text-cyan { color: var(--tsc-primary); }
.tsc-article .text-green { color: var(--tsc-success); }
.tsc-article .text-red, .tsc-article .text-error { color: var(--tsc-error); }

/* ---------- Cabecera (hero) ---------- */
.tsc-article .hero {
    position: relative;
    overflow: hidden;
    border-radius: var(--tsc-r-lg);
    border: 1px solid var(--tsc-border);
    background: var(--tsc-grad-hero);
    color: var(--tsc-text-1);
}
.tsc-article .hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--tsc-grad-glow);
    pointer-events: none;
}
.tsc-article .hero::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3px;
    background: var(--tsc-grad-brand);
}
.tsc-article .hero > * { position: relative; }
.tsc-article .hero-gradient-inflation,
.tsc-article .hero-gradient-regime {
    background: linear-gradient(135deg, color-mix(in srgb, var(--tsc-error) 26%, var(--tsc-bg-1)) 0%, var(--tsc-bg-1) 100%);
}
.tsc-article .hero-gradient-fed,
.tsc-article .hero-gradient-fed2 {
    background: linear-gradient(135deg, color-mix(in srgb, var(--tsc-info) 24%, var(--tsc-bg-1)) 0%, var(--tsc-bg-1) 100%);
}
.tsc-article .hero-gradient-cta { background: var(--tsc-grad-hero); }
.tsc-article .hero-title { font-weight: 600; line-height: var(--tsc-lh-title); letter-spacing: -0.01em; }
.tsc-article .hero-subtitle { max-width: 72ch; font-weight: 400; color: var(--tsc-text-2); }
.tsc-article .section-title { font-weight: 600; line-height: 1.3; }

/* ---------- Secciones y títulos con línea de marca ---------- */
.tsc-article .section-card {
    background: var(--tsc-bg-1);
    border: 1px solid var(--tsc-border);
    border-radius: var(--tsc-r-lg);
    box-shadow: var(--tsc-shadow-1);
    color: var(--tsc-text-1);
}
.tsc-article .gradient-soft-dark,
.tsc-article .gradient-dark {
    background: linear-gradient(135deg, var(--tsc-bg-1) 0%, var(--tsc-bg-2) 100%);
}
.tsc-article .gradient-soft-info {
    background: linear-gradient(135deg, color-mix(in srgb, var(--tsc-info) 12%, var(--tsc-bg-1)) 0%, color-mix(in srgb, var(--tsc-primary) 14%, var(--tsc-bg-1)) 100%);
}
.tsc-article .gradient-green {
    background: linear-gradient(135deg, color-mix(in srgb, var(--tsc-success) 22%, var(--tsc-bg-1)) 0%, var(--tsc-bg-1) 100%);
    border-color: color-mix(in srgb, var(--tsc-success) 40%, transparent);
}
.tsc-article .gradient-red,
.tsc-article .gradient-geo,
.tsc-article .gradient-inst,
.tsc-article .gradient-judicial,
.tsc-article .gradient-conclusion {
    background: linear-gradient(135deg, color-mix(in srgb, var(--tsc-error) 18%, var(--tsc-bg-1)) 0%, var(--tsc-bg-1) 100%);
    border-color: color-mix(in srgb, var(--tsc-error) 40%, transparent);
}
.tsc-article .gradient-eco {
    background: linear-gradient(135deg, color-mix(in srgb, var(--tsc-warning) 16%, var(--tsc-bg-1)) 0%, var(--tsc-bg-1) 100%);
    border-color: color-mix(in srgb, var(--tsc-warning) 36%, transparent);
}
.tsc-article .section-card .mud-typography-h5,
.tsc-article .section-card .mud-typography-h4,
.tsc-article .section-card .mud-typography-h6 { line-height: var(--tsc-lh-title); }
.tsc-article .section-card .mud-typography-h5::after {
    content: "";
    display: block;
    width: 72px;
    height: 2px;
    margin-top: var(--tsc-sp-2);
    border-radius: var(--tsc-r-pill);
    background: var(--tsc-grad-brand);
}
.tsc-article .subsection-band {
    background: var(--tsc-bg-2);
    border: 1px solid var(--tsc-border);
    border-left: 3px solid var(--tsc-primary);
    border-radius: var(--tsc-r-md);
}
.tsc-article .subsection-band .mud-typography { line-height: 1.3; }
.tsc-article .card-mini { border-radius: var(--tsc-r-md); }

/* ---------- Citas ---------- */
.tsc-article blockquote,
.tsc-article .quote-block {
    margin: var(--tsc-sp-4) 0;
    padding: var(--tsc-sp-3) var(--tsc-sp-4);
    border-left: 3px solid var(--tsc-primary);
    background: var(--tsc-primary-soft);
    border-radius: var(--tsc-r-md);
    color: var(--tsc-text-2);
}

/* ---------- Llamadas / avisos (info, warn, danger) ---------- */
.tsc-article .callout {
    background: var(--tsc-bg-2);
    border: 1px solid var(--tsc-border);
    border-radius: var(--tsc-r-md);
}
.tsc-article .callout-info, .tsc-article .callout-primary, .tsc-article .tsc-article__callout--info { box-shadow: inset 3px 0 0 var(--tsc-info); }
.tsc-article .callout-secondary { box-shadow: inset 3px 0 0 var(--tsc-violet); }
.tsc-article .callout-success { box-shadow: inset 3px 0 0 var(--tsc-success); }
.tsc-article .callout-warning, .tsc-article .tsc-article__callout--warn { box-shadow: inset 3px 0 0 var(--tsc-warning); }
.tsc-article .callout-danger { box-shadow: inset 3px 0 0 var(--tsc-error); }
.tsc-article .callout-hero,
.tsc-article .callout-hero-gold,
.tsc-article .keypoint-band,
.tsc-article .info-block,
.tsc-article .definition-band,
.tsc-article .references-band {
    background: linear-gradient(135deg, color-mix(in srgb, var(--tsc-info) 14%, var(--tsc-bg-1)) 0%, var(--tsc-bg-1) 100%);
    border: 1px solid color-mix(in srgb, var(--tsc-info) 40%, transparent);
    border-radius: var(--tsc-r-md);
    box-shadow: var(--tsc-shadow-1);
    color: var(--tsc-text-1);
}
.tsc-article .callout-hero-gold {
    background: linear-gradient(135deg, color-mix(in srgb, var(--tsc-warning) 14%, var(--tsc-bg-1)) 0%, var(--tsc-bg-1) 100%);
    border-color: color-mix(in srgb, var(--tsc-warning) 45%, transparent);
}
.tsc-article .definition-band { border-color: color-mix(in srgb, var(--tsc-primary) 45%, transparent); }
.tsc-article .callout-hero a,
.tsc-article .keypoint-band a,
.tsc-article .info-block a,
.tsc-article .references-band a { color: var(--tsc-primary); text-decoration: underline; text-underline-offset: 3px; }
.tsc-article .callout-hero-gold a { color: var(--tsc-warning); }
.tsc-article .callout-hero .mud-typography,
.tsc-article .callout-hero-gold .mud-typography { text-transform: none; }
.tsc-article .callout-title {
    font-size: var(--tsc-fs-12);
    font-weight: 600;
    letter-spacing: var(--tsc-eyebrow-tracking);
    text-transform: uppercase;
    color: var(--tsc-text-3);
}
.tsc-article .info-block, .tsc-article .keypoint-card, .tsc-article .judicial-pressure-card {
    transition: transform var(--tsc-dur-base) var(--tsc-ease), box-shadow var(--tsc-dur-base) var(--tsc-ease);
}
.tsc-article .keypoint-card, .tsc-article .judicial-pressure-card {
    background: linear-gradient(135deg, var(--tsc-bg-1) 0%, var(--tsc-bg-2) 100%);
    border: 1px solid var(--tsc-border);
}
.tsc-article .info-block:hover,
.tsc-article .keypoint-card:hover,
.tsc-article .judicial-pressure-card:hover {
    transform: translateY(-3px);
    box-shadow: var(--tsc-shadow-2);
}
.tsc-article .judicial-pressure-card:hover { box-shadow: 0 12px 24px color-mix(in srgb, var(--tsc-error) 30%, transparent); }

/* ---------- Tablas (.tsc-table sobre MudSimpleTable / MudTable) ---------- */
.tsc-article .mud-simple-table,
.tsc-article .mud-table {
    background: transparent;
    border: 1px solid var(--tsc-border);
    border-radius: var(--tsc-r-md);
    font-variant-numeric: tabular-nums;
}
.tsc-article .mud-simple-table th,
.tsc-article .mud-table .mud-table-head .mud-table-cell {
    background: var(--tsc-bg-2);
    color: var(--tsc-text-2);
    font-size: var(--tsc-fs-12);
    font-weight: 600;
    letter-spacing: var(--tsc-eyebrow-tracking);
    text-transform: uppercase;
    border-color: var(--tsc-border);
}
.tsc-article .mud-simple-table td,
.tsc-article .mud-table .mud-table-body .mud-table-cell {
    color: var(--tsc-text-1);
    font-size: var(--tsc-fs-14);
    border-color: var(--tsc-border);
}
.tsc-article .mud-simple-table tbody tr:hover,
.tsc-article .mud-simple-table tr:hover td { background: var(--tsc-bg-3); }
.tsc-article .matrix-table th, .tsc-article .matrix-table td { color: var(--tsc-text-1); }
.tsc-article .mini-table { border-radius: var(--tsc-r-md); overflow: hidden; background: var(--tsc-bg-2); }
.tsc-article .mini-table .mud-table-root,
.tsc-article .mini-table .mud-table,
.tsc-article .mini-table .mud-table-container { width: auto; display: inline-block; white-space: nowrap; }
.tsc-article .ratios-table, .tsc-article .top-rina-table { min-width: 980px; }
.tsc-article .recovery-table { min-width: 680px; }
.tsc-article .recovery-sidebar {
    background: var(--tsc-bg-2);
    border: 1px solid var(--tsc-border);
    border-radius: var(--tsc-r-lg);
}

/* ---------- Figuras, imágenes y zoom ---------- */
.tsc-article .mud-image, .tsc-article img { border-radius: var(--tsc-r-sm); }
.tsc-article figcaption {
    margin-top: var(--tsc-sp-2);
    font-size: var(--tsc-fs-12);
    color: var(--tsc-text-3);
    text-align: center;
}
.tsc-article .zoomable-image { cursor: zoom-in; }
.image-zoom-overlay {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    background: color-mix(in srgb, var(--tsc-bg-0) 92%, transparent);
    cursor: pointer;
}
.image-zoom-container,
.image-zoom-content { position: relative; max-width: 90vw; max-height: 90vh; cursor: auto; }
.image-zoom-img { max-width: 90vw; max-height: 90vh; object-fit: contain; }
.image-zoom-close {
    position: absolute;
    top: var(--tsc-sp-2);
    right: var(--tsc-sp-2);
    background: var(--tsc-bg-2);
}

/* ---------- Código, fórmulas y laboratorio RINA ---------- */
.tsc-article code, .tsc-article kbd, .tsc-article .rina-eq-formula, .tsc-article .rina-step-t {
    font-family: var(--tsc-font-mono);
    font-size: .95em;
}
.tsc-article .rina-eq-formula { letter-spacing: .2px; white-space: normal; word-break: break-word; }
.tsc-article .rina-card {
    border-radius: var(--tsc-r-lg);
    padding: var(--tsc-sp-4);
    background: var(--tsc-bg-2);
    border: 1px solid var(--tsc-border);
}
.tsc-article .rina-card-accent { border-left: 3px solid var(--tsc-info); }
.tsc-article .rina-eq {
    border-radius: var(--tsc-r-md);
    padding: var(--tsc-sp-3) var(--tsc-sp-4);
    background: var(--tsc-bg-0);
    border: 1px dashed var(--tsc-border-strong);
}
.tsc-article .rina-eq-label { font-size: var(--tsc-fs-13); color: var(--tsc-text-2); margin-bottom: 6px; }
.tsc-article .rina-lab {
    border-radius: var(--tsc-r-lg);
    padding: var(--tsc-sp-4);
    background: var(--tsc-grad-glow), linear-gradient(135deg, var(--tsc-bg-1) 0%, var(--tsc-bg-0) 100%);
    border: 1px solid var(--tsc-border);
    box-shadow: var(--tsc-shadow-1);
}
.tsc-article .rina-note {
    border-radius: var(--tsc-r-lg);
    padding: var(--tsc-sp-3) var(--tsc-sp-4);
    background: linear-gradient(90deg, var(--tsc-warning-soft) 0%, var(--tsc-bg-2) 70%);
    border: 1px solid color-mix(in srgb, var(--tsc-warning) 30%, transparent);
}
.tsc-article .rina-step {
    display: flex;
    gap: var(--tsc-sp-3);
    align-items: baseline;
    padding: 10px var(--tsc-sp-3);
    margin-top: var(--tsc-sp-2);
    border-radius: var(--tsc-r-md);
    background: var(--tsc-bg-2);
    border: 1px solid var(--tsc-border);
}
.tsc-article .rina-step-n {
    min-width: 58px;
    font-size: var(--tsc-fs-12);
    font-weight: 700;
    letter-spacing: var(--tsc-eyebrow-tracking);
    text-transform: uppercase;
    color: var(--tsc-primary);
}

/* ---------- Píldoras, navegación de serie, gráficos, CTA ---------- */
.tsc-article .pill { height: 100%; }
.tsc-article .pill-grid { display: grid; gap: var(--tsc-sp-3); grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); align-items: stretch; }
.tsc-article .pill-icon { flex-shrink: 0; }
.tsc-article .pill-text { max-width: 22ch; line-height: 1.35; }
.tsc-article .series-nav-flex { display: flex; flex-wrap: wrap; gap: 6px 14px; align-items: flex-start; }
.tsc-article .series-nav-item { flex: 1 1 0; min-width: 160px; }
.tsc-article .chart-placeholder {
    min-height: 220px;
    padding: var(--tsc-sp-3);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: var(--tsc-r-lg);
}
.tsc-article .cta-band { border-radius: var(--tsc-r-lg); }
.tsc-article .cta-panel {
    border-radius: var(--tsc-r-lg);
    background: linear-gradient(135deg, var(--tsc-bg-1) 0%, var(--tsc-bg-2) 100%);
    border: 1px solid var(--tsc-border);
}
.tsc-article .cta-panel .cta-title { font-weight: 700; }
.tsc-article .cta-actions { display: flex; flex-wrap: wrap; gap: var(--tsc-sp-3); align-items: stretch; }
.tsc-article .cta-btn { min-width: 220px; white-space: normal; justify-content: flex-start; }
.tsc-article .cta-btn .mud-button-label { line-height: 1.2; text-align: left; }

/* ---------- Listado del blog (BlogPosts): tarjetas con imagen ---------- */
.tsc-article .blog-card-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: clamp(260px, 30vw, 360px);
    padding: var(--tsc-sp-2);
    border-radius: var(--tsc-r-md);
    background: var(--tsc-bg-2);
    text-decoration: none;
}
.tsc-article .blog-card-image {
    display: block;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    object-position: center;
    border-radius: var(--tsc-r-sm);
}
.tsc-article .mud-card.section-card {
    transition: transform var(--tsc-dur-base) var(--tsc-ease), box-shadow var(--tsc-dur-base) var(--tsc-ease);
}
.tsc-article .mud-card.section-card:hover {
    transform: translateY(-3px);
    box-shadow: var(--tsc-shadow-glow);
}
.tsc-article .mud-card .mud-card-header .mud-typography-caption {
    font-family: var(--tsc-font-mono);
    font-size: var(--tsc-fs-12);
    color: var(--tsc-text-3);
}
.tsc-article .mud-card .mud-chip { font-size: var(--tsc-fs-12); }

@media (max-width: 600px) {
    .tsc-article .hero-title { font-size: 1.3rem; }
}
@media (max-width: 720px) {
    .tsc-article .cta-btn { min-width: 100%; width: 100%; justify-content: center; text-align: center; }
}
@media (min-width: 992px) {
    .tsc-article .pill-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (prefers-reduced-motion: reduce) {
    .tsc-article .info-block,
    .tsc-article .keypoint-card,
    .tsc-article .judicial-pressure-card,
    .tsc-article .mud-card.section-card { transition: none; }
    .tsc-article .info-block:hover,
    .tsc-article .keypoint-card:hover,
    .tsc-article .judicial-pressure-card:hover,
    .tsc-article .mud-card.section-card:hover { transform: none; }
}

/* ===== UTILIDADES GENERADAS (migración Style= → clases) ===== */
.tsc-article .tsa-align-items-center { align-items: center; }
.tsc-article .tsa-aspect-ratio-16-9 { aspect-ratio: 16/9; }
.tsc-article .tsa-background-bg-1 { background: var(--tsc-bg-1); }
.tsc-article .tsa-background-bg-2 { background: var(--tsc-bg-2); }
.tsc-article .tsa-background-color-mix-text-1-18-t { background-color: color-mix(in srgb, var(--tsc-text-1) 18%, transparent); }
.tsc-article .tsa-background-color-mix-text-1-5-t { background-color: color-mix(in srgb, var(--tsc-text-1) 5%, transparent); }
.tsc-article .tsa-background-linear-gradient-135deg-bg-0-01b4d { background: linear-gradient(135deg, var(--tsc-bg-0) 0%, var(--tsc-bg-1) 40%, var(--tsc-bg-1) 100%); }
.tsc-article .tsa-background-linear-gradient-135deg-bg-1-01daa { background: linear-gradient(135deg, var(--tsc-bg-1) 0%, color-mix(in srgb, var(--tsc-error) 18%, var(--tsc-bg-1)) 100%); }
.tsc-article .tsa-background-linear-gradient-135deg-bg-1-2130c { background: linear-gradient(135deg, var(--tsc-bg-1), color-mix(in srgb, var(--tsc-error) 18%, var(--tsc-bg-1))); }
.tsc-article .tsa-background-linear-gradient-135deg-bg-1-336b1 { background: linear-gradient(135deg, var(--tsc-bg-1), color-mix(in srgb, var(--tsc-info) 18%, var(--tsc-bg-1))); }
.tsc-article .tsa-background-linear-gradient-135deg-bg-1-3553f { background: linear-gradient(135deg, var(--tsc-bg-1) 0%, color-mix(in srgb, var(--tsc-info) 18%, var(--tsc-bg-1)) 55%, var(--tsc-bg-1) 100%); }
.tsc-article .tsa-background-linear-gradient-135deg-bg-1-5df96 { background: linear-gradient(135deg, var(--tsc-bg-1) 0%, var(--tsc-bg-0) 100%); }
.tsc-article .tsa-background-linear-gradient-135deg-bg-1-b34e2 { background: linear-gradient(135deg, var(--tsc-bg-1) 0%, color-mix(in srgb, var(--tsc-warning) 18%, var(--tsc-bg-1)) 100%); }
.tsc-article .tsa-background-linear-gradient-135deg-bg-1-b876b { background: linear-gradient(135deg, var(--tsc-bg-1) 0%, var(--tsc-bg-1) 50%, var(--tsc-bg-1) 100%); }
.tsc-article .tsa-background-linear-gradient-135deg-bg-1-df10e { background: linear-gradient(135deg, var(--tsc-bg-1) 0%, var(--tsc-bg-2) 50%, var(--tsc-bg-1) 100%); }
.tsc-article .tsa-background-linear-gradient-135deg-bg-1-e27b8 { background: linear-gradient(135deg, var(--tsc-bg-1) 0%, var(--tsc-bg-1) 50%, color-mix(in srgb, var(--tsc-primary) 18%, var(--tsc-bg-1)) 100%); }
.tsc-article .tsa-background-linear-gradient-135deg-bg-3-5a334 { background: linear-gradient(135deg,var(--tsc-bg-3) 0%,var(--tsc-bg-2) 100%); }
.tsc-article .tsa-background-linear-gradient-135deg-mix-114d6 { background: linear-gradient(135deg, color-mix(in srgb, var(--tsc-error) 14%, transparent) 0%, color-mix(in srgb, var(--tsc-error) 14%, transparent) 100%); }
.tsc-article .tsa-background-linear-gradient-135deg-mix-253e2 { background: linear-gradient(135deg, color-mix(in srgb, var(--tsc-warning) 18%, var(--tsc-bg-1)) 0%, color-mix(in srgb, var(--tsc-warning) 18%, var(--tsc-bg-1)) 100%); }
.tsc-article .tsa-background-linear-gradient-135deg-mix-310a0 { background: linear-gradient(135deg, color-mix(in srgb, var(--tsc-info) 14%, transparent) 0%, color-mix(in srgb, var(--tsc-info) 14%, transparent) 100%); }
.tsc-article .tsa-background-linear-gradient-135deg-mix-456ec { background: linear-gradient(135deg, color-mix(in srgb, var(--tsc-warning) 18%, var(--tsc-bg-1)) 0%, color-mix(in srgb, var(--tsc-warning) 18%, var(--tsc-bg-1)) 50%, color-mix(in srgb, var(--tsc-warning) 18%, var(--tsc-bg-1)) 100%); }
.tsc-article .tsa-background-linear-gradient-135deg-mix-59d4f { background: linear-gradient(135deg, color-mix(in srgb, var(--tsc-bg-0) 80%, transparent) 0%, color-mix(in srgb, var(--tsc-bg-0) 80%, transparent) 100%); }
.tsc-article .tsa-background-linear-gradient-135deg-mix-61ada { background: linear-gradient(135deg, color-mix(in srgb, var(--tsc-error) 18%, var(--tsc-bg-1)) 0%, var(--tsc-bg-0) 100%); }
.tsc-article .tsa-background-linear-gradient-135deg-mix-6b052 { background: linear-gradient(135deg, color-mix(in srgb, var(--tsc-error) 18%, transparent) 0%, color-mix(in srgb, var(--tsc-error) 18%, transparent) 100%); }
.tsc-article .tsa-background-linear-gradient-135deg-mix-750d3 { background: linear-gradient(135deg, color-mix(in srgb, var(--tsc-success) 18%, var(--tsc-bg-1)) 0%, color-mix(in srgb, var(--tsc-success) 18%, var(--tsc-bg-1)) 50%, color-mix(in srgb, var(--tsc-success) 18%, var(--tsc-bg-1)) 100%); }
.tsc-article .tsa-background-linear-gradient-135deg-mix-7f3c2 { background: linear-gradient(135deg, color-mix(in srgb, var(--tsc-success) 18%, var(--tsc-bg-1)) 0%, color-mix(in srgb, var(--tsc-success) 18%, var(--tsc-bg-1)) 100%); }
.tsc-article .tsa-background-linear-gradient-135deg-mix-80d2c { background: linear-gradient(135deg, color-mix(in srgb, var(--tsc-warning) 14%, transparent) 0%, color-mix(in srgb, var(--tsc-warning) 14%, transparent) 100%); }
.tsc-article .tsa-background-linear-gradient-135deg-mix-a0d4c { background: linear-gradient(135deg, color-mix(in srgb, var(--tsc-error) 27%, transparent) 0%, color-mix(in srgb, var(--tsc-error) 27%, transparent) 100%); }
.tsc-article .tsa-background-linear-gradient-135deg-mix-c620b { background: linear-gradient(135deg, color-mix(in srgb, var(--tsc-warning) 18%, var(--tsc-bg-1)), color-mix(in srgb, var(--tsc-warning) 18%, var(--tsc-bg-1))); }
.tsc-article .tsa-background-linear-gradient-135deg-mix-ce0d0 { background: linear-gradient(135deg, color-mix(in srgb, var(--tsc-error) 9%, transparent) 0%, color-mix(in srgb, var(--tsc-error) 9%, transparent) 100%); }
.tsc-article .tsa-background-linear-gradient-135deg-mix-d9f97 { background: linear-gradient(135deg, color-mix(in srgb, var(--tsc-success) 14%, transparent) 0%, color-mix(in srgb, var(--tsc-success) 14%, transparent) 100%); }
.tsc-article .tsa-background-linear-gradient-90deg-bg-0-08758 { background: linear-gradient(90deg,var(--tsc-bg-0) 0%,color-mix(in srgb, var(--tsc-error) 83%, transparent) 100%); }
.tsc-article .tsa-background-linear-gradient-90deg-bg-0-2feaa { background: linear-gradient(90deg, var(--tsc-bg-0) 0%, color-mix(in srgb, var(--tsc-error) 76%, transparent) 100%); }
.tsc-article .tsa-background-linear-gradient-90deg-bg-0-8a569 { background: linear-gradient(90deg,var(--tsc-bg-0) 0%,color-mix(in srgb, var(--tsc-error) 76%, transparent) 100%); }
.tsc-article .tsa-background-linear-gradient-90deg-bg-0-a1fcf { background: linear-gradient(90deg, var(--tsc-bg-0) 0%, color-mix(in srgb, var(--tsc-bg-1) 85%, transparent) 100%); }
.tsc-article .tsa-background-linear-gradient-90deg-bg-1-01157 { background: linear-gradient(90deg, var(--tsc-bg-1) 0%, color-mix(in srgb, var(--tsc-primary) 76%, transparent) 100%); }
.tsc-article .tsa-background-linear-gradient-90deg-bg-1-d155f { background: linear-gradient(90deg, var(--tsc-bg-1) 0%, color-mix(in srgb, var(--tsc-bg-2) 85%, transparent) 100%); }
.tsc-article .tsa-background-linear-gradient-90deg-bg-1-f792c { background: linear-gradient(90deg, var(--tsc-bg-1) 0%, color-mix(in srgb, var(--tsc-info) 81%, transparent) 100%); }
.tsc-article .tsa-background-linear-gradient-90deg-bg-1-ff227 { background: linear-gradient(90deg, var(--tsc-bg-1) 0%, color-mix(in srgb, var(--tsc-error) 76%, transparent) 100%); }
.tsc-article .tsa-background-linear-gradient-90deg-mix-e-5024c { background: linear-gradient(90deg, color-mix(in srgb, var(--tsc-error) 18%, var(--tsc-bg-1)) 0%, color-mix(in srgb, var(--tsc-error) 76%, transparent) 100%); }
.tsc-article .tsa-background-linear-gradient-90deg-mix-i-0b7c9 { background: linear-gradient(90deg, color-mix(in srgb, var(--tsc-info) 18%, var(--tsc-bg-1)) 0%, color-mix(in srgb, var(--tsc-info) 76%, transparent) 100%); }
.tsc-article .tsa-background-linear-gradient-90deg-mix-s-a341c { background: linear-gradient(90deg, color-mix(in srgb, var(--tsc-success) 18%, var(--tsc-bg-1)) 0%, color-mix(in srgb, var(--tsc-success) 76%, transparent) 100%); }
.tsc-article .tsa-background-linear-gradient-90deg-mix-v-abe28 { background: linear-gradient(90deg, color-mix(in srgb, var(--tsc-violet) 18%, var(--tsc-bg-1)) 0%, color-mix(in srgb, var(--tsc-violet) 76%, transparent) 100%); }
.tsc-article .tsa-background-linear-gradient-90deg-mix-v-ca15d { background: linear-gradient(90deg, color-mix(in srgb, var(--tsc-violet) 18%, var(--tsc-bg-1)) 0%, color-mix(in srgb, var(--tsc-violet) 81%, transparent) 100%); }
.tsc-article .tsa-background-linear-gradient-90deg-mix-w-f2d35 { background: linear-gradient(90deg, color-mix(in srgb, var(--tsc-warning) 18%, var(--tsc-bg-1)) 0%, color-mix(in srgb, var(--tsc-warning) 76%, transparent) 100%); }
.tsc-article .tsa-background-mix-bg-0-35-t { background: color-mix(in srgb, var(--tsc-bg-0) 35%, transparent); }
.tsc-article .tsa-background-mix-bg-0-40-t { background: color-mix(in srgb, var(--tsc-bg-0) 40%, transparent); }
.tsc-article .tsa-background-mix-bg-0-50-t { background: color-mix(in srgb, var(--tsc-bg-0) 50%, transparent); }
.tsc-article .tsa-background-mix-bg-0-55-t { background: color-mix(in srgb, var(--tsc-bg-0) 55%, transparent); }
.tsc-article .tsa-background-mix-bg-0-65-t { background: color-mix(in srgb, var(--tsc-bg-0) 65%, transparent); }
.tsc-article .tsa-background-mix-bg-0-80-t { background: color-mix(in srgb, var(--tsc-bg-0) 80%, transparent); }
.tsc-article .tsa-background-mix-bg-0-90-t { background: color-mix(in srgb, var(--tsc-bg-0) 90%, transparent); }
.tsc-article .tsa-background-mix-bg-1-50-t { background: color-mix(in srgb, var(--tsc-bg-1) 50%, transparent); }
.tsc-article .tsa-background-mix-bg-1-60-t { background: color-mix(in srgb, var(--tsc-bg-1) 60%, transparent); }
.tsc-article .tsa-background-mix-bg-1-70-t { background: color-mix(in srgb, var(--tsc-bg-1) 70%, transparent); }
.tsc-article .tsa-background-mix-bg-1-85-t { background: color-mix(in srgb, var(--tsc-bg-1) 85%, transparent); }
.tsc-article .tsa-background-mix-bg-1-90-t { background: color-mix(in srgb, var(--tsc-bg-1) 90%, transparent); }
.tsc-article .tsa-background-mix-bg-2-15-t { background: color-mix(in srgb, var(--tsc-bg-2) 15%, transparent); }
.tsc-article .tsa-background-mix-bg-2-25-t { background: color-mix(in srgb, var(--tsc-bg-2) 25%, transparent); }
.tsc-article .tsa-background-mix-bg-2-90-t { background: color-mix(in srgb, var(--tsc-bg-2) 90%, transparent); }
.tsc-article .tsa-background-mix-bg-3-25-t { background: color-mix(in srgb, var(--tsc-bg-3) 25%, transparent); }
.tsc-article .tsa-background-mix-bg-3-8-t { background: color-mix(in srgb, var(--tsc-bg-3) 8%, transparent); }
.tsc-article .tsa-background-mix-error-11-t { background: color-mix(in srgb, var(--tsc-error) 11%, transparent); }
.tsc-article .tsa-background-mix-error-14-t { background: color-mix(in srgb, var(--tsc-error) 14%, transparent); }
.tsc-article .tsa-background-mix-error-16-t { background: color-mix(in srgb, var(--tsc-error) 16%, transparent); }
.tsc-article .tsa-background-mix-error-18-t { background: color-mix(in srgb, var(--tsc-error) 18%, transparent); }
.tsc-article .tsa-background-mix-error-22-t { background: color-mix(in srgb, var(--tsc-error) 22%, transparent); }
.tsc-article .tsa-background-mix-error-4-t { background: color-mix(in srgb, var(--tsc-error) 4%, transparent); }
.tsc-article .tsa-background-mix-error-40-t { background: color-mix(in srgb, var(--tsc-error) 40%, transparent); }
.tsc-article .tsa-background-mix-error-45-t { background: color-mix(in srgb, var(--tsc-error) 45%, transparent); }
.tsc-article .tsa-background-mix-error-5-t { background: color-mix(in srgb, var(--tsc-error) 5%, transparent); }
.tsc-article .tsa-background-mix-error-50-t { background: color-mix(in srgb, var(--tsc-error) 50%, transparent); }
.tsc-article .tsa-background-mix-error-54-t { background: color-mix(in srgb, var(--tsc-error) 54%, transparent); }
.tsc-article .tsa-background-mix-error-58-t { background: color-mix(in srgb, var(--tsc-error) 58%, transparent); }
.tsc-article .tsa-background-mix-error-6-t { background: color-mix(in srgb, var(--tsc-error) 6%, transparent); }
.tsc-article .tsa-background-mix-error-7-t { background: color-mix(in srgb, var(--tsc-error) 7%, transparent); }
.tsc-article .tsa-background-mix-error-9-t { background: color-mix(in srgb, var(--tsc-error) 9%, transparent); }
.tsc-article .tsa-background-mix-info-14-t { background: color-mix(in srgb, var(--tsc-info) 14%, transparent); }
.tsc-article .tsa-background-mix-info-22-t { background: color-mix(in srgb, var(--tsc-info) 22%, transparent); }
.tsc-article .tsa-background-mix-info-4-t { background: color-mix(in srgb, var(--tsc-info) 4%, transparent); }
.tsc-article .tsa-background-mix-info-5-t { background: color-mix(in srgb, var(--tsc-info) 5%, transparent); }
.tsc-article .tsa-background-mix-info-50-t { background: color-mix(in srgb, var(--tsc-info) 50%, transparent); }
.tsc-article .tsa-background-mix-info-54-t { background: color-mix(in srgb, var(--tsc-info) 54%, transparent); }
.tsc-article .tsa-background-mix-info-6-t { background: color-mix(in srgb, var(--tsc-info) 6%, transparent); }
.tsc-article .tsa-background-mix-info-7-t { background: color-mix(in srgb, var(--tsc-info) 7%, transparent); }
.tsc-article .tsa-background-mix-info-81-t { background: color-mix(in srgb, var(--tsc-info) 81%, transparent); }
.tsc-article .tsa-background-mix-primary-11-t { background: color-mix(in srgb, var(--tsc-primary) 11%, transparent); }
.tsc-article .tsa-background-mix-primary-14-t { background: color-mix(in srgb, var(--tsc-primary) 14%, transparent); }
.tsc-article .tsa-background-mix-primary-4-t { background: color-mix(in srgb, var(--tsc-primary) 4%, transparent); }
.tsc-article .tsa-background-mix-primary-5-t { background: color-mix(in srgb, var(--tsc-primary) 5%, transparent); }
.tsc-article .tsa-background-mix-primary-50-t { background: color-mix(in srgb, var(--tsc-primary) 50%, transparent); }
.tsc-article .tsa-background-mix-primary-6-t { background: color-mix(in srgb, var(--tsc-primary) 6%, transparent); }
.tsc-article .tsa-background-mix-primary-7-t { background: color-mix(in srgb, var(--tsc-primary) 7%, transparent); }
.tsc-article .tsa-background-mix-primary-9-t { background: color-mix(in srgb, var(--tsc-primary) 9%, transparent); }
.tsc-article .tsa-background-mix-success-11-t { background: color-mix(in srgb, var(--tsc-success) 11%, transparent); }
.tsc-article .tsa-background-mix-success-14-t { background: color-mix(in srgb, var(--tsc-success) 14%, transparent); }
.tsc-article .tsa-background-mix-success-16-t { background: color-mix(in srgb, var(--tsc-success) 16%, transparent); }
.tsc-article .tsa-background-mix-success-4-t { background: color-mix(in srgb, var(--tsc-success) 4%, transparent); }
.tsc-article .tsa-background-mix-success-5-t { background: color-mix(in srgb, var(--tsc-success) 5%, transparent); }
.tsc-article .tsa-background-mix-success-50-t { background: color-mix(in srgb, var(--tsc-success) 50%, transparent); }
.tsc-article .tsa-background-mix-success-6-t { background: color-mix(in srgb, var(--tsc-success) 6%, transparent); }
.tsc-article .tsa-background-mix-success-7-t { background: color-mix(in srgb, var(--tsc-success) 7%, transparent); }
.tsc-article .tsa-background-mix-success-9-t { background: color-mix(in srgb, var(--tsc-success) 9%, transparent); }
.tsc-article .tsa-background-mix-text-1-4-t { background: color-mix(in srgb, var(--tsc-text-1) 4%, transparent); }
.tsc-article .tsa-background-mix-text-1-5-t { background: color-mix(in srgb, var(--tsc-text-1) 5%, transparent); }
.tsc-article .tsa-background-mix-violet-14-t { background: color-mix(in srgb, var(--tsc-violet) 14%, transparent); }
.tsc-article .tsa-background-mix-violet-16-t { background: color-mix(in srgb, var(--tsc-violet) 16%, transparent); }
.tsc-article .tsa-background-mix-violet-22-t { background: color-mix(in srgb, var(--tsc-violet) 22%, transparent); }
.tsc-article .tsa-background-mix-violet-50-t { background: color-mix(in srgb, var(--tsc-violet) 50%, transparent); }
.tsc-article .tsa-background-mix-violet-6-t { background: color-mix(in srgb, var(--tsc-violet) 6%, transparent); }
.tsc-article .tsa-background-mix-violet-7-t { background: color-mix(in srgb, var(--tsc-violet) 7%, transparent); }
.tsc-article .tsa-background-mix-violet-9-t { background: color-mix(in srgb, var(--tsc-violet) 9%, transparent); }
.tsc-article .tsa-background-mix-warning-11-t { background: color-mix(in srgb, var(--tsc-warning) 11%, transparent); }
.tsc-article .tsa-background-mix-warning-14-t { background: color-mix(in srgb, var(--tsc-warning) 14%, transparent); }
.tsc-article .tsa-background-mix-warning-22-t { background: color-mix(in srgb, var(--tsc-warning) 22%, transparent); }
.tsc-article .tsa-background-mix-warning-4-t { background: color-mix(in srgb, var(--tsc-warning) 4%, transparent); }
.tsc-article .tsa-background-mix-warning-45-t { background: color-mix(in srgb, var(--tsc-warning) 45%, transparent); }
.tsc-article .tsa-background-mix-warning-5-t { background: color-mix(in srgb, var(--tsc-warning) 5%, transparent); }
.tsc-article .tsa-background-mix-warning-54-t { background: color-mix(in srgb, var(--tsc-warning) 54%, transparent); }
.tsc-article .tsa-background-mix-warning-6-t { background: color-mix(in srgb, var(--tsc-warning) 6%, transparent); }
.tsc-article .tsa-background-mix-warning-7-t { background: color-mix(in srgb, var(--tsc-warning) 7%, transparent); }
.tsc-article .tsa-background-mix-warning-9-t { background: color-mix(in srgb, var(--tsc-warning) 9%, transparent); }
.tsc-article .tsa-background-rgba-var-mud-palette-error-e25b5 { background: rgba(var(--mud-palette-error-rgb), 0.05); }
.tsc-article .tsa-background-rgba-var-mud-palette-error-fe702 { background: rgba(var(--mud-palette-error-rgb), 0.08); }
.tsc-article .tsa-background-rgba-var-mud-palette-primar-17232 { background: rgba(var(--mud-palette-primary-rgb), 0.08); }
.tsc-article .tsa-background-rgba-var-mud-palette-succes-15c27 { background: rgba(var(--mud-palette-success-rgb), 0.05); }
.tsc-article .tsa-background-rgba-var-mud-palette-warnin-81059 { background: rgba(var(--mud-palette-warning-rgb), 0.08); }
.tsc-article .tsa-border-1px-dashed-mix-primary-24-t { border: 1px dashed color-mix(in srgb, var(--tsc-primary) 24%, transparent); }
.tsc-article .tsa-border-1px-dashed-mix-primary-32-t { border: 1px dashed color-mix(in srgb, var(--tsc-primary) 32%, transparent); }
.tsc-article .tsa-border-1px-solid-mix-error-20-t { border: 1px solid color-mix(in srgb, var(--tsc-error) 20%, transparent); }
.tsc-article .tsa-border-1px-solid-mix-error-24-t { border: 1px solid color-mix(in srgb, var(--tsc-error) 24%, transparent); }
.tsc-article .tsa-border-1px-solid-mix-error-32-t { border: 1px solid color-mix(in srgb, var(--tsc-error) 32%, transparent); }
.tsc-article .tsa-border-1px-solid-mix-error-36-t { border: 1px solid color-mix(in srgb, var(--tsc-error) 36%, transparent); }
.tsc-article .tsa-border-1px-solid-mix-error-40-t { border: 1px solid color-mix(in srgb, var(--tsc-error) 40%, transparent); }
.tsc-article .tsa-border-1px-solid-mix-error-44-t { border: 1px solid color-mix(in srgb, var(--tsc-error) 44%, transparent); }
.tsc-article .tsa-border-1px-solid-mix-error-48-t { border: 1px solid color-mix(in srgb, var(--tsc-error) 48%, transparent); }
.tsc-article .tsa-border-1px-solid-mix-error-64-t { border: 1px solid color-mix(in srgb, var(--tsc-error) 64%, transparent); }
.tsc-article .tsa-border-1px-solid-mix-info-20-t { border: 1px solid color-mix(in srgb, var(--tsc-info) 20%, transparent); }
.tsc-article .tsa-border-1px-solid-mix-info-24-t { border: 1px solid color-mix(in srgb, var(--tsc-info) 24%, transparent); }
.tsc-article .tsa-border-1px-solid-mix-info-28-t { border: 1px solid color-mix(in srgb, var(--tsc-info) 28%, transparent); }
.tsc-article .tsa-border-1px-solid-mix-info-32-t { border: 1px solid color-mix(in srgb, var(--tsc-info) 32%, transparent); }
.tsc-article .tsa-border-1px-solid-mix-info-40-t { border: 1px solid color-mix(in srgb, var(--tsc-info) 40%, transparent); }
.tsc-article .tsa-border-1px-solid-mix-primary-24-t { border: 1px solid color-mix(in srgb, var(--tsc-primary) 24%, transparent); }
.tsc-article .tsa-border-1px-solid-mix-primary-32-t { border: 1px solid color-mix(in srgb, var(--tsc-primary) 32%, transparent); }
.tsc-article .tsa-border-1px-solid-mix-primary-36-t { border: 1px solid color-mix(in srgb, var(--tsc-primary) 36%, transparent); }
.tsc-article .tsa-border-1px-solid-mix-primary-40-t { border: 1px solid color-mix(in srgb, var(--tsc-primary) 40%, transparent); }
.tsc-article .tsa-border-1px-solid-mix-primary-48-t { border: 1px solid color-mix(in srgb, var(--tsc-primary) 48%, transparent); }
.tsc-article .tsa-border-1px-solid-mix-success-20-t { border: 1px solid color-mix(in srgb, var(--tsc-success) 20%, transparent); }
.tsc-article .tsa-border-1px-solid-mix-success-24-t { border: 1px solid color-mix(in srgb, var(--tsc-success) 24%, transparent); }
.tsc-article .tsa-border-1px-solid-mix-success-32-t { border: 1px solid color-mix(in srgb, var(--tsc-success) 32%, transparent); }
.tsc-article .tsa-border-1px-solid-mix-success-36-t { border: 1px solid color-mix(in srgb, var(--tsc-success) 36%, transparent); }
.tsc-article .tsa-border-1px-solid-mix-success-40-t { border: 1px solid color-mix(in srgb, var(--tsc-success) 40%, transparent); }
.tsc-article .tsa-border-1px-solid-mix-success-48-t { border: 1px solid color-mix(in srgb, var(--tsc-success) 48%, transparent); }
.tsc-article .tsa-border-1px-solid-mix-success-52-t { border: 1px solid color-mix(in srgb, var(--tsc-success) 52%, transparent); }
.tsc-article .tsa-border-1px-solid-mix-text-1-4-t { border: 1px solid color-mix(in srgb, var(--tsc-text-1) 4%, transparent); }
.tsc-article .tsa-border-1px-solid-mix-text-1-9-t { border: 1px solid color-mix(in srgb, var(--tsc-text-1) 9%, transparent); }
.tsc-article .tsa-border-1px-solid-mix-violet-24-t { border: 1px solid color-mix(in srgb, var(--tsc-violet) 24%, transparent); }
.tsc-article .tsa-border-1px-solid-mix-violet-32-t { border: 1px solid color-mix(in srgb, var(--tsc-violet) 32%, transparent); }
.tsc-article .tsa-border-1px-solid-mix-violet-36-t { border: 1px solid color-mix(in srgb, var(--tsc-violet) 36%, transparent); }
.tsc-article .tsa-border-1px-solid-mix-violet-40-t { border: 1px solid color-mix(in srgb, var(--tsc-violet) 40%, transparent); }
.tsc-article .tsa-border-1px-solid-mix-violet-52-t { border: 1px solid color-mix(in srgb, var(--tsc-violet) 52%, transparent); }
.tsc-article .tsa-border-1px-solid-mix-warning-20-t { border: 1px solid color-mix(in srgb, var(--tsc-warning) 20%, transparent); }
.tsc-article .tsa-border-1px-solid-mix-warning-24-t { border: 1px solid color-mix(in srgb, var(--tsc-warning) 24%, transparent); }
.tsc-article .tsa-border-1px-solid-mix-warning-28-t { border: 1px solid color-mix(in srgb, var(--tsc-warning) 28%, transparent); }
.tsc-article .tsa-border-1px-solid-mix-warning-32-t { border: 1px solid color-mix(in srgb, var(--tsc-warning) 32%, transparent); }
.tsc-article .tsa-border-1px-solid-mix-warning-36-t { border: 1px solid color-mix(in srgb, var(--tsc-warning) 36%, transparent); }
.tsc-article .tsa-border-1px-solid-mix-warning-40-t { border: 1px solid color-mix(in srgb, var(--tsc-warning) 40%, transparent); }
.tsc-article .tsa-border-1px-solid-mix-warning-48-t { border: 1px solid color-mix(in srgb, var(--tsc-warning) 48%, transparent); }
.tsc-article .tsa-border-1px-solid-mix-warning-52-t { border: 1px solid color-mix(in srgb, var(--tsc-warning) 52%, transparent); }
.tsc-article .tsa-border-1px-solid-mix-warning-64-t { border: 1px solid color-mix(in srgb, var(--tsc-warning) 64%, transparent); }
.tsc-article .tsa-border-1px-solid-var-mud-palette-warni-cc6c9 { border: 1px solid var(--mud-palette-warning); }
.tsc-article .tsa-border-2px-solid-error { border: 2px solid var(--tsc-error); }
.tsc-article .tsa-border-2px-solid-mix-error-48-t { border: 2px solid color-mix(in srgb, var(--tsc-error) 48%, transparent); }
.tsc-article .tsa-border-2px-solid-mix-error-56-t { border: 2px solid color-mix(in srgb, var(--tsc-error) 56%, transparent); }
.tsc-article .tsa-border-2px-solid-mix-primary-48-t { border: 2px solid color-mix(in srgb, var(--tsc-primary) 48%, transparent); }
.tsc-article .tsa-border-2px-solid-mix-violet-56-t { border: 2px solid color-mix(in srgb, var(--tsc-violet) 56%, transparent); }
.tsc-article .tsa-border-2px-solid-mix-warning-44-t { border: 2px solid color-mix(in srgb, var(--tsc-warning) 44%, transparent); }
.tsc-article .tsa-border-2px-solid-mix-warning-64-t { border: 2px solid color-mix(in srgb, var(--tsc-warning) 64%, transparent); }
.tsc-article .tsa-border-color-mix-error-52-t { border-color: color-mix(in srgb, var(--tsc-error) 52%, transparent); }
.tsc-article .tsa-border-color-mix-info-24-t { border-color: color-mix(in srgb, var(--tsc-info) 24%, transparent); }
.tsc-article .tsa-border-color-mix-info-32-t { border-color: color-mix(in srgb, var(--tsc-info) 32%, transparent); }
.tsc-article .tsa-border-color-mix-info-52-t { border-color: color-mix(in srgb, var(--tsc-info) 52%, transparent); }
.tsc-article .tsa-border-color-mix-primary-24-t { border-color: color-mix(in srgb, var(--tsc-primary) 24%, transparent); }
.tsc-article .tsa-border-color-mix-success-52-t { border-color: color-mix(in srgb, var(--tsc-success) 52%, transparent); }
.tsc-article .tsa-border-color-mix-violet-56-t { border-color: color-mix(in srgb, var(--tsc-violet) 56%, transparent); }
.tsc-article .tsa-border-color-mix-warning-24-t { border-color: color-mix(in srgb, var(--tsc-warning) 24%, transparent); }
.tsc-article .tsa-border-color-mix-warning-52-t { border-color: color-mix(in srgb, var(--tsc-warning) 52%, transparent); }
.tsc-article .tsa-border-color-mix-warning-64-t { border-color: color-mix(in srgb, var(--tsc-warning) 64%, transparent); }
.tsc-article .tsa-border-left-2px-solid-mix-text-1-12-t { border-left: 2px solid color-mix(in srgb, var(--tsc-text-1) 12%, transparent); }
.tsc-article .tsa-border-left-3px-solid-mix-error-40-t { border-left: 3px solid color-mix(in srgb, var(--tsc-error) 40%, transparent); }
.tsc-article .tsa-border-left-3px-solid-mix-error-48-t { border-left: 3px solid color-mix(in srgb, var(--tsc-error) 48%, transparent); }
.tsc-article .tsa-border-left-3px-solid-mix-error-56-t { border-left: 3px solid color-mix(in srgb, var(--tsc-error) 56%, transparent); }
.tsc-article .tsa-border-left-3px-solid-mix-error-64-t { border-left: 3px solid color-mix(in srgb, var(--tsc-error) 64%, transparent); }
.tsc-article .tsa-border-left-3px-solid-mix-info-56-t { border-left: 3px solid color-mix(in srgb, var(--tsc-info) 56%, transparent); }
.tsc-article .tsa-border-left-3px-solid-mix-primary-32-t { border-left: 3px solid color-mix(in srgb, var(--tsc-primary) 32%, transparent); }
.tsc-article .tsa-border-left-3px-solid-mix-primary-64-t { border-left: 3px solid color-mix(in srgb, var(--tsc-primary) 64%, transparent); }
.tsc-article .tsa-border-left-3px-solid-mix-success-48-t { border-left: 3px solid color-mix(in srgb, var(--tsc-success) 48%, transparent); }
.tsc-article .tsa-border-left-3px-solid-mix-success-56-t { border-left: 3px solid color-mix(in srgb, var(--tsc-success) 56%, transparent); }
.tsc-article .tsa-border-left-3px-solid-mix-success-64-t { border-left: 3px solid color-mix(in srgb, var(--tsc-success) 64%, transparent); }
.tsc-article .tsa-border-left-3px-solid-mix-warning-48-t { border-left: 3px solid color-mix(in srgb, var(--tsc-warning) 48%, transparent); }
.tsc-article .tsa-border-left-3px-solid-mix-warning-52-t { border-left: 3px solid color-mix(in srgb, var(--tsc-warning) 52%, transparent); }
.tsc-article .tsa-border-left-3px-solid-mix-warning-56-t { border-left: 3px solid color-mix(in srgb, var(--tsc-warning) 56%, transparent); }
.tsc-article .tsa-border-left-3px-solid-mix-warning-64-t { border-left: 3px solid color-mix(in srgb, var(--tsc-warning) 64%, transparent); }
.tsc-article .tsa-border-left-3px-solid-var-mud-palette-439b9 { border-left: 3px solid var(--mud-palette-primary); }
.tsc-article .tsa-border-left-4px-solid-error { border-left: 4px solid var(--tsc-error); }
.tsc-article .tsa-border-left-4px-solid-info { border-left: 4px solid var(--tsc-info); }
.tsc-article .tsa-border-left-4px-solid-mix-error-52-t { border-left: 4px solid color-mix(in srgb, var(--tsc-error) 52%, transparent); }
.tsc-article .tsa-border-left-4px-solid-mix-error-60-t { border-left: 4px solid color-mix(in srgb, var(--tsc-error) 60%, transparent); }
.tsc-article .tsa-border-left-4px-solid-mix-error-64-t { border-left: 4px solid color-mix(in srgb, var(--tsc-error) 64%, transparent); }
.tsc-article .tsa-border-left-4px-solid-mix-error-68-t { border-left: 4px solid color-mix(in srgb, var(--tsc-error) 68%, transparent); }
.tsc-article .tsa-border-left-4px-solid-mix-error-72-t { border-left: 4px solid color-mix(in srgb, var(--tsc-error) 72%, transparent); }
.tsc-article .tsa-border-left-4px-solid-mix-info-64-t { border-left: 4px solid color-mix(in srgb, var(--tsc-info) 64%, transparent); }
.tsc-article .tsa-border-left-4px-solid-mix-info-68-t { border-left: 4px solid color-mix(in srgb, var(--tsc-info) 68%, transparent); }
.tsc-article .tsa-border-left-4px-solid-mix-info-72-t { border-left: 4px solid color-mix(in srgb, var(--tsc-info) 72%, transparent); }
.tsc-article .tsa-border-left-4px-solid-mix-primary-44-t { border-left: 4px solid color-mix(in srgb, var(--tsc-primary) 44%, transparent); }
.tsc-article .tsa-border-left-4px-solid-mix-primary-48-t { border-left: 4px solid color-mix(in srgb, var(--tsc-primary) 48%, transparent); }
.tsc-article .tsa-border-left-4px-solid-mix-primary-60-t { border-left: 4px solid color-mix(in srgb, var(--tsc-primary) 60%, transparent); }
.tsc-article .tsa-border-left-4px-solid-mix-primary-64-t { border-left: 4px solid color-mix(in srgb, var(--tsc-primary) 64%, transparent); }
.tsc-article .tsa-border-left-4px-solid-mix-primary-68-t { border-left: 4px solid color-mix(in srgb, var(--tsc-primary) 68%, transparent); }
.tsc-article .tsa-border-left-4px-solid-mix-success-52-t { border-left: 4px solid color-mix(in srgb, var(--tsc-success) 52%, transparent); }
.tsc-article .tsa-border-left-4px-solid-mix-success-56-t { border-left: 4px solid color-mix(in srgb, var(--tsc-success) 56%, transparent); }
.tsc-article .tsa-border-left-4px-solid-mix-success-60-t { border-left: 4px solid color-mix(in srgb, var(--tsc-success) 60%, transparent); }
.tsc-article .tsa-border-left-4px-solid-mix-success-64-t { border-left: 4px solid color-mix(in srgb, var(--tsc-success) 64%, transparent); }
.tsc-article .tsa-border-left-4px-solid-mix-success-68-t { border-left: 4px solid color-mix(in srgb, var(--tsc-success) 68%, transparent); }
.tsc-article .tsa-border-left-4px-solid-mix-text-1-18-t { border-left: 4px solid color-mix(in srgb, var(--tsc-text-1) 18%, transparent); }
.tsc-article .tsa-border-left-4px-solid-mix-violet-52-t { border-left: 4px solid color-mix(in srgb, var(--tsc-violet) 52%, transparent); }
.tsc-article .tsa-border-left-4px-solid-mix-violet-64-t { border-left: 4px solid color-mix(in srgb, var(--tsc-violet) 64%, transparent); }
.tsc-article .tsa-border-left-4px-solid-mix-violet-68-t { border-left: 4px solid color-mix(in srgb, var(--tsc-violet) 68%, transparent); }
.tsc-article .tsa-border-left-4px-solid-mix-warning-52-t { border-left: 4px solid color-mix(in srgb, var(--tsc-warning) 52%, transparent); }
.tsc-article .tsa-border-left-4px-solid-mix-warning-60-t { border-left: 4px solid color-mix(in srgb, var(--tsc-warning) 60%, transparent); }
.tsc-article .tsa-border-left-4px-solid-mix-warning-64-t { border-left: 4px solid color-mix(in srgb, var(--tsc-warning) 64%, transparent); }
.tsc-article .tsa-border-left-4px-solid-mix-warning-68-t { border-left: 4px solid color-mix(in srgb, var(--tsc-warning) 68%, transparent); }
.tsc-article .tsa-border-left-4px-solid-primary { border-left: 4px solid var(--tsc-primary); }
.tsc-article .tsa-border-left-4px-solid-success { border-left: 4px solid var(--tsc-success); }
.tsc-article .tsa-border-left-4px-solid-var-mud-palette-26d8f { border-left: 4px solid var(--mud-palette-warning); }
.tsc-article .tsa-border-left-4px-solid-var-mud-palette-5bc1d { border-left: 4px solid var(--mud-palette-error); }
.tsc-article .tsa-border-left-4px-solid-warning { border-left: 4px solid var(--tsc-warning); }
.tsc-article .tsa-border-left-5px-solid-error { border-left: 5px solid var(--tsc-error); }
.tsc-article .tsa-border-left-5px-solid-mix-error-68-t { border-left: 5px solid color-mix(in srgb, var(--tsc-error) 68%, transparent); }
.tsc-article .tsa-border-left-5px-solid-mix-error-72-t { border-left: 5px solid color-mix(in srgb, var(--tsc-error) 72%, transparent); }
.tsc-article .tsa-border-left-5px-solid-mix-violet-68-t { border-left: 5px solid color-mix(in srgb, var(--tsc-violet) 68%, transparent); }
.tsc-article .tsa-border-left-5px-solid-mix-warning-60-t { border-left: 5px solid color-mix(in srgb, var(--tsc-warning) 60%, transparent); }
.tsc-article .tsa-border-left-5px-solid-warning { border-left: 5px solid var(--tsc-warning); }
.tsc-article .tsa-border-radius-0-10px-10px-0 { border-radius: 0 10px 10px 0; }
.tsc-article .tsa-border-radius-0-12px-12px-0 { border-radius: 0 12px 12px 0; }
.tsc-article .tsa-border-radius-10px { border-radius: 10px; }
.tsc-article .tsa-border-radius-12px { border-radius: 12px; }
.tsc-article .tsa-border-radius-14px { border-radius: 14px; }
.tsc-article .tsa-border-radius-16px { border-radius: 16px; }
.tsc-article .tsa-border-radius-18px { border-radius: 18px; }
.tsc-article .tsa-border-radius-22px { border-radius: 22px; }
.tsc-article .tsa-border-radius-4px { border-radius: 4px; }
.tsc-article .tsa-border-radius-6px { border-radius: 6px; }
.tsc-article .tsa-border-radius-8px { border-radius: 8px; }
.tsc-article .tsa-border-top-3px-solid-var-mud-palette-e-72e48 { border-top: 3px solid var(--mud-palette-error); }
.tsc-article .tsa-box-shadow-0-0-40px-mix-warning-8-t { box-shadow: 0 0 40px color-mix(in srgb, var(--tsc-warning) 8%, transparent); }
.tsc-article .tsa-box-shadow-0-12px-32px-mix-success-8-t { box-shadow: 0 12px 32px color-mix(in srgb, var(--tsc-success) 8%, transparent); }
.tsc-article .tsa-box-shadow-0-12px-32px-mix-violet-10-t { box-shadow: 0 12px 32px color-mix(in srgb, var(--tsc-violet) 10%, transparent); }
.tsc-article .tsa-box-shadow-0-12px-32px-mix-warning-10-42487 { box-shadow: 0 12px 32px color-mix(in srgb, var(--tsc-warning) 10%, transparent); }
.tsc-article .tsa-box-shadow-0-12px-32px-mix-warning-8-t { box-shadow: 0 12px 32px color-mix(in srgb, var(--tsc-warning) 8%, transparent); }
.tsc-article .tsa-box-shadow-0-16px-48px-mix-warning-15-2c055 { box-shadow: 0 16px 48px color-mix(in srgb, var(--tsc-warning) 15%, transparent); }
.tsc-article .tsa-box-shadow-0-4px-16px-mix-error-10-t { box-shadow: 0 4px 16px color-mix(in srgb, var(--tsc-error) 10%, transparent); }
.tsc-article .tsa-box-shadow-0-4px-16px-mix-error-8-t { box-shadow: 0 4px 16px color-mix(in srgb, var(--tsc-error) 8%, transparent); }
.tsc-article .tsa-box-shadow-0-4px-16px-mix-info-8-t { box-shadow: 0 4px 16px color-mix(in srgb, var(--tsc-info) 8%, transparent); }
.tsc-article .tsa-box-shadow-0-4px-16px-mix-primary-8-t { box-shadow: 0 4px 16px color-mix(in srgb, var(--tsc-primary) 8%, transparent); }
.tsc-article .tsa-box-shadow-0-4px-16px-mix-success-7-t { box-shadow: 0 4px 16px color-mix(in srgb, var(--tsc-success) 7%, transparent); }
.tsc-article .tsa-box-shadow-0-4px-16px-mix-success-8-t { box-shadow: 0 4px 16px color-mix(in srgb, var(--tsc-success) 8%, transparent); }
.tsc-article .tsa-box-shadow-0-4px-16px-mix-violet-8-t { box-shadow: 0 4px 16px color-mix(in srgb, var(--tsc-violet) 8%, transparent); }
.tsc-article .tsa-box-shadow-0-4px-16px-mix-warning-8-t { box-shadow: 0 4px 16px color-mix(in srgb, var(--tsc-warning) 8%, transparent); }
.tsc-article .tsa-box-shadow-0-4px-20px-mix-primary-8-t { box-shadow: 0 4px 20px color-mix(in srgb, var(--tsc-primary) 8%, transparent); }
.tsc-article .tsa-box-shadow-0-4px-20px-mix-violet-13-t { box-shadow: 0 4px 20px color-mix(in srgb, var(--tsc-violet) 13%, transparent); }
.tsc-article .tsa-box-shadow-0-4px-20px-mix-warning-13-t { box-shadow: 0 4px 20px color-mix(in srgb, var(--tsc-warning) 13%, transparent); }
.tsc-article .tsa-color-error { color: var(--tsc-error); }
.tsc-article .tsa-color-info { color: var(--tsc-info); }
.tsc-article .tsa-color-mix-error-65-t { color: color-mix(in srgb, var(--tsc-error) 65%, transparent); }
.tsc-article .tsa-color-mix-violet-65-t { color: color-mix(in srgb, var(--tsc-violet) 65%, transparent); }
.tsc-article .tsa-color-mix-warning-25-t { color: color-mix(in srgb, var(--tsc-warning) 25%, transparent); }
.tsc-article .tsa-color-on-accent { color: var(--tsc-on-accent); }
.tsc-article .tsa-color-primary { color: var(--tsc-primary); }
.tsc-article .tsa-color-success { color: var(--tsc-success); }
.tsc-article .tsa-color-text-1 { color: var(--tsc-text-1); }
.tsc-article .tsa-color-text-2 { color: var(--tsc-text-2); }
.tsc-article .tsa-color-text-3 { color: var(--tsc-text-3); }
.tsc-article .tsa-color-var-mud-palette-error { color: var(--mud-palette-error); }
.tsc-article .tsa-color-var-mud-palette-info { color: var(--mud-palette-info); }
.tsc-article .tsa-color-var-mud-palette-success { color: var(--mud-palette-success); }
.tsc-article .tsa-color-var-mud-palette-warning { color: var(--mud-palette-warning); }
.tsc-article .tsa-color-violet { color: var(--tsc-violet); }
.tsc-article .tsa-color-warning { color: var(--tsc-warning); }
.tsc-article .tsa-cursor-zoom-in { cursor: zoom-in; }
.tsc-article .tsa-display-block { display: block; }
.tsc-article .tsa-display-flex { display: flex; }
.tsc-article .tsa-display-inline { display: inline; }
.tsc-article .tsa-flex-shrink-0 { flex-shrink: 0; }
.tsc-article .tsa-flex-wrap-wrap { flex-wrap: wrap; }
.tsc-article .tsa-font-family-monospace { font-family: monospace; }
.tsc-article .tsa-font-size-0-7rem { font-size: 0.7rem; }
.tsc-article .tsa-font-size-0-875rem { font-size: 0.875rem; }
.tsc-article .tsa-font-size-0-8em { font-size: 0.8em; }
.tsc-article .tsa-font-size-1-05rem { font-size: 1.05rem; }
.tsc-article .tsa-font-size-1-1rem { font-size: 1.1rem; }
.tsc-article .tsa-font-size-1-2rem { font-size: 1.2rem; }
.tsc-article .tsa-font-size-1-3rem { font-size: 1.3rem; }
.tsc-article .tsa-font-size-1-4rem { font-size: 1.4rem; }
.tsc-article .tsa-font-size-1-5rem { font-size: 1.5rem; }
.tsc-article .tsa-font-size-1-6rem { font-size: 1.6rem; }
.tsc-article .tsa-font-size-1-8rem { font-size: 1.8rem; }
.tsc-article .tsa-font-size-2-2rem { font-size: 2.2rem; }
.tsc-article .tsa-font-size-2rem { font-size: 2rem; }
.tsc-article .tsa-font-size-75rem { font-size: .75rem; }
.tsc-article .tsa-font-size-7rem { font-size: .7rem; }
.tsc-article .tsa-font-size-85rem { font-size: .85rem; }
.tsc-article .tsa-font-size-8rem { font-size: .8rem; }
.tsc-article .tsa-font-style-italic { font-style: italic; }
.tsc-article .tsa-font-weight-600 { font-weight: 600; }
.tsc-article .tsa-font-weight-700 { font-weight: 700; }
.tsc-article .tsa-font-weight-800 { font-weight: 800; }
.tsc-article .tsa-font-weight-900 { font-weight: 900; }
.tsc-article .tsa-gap-8px { gap: 8px; }
.tsc-article .tsa-height-100 { height: 100%; }
.tsc-article .tsa-height-200px { height: 200px; }
.tsc-article .tsa-height-auto { height: auto; }
.tsc-article .tsa-justify-content-center { justify-content: center; }
.tsc-article .tsa-letter-spacing-0-06em { letter-spacing: 0.06em; }
.tsc-article .tsa-letter-spacing-0-08em { letter-spacing: 0.08em; }
.tsc-article .tsa-letter-spacing-0-15em { letter-spacing: 0.15em; }
.tsc-article .tsa-letter-spacing-3px { letter-spacing: .3px; }
.tsc-article .tsa-letter-spacing-4px { letter-spacing: .4px; }
.tsc-article .tsa-letter-spacing-5px { letter-spacing: .5px; }
.tsc-article .tsa-letter-spacing-6px { letter-spacing: .6px; }
.tsc-article .tsa-letter-spacing-8px { letter-spacing: .8px; }
.tsc-article .tsa-line-height-1-5 { line-height: 1.5; }
.tsc-article .tsa-line-height-1-6 { line-height: 1.6; }
.tsc-article .tsa-line-height-1-7 { line-height: 1.7; }
.tsc-article .tsa-line-height-1-75 { line-height: 1.75; }
.tsc-article .tsa-line-height-1-8 { line-height: 1.8; }
.tsc-article .tsa-margin-0-auto { margin: 0 auto; }
.tsc-article .tsa-margin-bottom-4px { margin-bottom: 4px; }
.tsc-article .tsa-margin-bottom-6px { margin-bottom: 6px; }
.tsc-article .tsa-margin-bottom-8px { margin-bottom: 8px; }
.tsc-article .tsa-margin-top-1-5rem { margin-top: 1.5rem; }
.tsc-article .tsa-margin-top-12px { margin-top: 12px; }
.tsc-article .tsa-margin-top-16px { margin-top: 16px; }
.tsc-article .tsa-margin-top-1rem { margin-top: 1rem; }
.tsc-article .tsa-margin-top-4px { margin-top: 4px; }
.tsc-article .tsa-margin-top-6px { margin-top: 6px; }
.tsc-article .tsa-margin-top-8px { margin-top: 8px; }
.tsc-article .tsa-max-height-100 { max-height: 100%; }
.tsc-article .tsa-max-height-360px { max-height: 360px; }
.tsc-article .tsa-max-height-380px { max-height: 380px; }
.tsc-article .tsa-max-height-400px { max-height: 400px; }
.tsc-article .tsa-max-height-420px { max-height: 420px; }
.tsc-article .tsa-max-height-480px { max-height: 480px; }
.tsc-article .tsa-max-width-100 { max-width: 100%; }
.tsc-article .tsa-max-width-600px { max-width: 600px; }
.tsc-article .tsa-max-width-680px { max-width: 680px; }
.tsc-article .tsa-object-fit-contain { object-fit: contain; }
.tsc-article .tsa-opacity-0-6 { opacity: 0.6; }
.tsc-article .tsa-opacity-0-7 { opacity: 0.7; }
.tsc-article .tsa-opacity-0-75 { opacity: 0.75; }
.tsc-article .tsa-opacity-0-8 { opacity: 0.8; }
.tsc-article .tsa-opacity-0-85 { opacity: 0.85; }
.tsc-article .tsa-opacity-0-9 { opacity: 0.9; }
.tsc-article .tsa-overflow-hidden { overflow: hidden; }
.tsc-article .tsa-overflow-x-auto { overflow-x: auto; }
.tsc-article .tsa-padding-8px { padding: 8px; }
.tsc-article .tsa-padding-left-12px { padding-left: 12px; }
.tsc-article .tsa-padding-left-1rem { padding-left: 1rem; }
.tsc-article .tsa-text-align-center { text-align: center; }
.tsc-article .tsa-text-align-left { text-align: left; }
.tsc-article .tsa-text-decoration-none { text-decoration: none; }
.tsc-article .tsa-text-transform-uppercase { text-transform: uppercase; }
.tsc-article .tsa-vertical-align-top { vertical-align: top; }
.tsc-article .tsa-white-space-pre-wrap { white-space: pre-wrap; }
.tsc-article .tsa-width-100 { width: 100%; }
.tsc-article .tsa-width-auto { width: auto; }