*{ box-sizing:border-box; }
html,body{ margin:0; padding:0; }
body{
  font-family:"Inter","Noto Sans TC",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  color:var(--text);
  background: radial-gradient(1200px 900px at 20% 0%, #162a52 0%, var(--bg) 55%);
  line-height:1.5;
}

a{ color:inherit; text-decoration:none; }
img{ max-width:100%; height:auto; display:block; }
h1,h2,h3{ line-height:1.15; margin:0; }
p{ margin:0; }
ul{ margin:0; padding:0; list-style:none; }

.container{
  width:min(var(--container), 92%);
  margin:0 auto;
}

.muted{ color:var(--muted); }
.small{ font-size:12px; }

.center{ display:flex; justify-content:center; margin-top:18px; }

.skip-link{
  position:absolute;
  left:-999px;
  top:10px;
  background:#fff;
  color:#000;
  padding:10px 12px;
  border-radius:10px;
  z-index:9999;
}
.skip-link:focus{ left:12px; }