:root{
  --bg:#ffffff;
  --ink:#111827;
  --muted:#6b7280;
  --line:#e5e7eb;
  --panel:#fafafa;
  --link:#1d4ed8; /* keep link-only accent */
}

*{ box-sizing:border-box; }

html,body{
  margin:0;
  padding:0;
  background:var(--bg);
  color:var(--ink);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Lato,Helvetica,Arial,sans-serif;
  font-size:16px;
  line-height:1.45;
}

body{ padding:18px; }

.wrap{
  max-width:720px;
  margin:0 auto;
}

.header{
  padding:10px 0 14px 0;
  border-bottom:1px solid var(--line);
  margin-bottom:14px;
  text-align:center;
}

h1{
  font-size:1.65rem;
  margin:0 0 4px 0;
  font-weight:650;
  letter-spacing:-0.01em;
}

.tagline{
  margin:0;
  color:var(--muted);
}

.brand svg{
  display:block;
  margin:0 auto 6px auto;
}

.meta{
  margin-top:10px;
}

a{
  color:var(--link);
  text-decoration:none;
}

a:hover,a:focus{ text-decoration:underline; }

.panel{
  border:1px solid var(--line);
  background:#fff;
  border-radius:12px;
  padding:14px;
  margin:12px 0;
}

.panel.subtle{
  background:var(--panel);
}

h2{
  font-size:1.05rem;
  margin:0 0 8px 0;
  font-weight:650;
}

ul{
  margin:0;
  padding-left:18px;
}

li{ margin:0 0 6px 0; }

.contact a{
  font-weight:600;
}

.footer{
  margin-top:18px;
  padding-top:12px;
  border-top:1px solid var(--line);
  color:var(--muted);
  font-size:0.92rem;
}

@media (min-width:768px){
  body{ padding:28px; }
  .meta{ margin-top:12px; }
}
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.primary-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 10px;
  border:1px solid var(--line);
  border-radius:10px;
  background:#fff;
  color:var(--link);
  text-decoration:none;
}

.primary-badge:hover,
.primary-badge:focus{
  text-decoration:underline;
}