/* Website down checker (/tools/website-down-checker). */
:root{--dc-up:#1f7a5a;--dc-up-tint:#e6f5ee;--dc-warn:#9a6212;--dc-warn-tint:#fdf2df;--dc-down:#c23a2b;--dc-down-tint:#fdebe8;--dc-idle:#8a94a8}
.dc-main h1{margin-bottom:18px}
.dc-form{margin:38px 0 0;max-width:820px}
.dc-form label,.dc-cta-form label{display:block;font-size:13px;font-weight:700;margin-bottom:9px}
.dc-field{display:flex;gap:10px;align-items:stretch}
.dc-field input{flex:1;min-width:0;border:1px solid var(--wire);border-radius:10px;background:var(--surface);color:var(--ink);padding:0 18px;height:58px;font:600 18px Manrope,system-ui,sans-serif;box-shadow:0 8px 24px #2b4b850a}
.dc-field input::placeholder{color:#9aa4b7;font-weight:500}
.dc-field input:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-color:var(--accent)}
.dc-field .button{font-size:14px;padding:0 26px;white-space:nowrap;border:0;cursor:pointer;min-height:58px}
.dc-field .button:disabled{opacity:.7;cursor:progress;transform:none}
.dc-hint{font-size:12px;color:var(--muted);margin-top:11px}
.dc-error{margin-top:12px;font-size:13px;font-weight:650;color:var(--dc-down);background:var(--dc-down-tint);border-radius:8px;padding:10px 14px;max-width:820px}
.dc-link{color:var(--accent);text-decoration:underline;text-underline-offset:3px}

.dc-result{margin-top:34px;max-width:980px;border:1px solid var(--line);background:var(--surface);border-radius:16px;overflow:hidden;box-shadow:0 18px 50px #2b4b850d;transition:opacity .2s}
.dc-result.dc-loading{opacity:.55}
.dc-verdict{--tone:var(--dc-up);--tone-tint:var(--dc-up-tint);display:flex;gap:22px;align-items:flex-start;padding:30px 32px;background:var(--tone-tint);border-bottom:1px solid var(--line)}
.dc-verdict[data-state=warn]{--tone:var(--dc-warn);--tone-tint:var(--dc-warn-tint)}
.dc-verdict[data-state=down]{--tone:var(--dc-down);--tone-tint:var(--dc-down-tint)}
.dc-verdict[data-state=unknown]{--tone:var(--dc-idle);--tone-tint:var(--ground)}
.dc-light{flex:none;width:18px;height:18px;margin-top:9px;border-radius:50%;background:var(--tone);box-shadow:0 0 0 6px color-mix(in srgb,var(--tone) 18%,transparent);animation:dc-pulse 2.4s ease-in-out infinite}
@keyframes dc-pulse{50%{box-shadow:0 0 0 11px color-mix(in srgb,var(--tone) 6%,transparent)}}
.dc-kicker{font-size:11px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--tone,var(--accent))}
.dc-verdict h2{font-size:clamp(26px,3.4vw,38px);letter-spacing:-1.3px;line-height:1.15;margin:6px 0 10px;overflow-wrap:anywhere}
.dc-message{color:var(--ink);opacity:.8;max-width:640px;font-size:14px}

.dc-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0}
.dc-facts>div{padding:20px 32px;border-bottom:1px solid var(--line);min-width:0}
.dc-facts>div+div{border-left:1px solid var(--line)}
.dc-facts .dc-wide{grid-column:1/-1;border-left:0}
.dc-facts dt{font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--muted)}
.dc-facts dd{margin:6px 0 0;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;min-width:0}
.dc-facts strong{font-size:26px;letter-spacing:-.8px;font-variant-numeric:tabular-nums}
.dc-facts dd span{font-size:12px;color:var(--muted)}
.dc-facts code{font-size:14px;font-weight:600;overflow-wrap:anywhere;min-width:0}
#dc-speed[data-speed=fast]{color:var(--dc-up);font-weight:700}
#dc-speed[data-speed=slow],#dc-speed[data-speed=very-slow]{color:var(--dc-warn);font-weight:700}
#dc-https[data-ok=true]{color:var(--dc-up)}
#dc-https[data-ok=false]{color:var(--dc-warn)}
.dc-hops{list-style:none;margin:0;padding:14px 32px;border-bottom:1px solid var(--line);display:grid;gap:8px;font-size:12px;counter-reset:hop}
.dc-hops li{display:flex;gap:12px;align-items:baseline;min-width:0;color:var(--muted)}
.dc-hops span{flex:none;font-weight:800;color:var(--ink);background:var(--tint);border-radius:5px;padding:1px 7px;font-variant-numeric:tabular-nums}
.dc-hops code{overflow-wrap:anywhere;min-width:0}
.dc-meta{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 32px;font-size:12px;color:var(--muted)}
.dc-again{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:8px;padding:8px 14px;font-size:12px;font-weight:700;cursor:pointer}
.dc-again:hover{color:var(--accent);border-color:var(--wire)}

.dc-cta{position:relative;isolation:isolate;overflow:hidden;margin-top:30px;max-width:980px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center;padding:40px;border-radius:20px;color:#dfe6f3;background:radial-gradient(60% 80% at 88% 30%,#3f55e866,transparent 70%),linear-gradient(180deg,#18217a,#1d2a93)}
.dc-cta::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#ffffff0d 1px,transparent 1px),linear-gradient(90deg,#ffffff0d 1px,transparent 1px);background-size:36px 36px;-webkit-mask-image:linear-gradient(180deg,#000,transparent);mask-image:linear-gradient(180deg,#000,transparent)}
.dc-cta .dc-kicker{color:#b4bdff}
.dc-cta h2{color:#fff;font-size:clamp(24px,2.8vw,32px);letter-spacing:-1px;line-height:1.2;margin:8px 0 12px;overflow-wrap:anywhere}
.dc-cta p{font-size:14px;color:#c9d0fb}
.dc-cta-form label{color:#fff}
.dc-cta .dc-field{gap:6px;padding:6px;border-radius:14px;background:#fff;box-shadow:0 0 0 6px #ffffff14,0 24px 50px -24px #02051fcc}
.dc-cta .dc-field:focus-within{box-shadow:0 0 0 6px #ffd23f73,0 24px 50px -24px #02051fcc}
.dc-cta .dc-field input{height:46px;font-size:15px;border:0;box-shadow:none;background:transparent;padding:0 12px}
.dc-cta .dc-field input:focus-visible{outline:none}
.dc-cta .dc-field .button,.dc-cta .dc-field .button:hover{min-height:46px;border-radius:10px;background:#ffd23f;color:#1b1606;font-weight:800;box-shadow:none;transform:none}
.dc-cta .dc-field .button:hover{background:#ffdc62}
.dc-cta .dc-hint{color:#c9d0fb}
.dc-cta .dc-link{color:#b0c5ff}

.dc-codes{max-width:980px;margin-top:60px}
.dc-table{overflow-x:auto}
.dc-table table{min-width:540px}
.dc-table td:first-child{font-weight:800;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--ink)}
.dc-table td:nth-child(2){white-space:nowrap;color:var(--ink)}
.dc-table td{color:var(--muted)}
.dc-faq{padding-top:30px}
.dc-faq summary:focus-visible,.dc-again:focus-visible{outline:3px solid var(--accent);outline-offset:3px}

@media(max-width:700px){
  .dc-form{margin-top:26px}
  .dc-field{flex-direction:column}
  .dc-field input{flex:none;height:52px;font-size:16px}
  .dc-field .button{min-height:50px}
  .dc-verdict{padding:22px 20px;gap:14px}
  .dc-light{width:14px;height:14px;margin-top:7px}
  .dc-facts{grid-template-columns:1fr 1fr}
  .dc-facts>div{padding:16px 20px}
  .dc-facts>div:nth-child(3){grid-column:1/-1;border-left:0}
  .dc-facts strong{font-size:22px}
  .dc-hops,.dc-meta{padding-inline:20px}
  .dc-cta{grid-template-columns:1fr;gap:22px;padding:26px 22px}
  .dc-table table{min-width:0;font-size:12px}
  .dc-table td:nth-child(2){white-space:normal}
  .dc-table th,.dc-table td{padding:12px 6px}
}