/* このサイトについて・お問い合わせページ専用。
   本文は読み物なので、一覧ページより行間を広く、幅を狭く取る。 */
.brand-link { display: flex; align-items: center; gap: 14px; color: inherit; }
.brand-link:hover { text-decoration: none; }

.doc {
  max-width: 720px;
  margin: 0 auto;
  padding: 8px 20px 56px;
  font-size: 0.94rem;
  line-height: 1.85;
}
.doc h2 {
  font-size: 1.2rem;
  color: var(--accent);
  margin: 40px 0 4px;
  padding-bottom: 8px;
  border-bottom: 2px solid var(--border);
}
.doc h2:first-of-type { margin-top: 24px; }
.doc h3 { font-size: 1rem; margin: 26px 0 -6px; }
.doc p { margin: 14px 0; }
.doc ul { margin: 14px 0; padding-left: 1.3em; }
.doc li { margin: 5px 0; }
.doc strong { font-weight: 700; }

.doc-back { font-size: 0.85rem; margin: 0 0 4px; }

/* 連絡先は本文中で最も探されるので、囲って目立たせる */
.doc-contact {
  margin: 18px 0;
  padding: 16px 18px;
  background: var(--panel);
  border: 1px solid var(--border);
  border-radius: 10px;
  font-size: 1.05rem;
  font-weight: 700;
  text-align: center;
  word-break: break-all;
}
.doc-note { font-size: 0.83rem; color: var(--muted); }

.site-footer .doc-home { font-weight: 600; }

@media (max-width: 560px) {
  .doc { font-size: 0.9rem; line-height: 1.8; padding: 8px 16px 40px; }
  .doc h2 { font-size: 1.1rem; margin-top: 32px; }
}