/* PetaCal 公開ページ（サポート・プライバシーポリシー・ライセンス）の共通の型。
   色はアプリの既定テーマ（Navy Blue Planner・ThemeSpec.ts の DAWN_CLASSIC_THEME）から取る。 */
:root {
  --bg: #EDE5DA;        /* appBg */
  --paper: #F2EADF;     /* page.paperColor */
  --navy: #253759;      /* calendar.monthColor */
  --ink: #2F2A25;       /* calendar.dateColor */
  --muted: #6B6158;
  --line: rgba(120, 100, 75, 0.2);
  --accent: #A35D5D;    /* calendar.sundayColor */
}

* { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  background: var(--bg);
  color: var(--ink);
  font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic UI", "Meiryo", sans-serif;
  font-size: 16px;
  line-height: 1.8;
}

.sheet {
  max-width: 720px;
  margin: 24px auto 48px;
  padding: 32px 24px 40px;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 6px;
  box-shadow: 0 2px 10px rgba(56, 60, 78, 0.08);
}

@media (max-width: 600px) {
  .sheet { margin: 0; border: none; border-radius: 0; padding: 24px 16px 40px; }
}

header.site { border-bottom: 2px solid var(--navy); padding-bottom: 12px; margin-bottom: 24px; }
header.site .app { color: var(--navy); font-weight: 700; letter-spacing: 0.04em; text-decoration: none; }
header.site h1 { margin: 4px 0 0; font-size: 1.6rem; color: var(--navy); line-height: 1.4; }

h2 {
  margin: 32px 0 8px;
  font-size: 1.15rem;
  color: var(--navy);
  border-left: 4px solid var(--navy);
  padding-left: 10px;
  line-height: 1.5;
}

h3 { margin: 20px 0 4px; font-size: 1rem; color: var(--ink); }

p, ul { margin: 8px 0; }
ul { padding-left: 1.4em; }
a { color: var(--navy); }

.meta { color: var(--muted); font-size: 0.9rem; }

.table-wrap { overflow-x: auto; margin: 12px 0; }
table { width: 100%; border-collapse: collapse; font-size: 0.92rem; }
th, td { border: 1px solid var(--line); padding: 8px 10px; text-align: left; vertical-align: top; }
th { background: rgba(37, 55, 89, 0.07); color: var(--navy); white-space: nowrap; }

.faq dt { margin-top: 18px; font-weight: 700; color: var(--navy); }
.faq dd { margin: 4px 0 0; }

pre.license {
  white-space: pre-wrap;
  word-break: break-word;
  font-size: 0.82rem;
  line-height: 1.6;
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid var(--line);
  border-radius: 4px;
  padding: 12px;
}

/* 公開前に埋める箇所。残っていたら公開しない（README の確認手順） */
.todo { background: #FFE38A; color: #5A3A00; padding: 0 4px; border-radius: 3px; font-weight: 700; }

nav.pages { margin-top: 40px; padding-top: 16px; border-top: 1px solid var(--line); font-size: 0.92rem; }
nav.pages a { margin-right: 16px; white-space: nowrap; }
footer { margin-top: 12px; color: var(--muted); font-size: 0.85rem; }