/* テスト用サイトだけで読む（src/layouts/Base.astro）。帯は足もとと同じ深い蒼で、ページの上下を同じ色で挟む。
   「見本」の札は点線の枠：まだ本物ではない、仮置きの印。寸法は白銀比の段（system.css の --s-*）。 */
.test-banner {
  margin: 0;
  padding: var(--s-n3, 10.7px) var(--gutter, 18px);
  background: #163a57;
  color: #fff;
  font-size: var(--s-n1, 15.14px);
  line-height: 1.6;
  letter-spacing: .04em;
}

.sample-tag, .tag--sample {
  display: inline-block;
  margin-inline-start: .5em;
  padding: 0 .5em;
  border: 1px dashed currentColor;
  border-radius: 2px;
  color: #1d4a6e;
  font-size: clamp(var(--s-n2, 12.73px), .707em, var(--s-n1, 15.14px)); /* 本文では一段小さく、見出しでも大きくしすぎない */
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: .08em;
  white-space: nowrap;
  vertical-align: middle;
}
/* 濃い地の上（ボタンの中など）では地の文字色に合わせる */
.tag.tag--sample { background: none; }
.btn--primary .sample-tag, .pick-target .sample-tag, .test-banner .sample-tag { color: inherit; }