:root {
  color-scheme: light;
  font-family: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #17384a;
  background: #f7fbfd;
}

body {
  margin: 0;
  line-height: 1.75;
}

.brand {
  margin: 0 0 8px;
  color: #1975a3;
  font-weight: 800;
  letter-spacing: .02em;
}

.lead { color: #526d7a; }

main {
  width: min(760px, calc(100% - 40px));
  margin: 0 auto;
  padding: 48px 0 72px;
}

h1, h2 { line-height: 1.4; }
h1 { font-size: clamp(1.65rem, 5vw, 2.2rem); }
h2 { margin-top: 2rem; font-size: 1.2rem; }
a { color: #1975a3; }
.summary, .notice {
  padding: 16px;
  border: 1px solid #9ad3ef;
  border-radius: 10px;
  background: #fff;
}
.updated { color: #526d7a; font-size: .9rem; }
footer { margin-top: 40px; color: #526d7a; font-size: .9rem; }

.link-grid {
  display: grid;
  gap: 14px;
  margin-top: 32px;
}

.link-card {
  display: grid;
  gap: 7px;
  padding: 20px;
  border: 1px solid #9ad3ef;
  border-radius: 12px;
  color: #17384a;
  background: #fff;
  text-decoration: none;
}

.link-card strong { font-size: 1.08rem; }
.link-action { color: #1975a3; font-weight: 700; }