/* ふたりのお金の交換日記 — 利用規約・プライバシーポリシー・特定商取引法に基づく表記・サポート。
   配色はアプリの色(futari-money の docs/design.md)に合わせる。LP はまだ無いので、このファイルだけで完結させる */

:root{
  --bg:          #fffbf7;
  --bg-card:     #ffffff;
  --bg-soft:     #f7efe6;
  --ink:         #3a3a44;
  --ink-soft:    #4a4a55;
  --muted:       #6e6a72;        /* caption 用。--bg 上で 5.1:1、--bg-soft 上で 4.6:1 */

  --line:        rgba(58,58,68,.12);

  --accent:      #3d6ca8;        /* アプリの「じぶん」の空色を濃くした色。白い文字で 5.4:1 */
  --accent-deep: #2f5a92;
  --accent-soft: rgba(61,108,168,.12);

  --sans:"Hiragino Sans","Noto Sans JP","Helvetica Neue",system-ui,sans-serif;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}
body{min-height:100vh;overflow-x:hidden}
a{color:var(--accent-deep);text-underline-offset:3px}

/* topbar(LP がないので、アプリの名前だけ) */
.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:12px;padding:12px 20px;background:rgba(255,251,247,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);font-size:14px}
.brand{font-size:17px;font-weight:800;color:var(--ink);letter-spacing:0}

/* 本文(読み物なので、白いカードに載せて行間を広めにとる) */
main{max-width:800px;margin:32px auto 72px;padding:40px 40px 48px;background:var(--bg-card);border:1px solid var(--line);border-radius:16px;font-size:15px;line-height:2;color:var(--ink-soft)}
@media (max-width:640px){
  main{margin:16px 12px 48px;padding:28px 18px 32px;border-radius:12px}
}
h1,h2,h3{color:var(--ink);font-weight:700;letter-spacing:0}
h1{margin:0 0 28px;font-size:clamp(22px,3.2vw,28px);line-height:1.45}
h2{margin:40px 0 10px;padding-top:24px;border-top:1px solid var(--line);font-size:18px;line-height:1.6}
h3{margin:26px 0 6px;font-size:16px;line-height:1.6}
p{margin:0 0 12px}
ul{margin:0 0 12px;padding-left:22px}
ul ul{margin:4px 0 0}
li + li{margin-top:4px}
li::marker{color:var(--accent)}
strong{color:var(--ink)}
main a{overflow-wrap:anywhere}
.updated{margin:-16px 0 28px;font-size:13px;color:var(--muted)}
.muted{font-size:13px;color:var(--muted)}
.cta{display:inline-block;padding:12px 24px;border-radius:10px;background:var(--accent);color:#fff;font-weight:700;text-decoration:none}
.cta:hover{background:var(--accent-deep)}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 12px}
.table-wrap{margin:0 0 16px;overflow-x:auto}
table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.7}
th,td{padding:8px 10px;border:1px solid var(--line);text-align:left;vertical-align:top}
th{background:var(--bg-soft);color:var(--ink);font-weight:700;white-space:nowrap}
table:not(.tokusho){min-width:560px}
.tokusho th{width:9em}
@media (max-width:600px){
  .tokusho th,.tokusho td{display:block;width:100%}
  .tokusho th{border-bottom:none;white-space:normal}
  .tokusho td{border-top:none}
}

/* footer */
footer{padding:32px 20px;border-top:1px solid var(--line);font-size:13px;color:var(--muted);text-align:center;background:var(--bg-soft)}
footer a{color:var(--ink-soft);margin:0 8px;text-decoration:none;display:inline-block;padding:4px 0}
footer a:hover{color:var(--accent-deep);text-decoration:underline}
footer a[aria-current="page"]{color:var(--ink);font-weight:700}
footer .copy{margin-top:12px;font-size:12px}