.website-down-page { width: min(1120px, calc(100% - 2rem)); }
.website-down-badge { align-self: flex-start; background: color-mix(in srgb, var(--tool-teal) 13%, transparent); border: 1px solid color-mix(in srgb, var(--tool-teal) 25%, transparent); border-radius: 999px; color: var(--tool-teal); font-size: .82rem; font-weight: 750; padding: .45rem .7rem; white-space: nowrap; }
.website-down-form { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: .8rem; align-items: end; }
.website-down-form label { display:block; margin-bottom:.4rem; color:var(--text-primary); font-weight:700; }
.website-down-action { min-width:180px; display:inline-flex; align-items:center; justify-content:center; gap:.65rem; }
.website-down-action .loader { display:none; width:17px; height:17px; border:2px solid rgba(255,255,255,.35); border-top-color:#fff; border-radius:50%; animation:website-down-spin .8s linear infinite; }
.website-down-action.loading .loader { display:inline-block; }
.website-down-samples { display:flex; flex-wrap:wrap; gap:.55rem; margin-top:.9rem; }
.website-down-sample { border:1px solid var(--tool-border); border-radius:.65rem; background:var(--tool-card-soft); color:var(--tool-ink); cursor:pointer; padding:.45rem .7rem; font:inherit; }
.website-down-sample:hover,.website-down-sample:focus-visible { border-color:var(--tool-teal); color:var(--tool-teal); outline:none; }
.website-down-results[hidden] { display:none; }
.website-down-summary,.website-down-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:.9rem; }
.website-down-metric,.website-down-card { background:var(--bg-card); border:1px solid var(--border-color); border-radius:.75rem; padding:1rem; box-shadow:var(--shadow-sm); }
.website-down-metric { display:grid; grid-template-columns:2.2rem minmax(0,1fr); gap:.2rem .7rem; align-items:center; }
.website-down-metric i { grid-row:span 2; width:2.2rem; height:2.2rem; display:inline-flex; align-items:center; justify-content:center; border-radius:.6rem; background:rgba(14,165,233,.13); color:#0284c7; }
.website-down-metric strong { font-size:1.05rem; overflow-wrap:anywhere; }
.website-down-metric small { color:var(--text-muted); }
.website-down-metric.online i { background:rgba(34,197,94,.14); color:#15803d; }
.website-down-metric.warning i { background:rgba(245,158,11,.16); color:#b45309; }
.website-down-metric.offline i { background:rgba(239,68,68,.15); color:#b91c1c; }
.website-down-card h3 { margin-top:0; }
.website-down-card p:last-child { margin-bottom:0; }
.website-down-list { margin:0; padding-left:1.2rem; }
@keyframes website-down-spin { to { transform:rotate(360deg); } }
@media (max-width:700px) { .website-down-form { grid-template-columns:1fr; } .website-down-action { width:100%; } .website-down-badge { align-self:auto; } }