/* 静的ページ（運営者情報・プライバシー・お問い合わせ）と共通フッター
   デザインはアプリ本体と同じ新聞紙面システム（紙色・角丸ゼロ・墨と朱） */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+JP:wght@400;500;700&family=Shippori+Mincho:wght@600;700;800&display=swap');
:root{
  --brand:#1A2A4A; --seal:#B91C1C;
  --bg:#FAFAF7; --surface:#FFFFFF;
  --tx:#1A1A1A; --tx2:#525252; --tx3:#6E6E6E;
  --line:#C9C5BA; --line2:#0A0A0A;
  --safe-b:env(safe-area-inset-bottom,0px);
}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
body{background:var(--bg);color:var(--tx);font-size:15px;line-height:1.9;
  font-family:'IBM Plex Sans JP','Noto Sans JP','Hiragino Sans','Yu Gothic UI',sans-serif;
  font-feature-settings:"palt" 1;-webkit-font-smoothing:antialiased}
a{color:var(--brand)}

/* ── 紙面ヘッダー ── */
.pg-head{border-bottom:3px solid var(--line2);background:var(--surface)}
.pg-head .in{max-width:760px;margin:0 auto;padding:14px 20px;
  display:flex;align-items:center;justify-content:space-between;gap:12px}
.pg-head img{height:26px;width:auto;display:block}
/* ヘッダーのリンクは指で押す。高さ40pxを確保する */
.pg-head .in>a{display:inline-flex;align-items:center;min-height:40px}
.pg-back{font-size:13.5px;color:var(--tx2);text-decoration:none;white-space:nowrap}
.pg-back:hover{color:var(--brand)}

/* ── 本文 ── */
main{max-width:760px;margin:0 auto;padding:26px 20px 44px}
h1{font-family:'Shippori Mincho',serif;font-weight:800;font-size:27px;line-height:1.4;
  letter-spacing:.02em;padding-bottom:12px;border-bottom:2px solid var(--line2);margin-bottom:6px}
.lede{color:var(--tx2);font-size:13.5px;margin-bottom:26px}
h2{font-size:17px;font-weight:700;margin:30px 0 10px;padding-left:11px;
  border-left:4px solid var(--seal);line-height:1.5}
p{margin:0 0 13px}
ul{margin:0 0 14px;padding-left:1.35em}
li{margin-bottom:5px}
dl{border-top:1px solid var(--line);margin:0 0 14px}
dt{font-weight:700;font-size:13.5px;color:var(--tx2);padding:12px 0 0}
dd{padding:0 0 12px;border-bottom:1px solid var(--line)}
.note{background:var(--surface);border:1px solid var(--line);
  border-left:4px solid var(--seal);padding:13px 15px;font-size:13.5px;margin:0 0 14px}
.updated{color:var(--tx3);font-size:12.5px;margin-top:32px;
  padding-top:12px;border-top:1px solid var(--line)}
.todo{background:#FFF8E1;border:1px dashed #BA7517;color:#633806;
  padding:12px 15px;font-size:13px;margin:0 0 14px}

/* ── 共通フッター（index.html にも同じものを置く） ── */
.site-foot{border-top:3px solid var(--line2);background:var(--surface);
  padding:20px 20px calc(20px + var(--safe-b));margin-top:36px}
.site-foot .in{max-width:760px;margin:0 auto}
.site-foot nav{display:flex;flex-wrap:wrap;gap:9px 20px;margin-bottom:12px}
.site-foot nav a{color:var(--tx2);font-size:13.5px;text-decoration:none;
  min-height:34px;display:inline-flex;align-items:center}
.site-foot nav a:hover{color:var(--brand);text-decoration:underline}
.site-foot .fine{color:var(--tx3);font-size:12.5px;line-height:1.75}
.site-foot .cr{color:var(--tx3);font-size:12px;margin-top:10px}

@media(max-width:820px){
  body{font-size:14.5px}
  main{padding:20px 16px 36px}
  h1{font-size:23px}
  h2{font-size:16px;margin-top:26px}
  .pg-head .in{padding:12px 16px}
  .site-foot{padding:18px 16px calc(18px + var(--safe-b))}
}