.alerts-surface{--a-fg: hsl(var(--foreground));--a-heading: hsl(var(--headings));--a-muted: hsl(var(--muted-foreground));--a-card: hsl(var(--card));--a-card-hover: hsl(var(--muted));--a-border: hsl(var(--border));--a-border-strong: hsl(var(--muted-foreground-subtle));--a-accent: hsl(var(--primary-500));--a-danger: hsl(var(--destructive));--a-danger-text: color-mix(in srgb, hsl(var(--destructive)) 72%, black);--a-success-text: color-mix(in srgb, hsl(var(--chart-2)) 60%, black);--a-warning-text: color-mix(in srgb, hsl(var(--chart-5)) 55%, black);color:var(--a-fg);min-height:70vh}.alerts-wrap{margin-inline:auto;max-width:72rem;padding:3.5rem 1.5rem 5rem}.alerts-wrap--article{max-width:46rem}.alerts-eyebrow{color:var(--a-muted);font-size:.875rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.alerts-title{font-size:clamp(2rem,4.5vw,3rem);font-weight:600;letter-spacing:-.02em;line-height:1.1;margin-top:.5rem}.alerts-lede{color:var(--a-muted);font-size:1.125rem;line-height:1.6;margin-top:1rem;max-width:40rem}.alerts-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(min(18rem,100%),1fr));list-style:none;margin:2.5rem 0 0;padding:0}.alerts-empty{background:var(--a-card);border:1px solid var(--a-border);border-radius:1rem;margin-top:2.5rem;padding:2rem}.alerts-empty p+p{color:var(--a-muted);margin-top:.5rem}.alerts-back{color:var(--a-muted);display:inline-block;font-size:.9375rem;margin-bottom:1.5rem;text-decoration:none}.alerts-back:hover{color:var(--a-fg)}.alert-pill{align-self:flex-start;background:hsl(var(--destructive) / .1);border:1px solid hsl(var(--destructive) / .35);border-radius:999px;color:var(--a-danger-text);display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.08em;padding:.25rem .75rem;text-transform:uppercase}.alert-card{background:var(--a-card);border:1px solid var(--a-border);border-radius:1rem;color:inherit;display:flex;flex-direction:column;height:100%;overflow:hidden;text-decoration:none;transition:background-color .2s,border-color .2s}.alert-card:hover,.alert-card:focus-visible{background:var(--a-card-hover);border-color:var(--a-border-strong)}.alert-card__hero{aspect-ratio:16 / 9;background:hsl(var(--muted));border-bottom:1px solid var(--a-border);display:block;object-fit:cover;width:100%}.alert-card__body{display:flex;flex:1;flex-direction:column;gap:.75rem;padding:1.25rem}.alert-card__title{font-size:1.25rem;font-weight:600;letter-spacing:-.01em;line-height:1.3;overflow-wrap:anywhere}.alert-card__time,.alert-meta{color:var(--a-muted);font-size:.9375rem}.alert-card__time{margin-top:auto}.alert-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:600;letter-spacing:-.02em;line-height:1.15;margin-top:1rem;overflow-wrap:anywhere}.alert-meta{display:flex;flex-wrap:wrap;gap:.25rem 1rem;margin-top:.75rem}.alert-expiry{color:var(--a-warning-text);font-weight:500}.alert-hero{background:hsl(var(--muted));border:1px solid var(--a-border);border-radius:1rem;display:block;height:auto;margin-top:1.75rem;max-width:100%;width:100%}.alert-actions{margin-top:2rem}.alert-share{align-items:center;background:var(--a-card);border:1px solid hsl(var(--input));border-radius:999px;color:var(--a-fg);display:inline-flex;font-weight:500;gap:.5rem;padding:.6rem 1.1rem;text-decoration:none;transition:background-color .2s}.alert-share:hover,.alert-share:focus-visible{background:hsl(var(--accent))}.alert-buttons{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.75rem}.alert-button{align-items:center;border:1px solid transparent;border-radius:999px;display:inline-flex;font-weight:500;padding:.6rem 1.25rem;text-decoration:none;transition:background-color .2s,border-color .2s}.alert-button--primary{background:hsl(var(--primary-500));color:hsl(var(--primary-foreground))}.alert-button--primary:hover,.alert-button--primary:focus-visible{background:color-mix(in srgb,hsl(var(--primary-500)) 85%,black)}.alert-button--outline{background:var(--a-card);border-color:hsl(var(--input));color:var(--a-fg)}.alert-button--outline:hover,.alert-button--outline:focus-visible{background:hsl(var(--accent))}.alert-install{align-items:center;background:linear-gradient(135deg,hsl(var(--primary-500) / .1),hsl(var(--primary-500) / .03));border:1px solid hsl(var(--primary-500) / .35);border-radius:1rem;display:flex;flex-wrap:wrap;gap:1rem 1.5rem;justify-content:space-between;margin-top:2.5rem;padding:1.5rem}.alert-install__copy{flex:1 1 18rem;font-size:1.125rem;line-height:1.5}.alert-body{font-size:1.0625rem;line-height:1.7;margin-top:2rem;overflow-wrap:anywhere}.alert-body>*{margin:0}.alert-body>*+*{margin-top:1rem}.alert-body .bc-callout>*+*,.alert-body li>*+*{margin-top:.5rem}.alert-body h2,.alert-body h3,.alert-body h4{color:var(--a-heading);font-weight:600;letter-spacing:-.01em;line-height:1.25}.alert-body>h2,.alert-body>h3,.alert-body>h4{margin-top:1.75rem}.alert-body h2{font-size:1.5rem}.alert-body h3{font-size:1.25rem}.alert-body h4{font-size:1.0625rem}.alert-body ul,.alert-body ol{padding-left:1.5rem}.alert-body ul{list-style:disc}.alert-body ol{list-style:decimal}.alert-body li+li{margin-top:.35rem}.alert-body strong{font-weight:600}.alert-body em{font-style:italic}.alert-body u{text-underline-offset:3px}.alert-body a{color:var(--a-accent);text-decoration:underline;text-underline-offset:3px}.alert-body code{background:hsl(var(--muted));border:1px solid var(--a-border);border-radius:.3rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em;padding:.05em .4em}.alert-body img{background:hsl(var(--muted));border:1px solid var(--a-border);border-radius:.75rem;display:block;height:auto;max-width:100%}.alert-body .bc-callout{background:hsl(var(--primary-500) / .06);border-left:4px solid var(--a-accent);border-radius:.5rem;padding:.9rem 1.1rem}.alert-body .bc-callout-warning{background:hsl(var(--chart-5) / .14);border-left-color:hsl(var(--chart-5))}.alert-body .bc-callout-danger{background:hsl(var(--destructive) / .07);border-left-color:var(--a-danger)}.alert-body .bc-tone-muted{color:var(--a-muted)}.alert-body .bc-tone-accent{color:var(--a-accent)}.alert-body .bc-tone-success{color:var(--a-success-text)}.alert-body .bc-tone-warning{color:var(--a-warning-text)}.alert-body .bc-tone-danger{color:var(--a-danger-text)}.alert-body .bc-size-caption{font-size:.8125rem}.alert-body .bc-size-small{font-size:.9375rem}.alert-body .bc-size-lead{font-size:1.25rem}.alert-body .bc-size-display{font-size:1.75rem;line-height:1.25}.alert-body .bc-align-center{text-align:center}
