.mat{--font-mono:var(--font-jetbrains), ui-monospace, Menlo, monospace;--mat-bg:#0e1012;--mat-line:#edf1f129;--mat-muted:#8c9396;--mat-body:#d5dbdc;--mat-sub:#b9c0c2;--mat-alert:#ffb4a2}body:has(.mat){background:radial-gradient(120% 60% at 85% 0%, #c6ff3d1a, transparent 60%), var(--mat-bg)}.mat-head{gap:var(--space-5);justify-items:start;max-width:48rem;display:grid}.mat-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.mat-top{justify-content:space-between;gap:var(--space-2);width:100%;font:500 .8125rem/1.3 var(--font-mono);color:var(--mat-muted);letter-spacing:.04em;flex-wrap:wrap;display:flex}.mat-title{letter-spacing:-.01em;text-transform:uppercase;font:700 clamp(2rem,1.4rem + 3vw,3.25rem)/1.05 Helvetica Neue,Helvetica,Arial,sans-serif}.mat-title i,.mat-card h2 i{font-family:var(--font-serif);color:var(--pop);text-transform:none;font-size:1.12em;font-style:italic;font-weight:400}.mat-sub{color:var(--mat-sub);max-width:40rem;font-size:1.0625rem;line-height:1.5}.mat-list{gap:var(--space-6);margin:0;padding:0;list-style:none;display:grid}.mat-card{border:1px solid var(--mat-line);gap:var(--space-3);background:#ffffff0a;border-radius:14px;min-width:0;padding:clamp(1.25rem,1rem + 1.5vw,2rem);display:grid}.mat-n{font:500 .8125rem/1 var(--font-mono);color:var(--pop);letter-spacing:.06em}.mat-card h2{letter-spacing:0;align-items:center;gap:var(--space-3);flex-wrap:wrap;font:700 clamp(1.375rem,1.2rem + .8vw,1.75rem)/1.2 Helvetica Neue,Helvetica,Arial,sans-serif;display:flex}.mat-tag{font:500 .6875rem/1 var(--font-mono);color:var(--mat-bg);background:var(--pop);letter-spacing:.04em;border-radius:20px;padding:.3rem .65rem}.mat-card>p{color:var(--mat-body);max-width:44rem;margin:0;font-size:1rem;line-height:1.5}.mat .code-block{background:#050607;border:1px solid #c6ff3d59;border-radius:8px}.mat .code-block__bar{border-bottom:1px solid #c6ff3d2e}.mat .code-block__bar .label{font-family:var(--font-mono);color:var(--mat-muted);letter-spacing:.04em}.mat .code-block pre{color:var(--pop);font-family:var(--font-mono);white-space:pre-wrap;word-break:break-all}.mat .callout{color:var(--mat-alert);border:0;padding:0;font-size:.9375rem}.mat .callout strong{color:var(--mat-alert)}.mat-links{gap:var(--space-1) var(--space-4);flex-wrap:wrap;margin:0;display:flex}.mat-links a{font:500 .8125rem/1.5 var(--font-mono);color:var(--mat-muted);overflow-wrap:anywhere}.mat-links a:hover{color:var(--text)}.mat .code-block--wrap pre{word-break:normal;overflow-wrap:anywhere}.mat-head{text-align:center;justify-items:center;margin-inline:auto}.mat-actions{justify-content:center}.mat-top{justify-content:center;column-gap:var(--space-6)}
