:root{--check-accent:var(--brand-accent,#c2410c);
  --check-ink:var(--brand-ink,#1d2025);
  --check-border:#d4d4d8;
  --check-error:#991b1b}

body{margin:0;
  background:var(--brand-paper,#f4f4f5);
  line-height:1.6}
header,footer{max-width:960px;
  margin:auto;
  padding:24px;
  display:flex;
  justify-content:space-between;
  gap:24px}
a{color:var(--check-accent)}
.brand{font-size:24px;
  font-weight:800;
  text-decoration:none;
  color:var(--check-ink)}
.brand span{color:var(--check-accent)}
main{max-width:800px;
  margin:32px auto;
  padding:0 24px}
h1{font-size:clamp(30px,5vw,48px);
  line-height:1.15;
  color:var(--check-ink)}
h2{line-height:1.25;
  color:var(--check-ink)}
.check-card{background:white;
  border:1px solid var(--check-border);
  border-radius:16px;
  padding:28px;
  margin:28px 0;
  overflow-wrap:anywhere}
fieldset{border:0;
  padding:0;
  margin:0 0 24px}
fieldset label{display:inline-flex;
  gap:6px;
  margin-right:20px}
label,legend{font-weight:600}
textarea,select,input[type=url],input[type=file]{display:block;
  width:100%;
  box-sizing:border-box;
  margin:8px 0 20px;
  padding:12px;
  border:1px solid var(--check-border);
  border-radius:8px;
  font:inherit;
  background:white;
  color:var(--check-ink)}
textarea{resize:vertical}
button,.demo{display:inline-block;
  border:0;
  border-radius:8px;
  background:var(--check-accent);
  color:white;
  padding:12px 20px;
  font:inherit;
  font-weight:700;
  cursor:pointer;
  text-decoration:none}
button:disabled{opacity:.65;
  cursor:wait}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--check-accent);
  outline-offset:3px}
.privacy{font-size:14px}
#error{color:var(--check-error)}
.score{font-size:36px;
  font-weight:800;
  color:var(--check-accent)}
.category{border-top:1px solid var(--check-border);
  padding:16px 0}
.category h3{margin:0}
.copy{background:white;
  color:var(--check-accent);
  border:1px solid var(--check-accent);
  margin:8px 0}
li{margin-bottom:8px}
[hidden]{display:none!important}
@media(max-width:480px){header,footer{padding:16px;
  font-size:14px}
main{padding:0 16px;
  margin-top:20px}
.check-card{padding:20px}
fieldset label{margin-right:10px}
.brand{font-size:21px}
}