.u-mt-2 {margin-top: var(--space-2);} .u-mt-4 {margin-top: var(--space-4);} .u-mt-6 {margin-top: var(--space-6);} .u-mt-8 {margin-top: var(--space-8);} .u-mt-10 {margin-top: var(--space-10);} .u-mt-12 {margin-top: var(--space-12);} .u-mb-4 {margin-bottom: var(--space-4);} .u-mb-10 {margin-bottom: var(--space-10);} .u-mb-12 {margin-bottom: var(--space-12);} .u-measure {max-width: var(--measure); margin-inline: auto;} .u-measure-text {max-width: var(--measure-text);} .u-text-accent {color: var(--color-accent-text);} .u-text-inverse {color: var(--color-text-inverse);} .u-text-muted {color: var(--color-text-muted);} .u-text-sm {font-size: var(--text-sm);} .u-text-5xl {font-size: var(--text-5xl);} .u-link-inherit {color: inherit; text-decoration: underline;} .u-w-full {width: 100%;} .u-inline-flex {display: inline-flex;} .u-justify-start {justify-content: flex-start;} .error-stage {min-height: 60vh; display: flex; align-items: center;} .rubric {display: flex; align-items: center; gap: var(--space-5); padding-block: var(--space-3); border-bottom: 2px solid var(--color-gray-200); animation: fadeInUp 0.5s ease-out;} .rubric__text {flex: 0 0 auto; min-width: 0;} .rubric__title {font-size: var(--text-2xl); font-weight: var(--font-weight-semibold); letter-spacing: var(--tracking-tight); color: var(--color-text); margin: 0 0 var(--space-1) 0;} .rubric__meta {font-size: 13px; font-weight: var(--font-weight-medium); color: var(--color-text-muted); margin: 0; text-transform: uppercase; letter-spacing: var(--tracking-snug);} .rubric__rule {flex: 1 1 auto; height: 1px; background: linear-gradient(90deg, var(--color-gray-200) 0%, var(--color-accent-light) 50%, var(--color-gray-200) 100%); opacity: 0.6; animation: shimmer 2s ease-in-out infinite;} @keyframes shimmer {0%, 100% {opacity: 0.6;} 50% {opacity: 1;}} @keyframes fadeInUp {from {opacity: 0; transform: translateY(12px);} to {opacity: 1; transform: translateY(0);}}
.cert-seal-item {position: relative; overflow: hidden;} .cert-seal-item::before {content: ""; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: var(--color-accent);} .cert-seal-class {display: block; font-size: var(--text-xs); font-weight: var(--font-weight-bold); letter-spacing: var(--tracking-wide); text-transform: uppercase; color: var(--color-accent-text); margin-top: var(--space-1);} .cert-library {display: flex; flex-direction: column; gap: var(--space-10);} .cert-library-section {border-top: 1px solid var(--on-dark-border-faint); padding-top: var(--space-8);} .cert-library-section-hd {display: flex; align-items: flex-start; gap: var(--space-4); margin-bottom: var(--space-6);} .cert-library-section-hd > i {width: 2.25rem; height: 2.25rem; display: flex; align-items: center; justify-content: center; flex-shrink: 0; background: rgb(var(--c-ember-dark) / 0.1); border-radius: var(--radius-lg); color: var(--color-accent-text); font-size: var(--text-sm); margin-top: 2px;} .cert-library-section-title {font-size: var(--text-xl); font-weight: var(--font-weight-bold); color: var(--on-dark-text); margin: 0 0 var(--space-1); line-height: 1.3;} .cert-library-section-subtitle {font-size: var(--text-sm); color: var(--on-dark-text-muted); margin: 0;} .cert-library-rows {display: flex; flex-direction: column;} .cert-library-row {display: grid; grid-template-columns: 1fr; gap: var(--space-2); padding: var(--space-5) 0; border-bottom: 1px solid var(--on-dark-border-faint); align-items: center;} @media (min-width: 800px) {.cert-library-row {grid-template-columns: minmax(200px, 1.6fr) minmax(160px, 2fr) auto auto; gap: var(--space-4) var(--space-6); padding-inline: var(--space-4); margin-inline: calc(-1 * var(--space-4)); border-radius: var(--radius-lg); transition: background var(--transition-base);} .cert-library-row:hover {background: var(--on-dark-surface-faint);}} .cert-library-row-norm {font-size: var(--text-base); font-weight: var(--font-weight-semibold); color: var(--on-dark-text); line-height: 1.3;} .cert-library-row--primary .cert-library-row-norm {color: var(--on-dark-text); font-weight: var(--font-weight-bold);} @media (min-width: 800px) {.cert-library-row--primary {background: rgb(var(--c-ember-dark) / 0.05); box-shadow: inset 2px 0 0 var(--color-accent);} .cert-library-row--primary:hover {background: rgb(var(--c-ember-dark) / 0.09);}} .cert-library-row-scope {font-size: var(--text-sm); color: var(--on-dark-text-muted); line-height: var(--leading-relaxed);} .cert-library-row-body {display: flex; align-items: center; flex-wrap: wrap; gap: var(--space-1); margin-top: var(--space-2); font-size: var(--text-xs);} .cert-library-row-body-ico {color: var(--color-accent-text); font-size: 0.85em;} .cert-library-row-body strong {color: var(--on-dark-text-soft); font-weight: var(--font-weight-semibold); letter-spacing: var(--tracking-wide);} .cert-library-row-body-full {color: var(--on-dark-text-muted);} .cert-library-row-badges {display: flex; flex-wrap: wrap; gap: var(--space-2); align-items: center;} .cert-badge {display: inline-flex; align-items: center; padding: 0.2rem 0.55rem; border-radius: 4px; font-size: 0.7rem; font-weight: var(--font-weight-semibold); letter-spacing: var(--tracking-wide); white-space: nowrap;} .cert-badge--valid {background: rgb(var(--c-success-light) / 0.08); border: 1px solid rgb(var(--c-success-light) / 0.18); color: var(--color-success-border);} .cert-badge--lang {background: var(--on-dark-surface); border: 1px solid var(--on-dark-border); color: var(--on-dark-text-muted);} .cert-badge--personal {background: rgb(var(--c-personal) / 0.08); border: 1px solid rgb(var(--c-personal) / 0.15); color: rgb(var(--c-personal-ink));} .cert-badge--reg {background: var(--on-dark-surface); border: 1px solid var(--on-dark-border); color: var(--on-dark-text-soft); font-family: var(--font-mono, ui-monospace, monospace); letter-spacing: 0;} .cert-library-more {display: inline-flex; align-items: center; gap: var(--space-2); margin-top: var(--space-5); font-size: var(--text-sm); font-weight: var(--font-weight-semibold); color: var(--color-accent-text); text-decoration: none; transition: gap var(--transition-base);} .cert-library-more:hover {gap: var(--space-3); text-decoration: underline;} .usp-grid.cert-origin {grid-template-columns: 1fr; max-width: var(--measure); margin-inline: auto;} .cert-library-note {margin-top: var(--space-8); padding: var(--space-5) var(--space-6); background: var(--on-dark-surface-faint); border-left: 3px solid var(--color-accent); border-radius: var(--radius-lg); font-size: var(--text-sm); color: var(--on-dark-text-soft); line-height: var(--leading-relaxed);}