/* 公開ページの見た目。アプリの DESIGN.md に合わせる
   （紙 #F6F5F1 ＋ 藍 #24406B ＋ 金 #A9812E。角は控えめ、罫線で組む） */
* { margin: 0; padding: 0; box-sizing: border-box; }

body {
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", system-ui, sans-serif;
  line-height: 1.9;
  color: #1B2130;
  background-color: #F6F5F1;
  padding: 20px;
  overflow-wrap: break-word;
}

.container {
  max-width: 760px;
  margin: 0 auto;
  background: #fff;
  padding: 44px 40px;
  border-radius: 4px;
  border: 1px solid #DEDBD1;
}

h1 {
  font-size: 1.7em;
  font-weight: 600;
  line-height: 1.4;
  padding-bottom: 14px;
  border-bottom: 2px solid #1B2130;
}

h2 {
  font-size: 1.15em;
  font-weight: 600;
  margin-top: 36px;
  padding-bottom: 6px;
  border-bottom: 1px solid #DEDBD1;
}

h3 { font-size: 1em; font-weight: 600; margin-top: 24px; }

p, ul, ol, table { margin-top: 12px; }
ul, ol { padding-left: 1.4em; }
li { margin-top: 6px; }
a { color: #24406B; text-underline-offset: 3px; }

.last-updated {
  font-family: ui-monospace, "SF Mono", Menlo, monospace;
  font-size: .82em;
  color: #5D6472;
  margin-top: 10px;
}

.highlight {
  margin-top: 20px;
  padding: 16px 18px;
  background: rgba(36, 64, 107, .06);
  border-left: 3px solid #24406B;
}

.note {
  margin-top: 20px;
  padding: 16px 18px;
  background: rgba(169, 129, 46, .09);
  border-left: 3px solid #A9812E;
}

table { border-collapse: collapse; width: 100%; font-size: .94em; }
th, td { border: 1px solid #DEDBD1; padding: 8px 10px; text-align: left; vertical-align: top; }
th { background: rgba(36, 64, 107, .06); font-weight: 600; }

.footer {
  margin-top: 44px;
  padding-top: 18px;
  border-top: 1px solid #DEDBD1;
  font-size: .86em;
  color: #5D6472;
}

@media (max-width: 600px) {
  body { padding: 12px; }
  .container { padding: 28px 20px; }
}