/* ============================================================
   css/style.css
   下層ページ(about / keisanhouhou / privacy など解説系ページ)専用。
   common.css を読み込んだ後に読み込む前提。
   トップページ(命式表示)には meishiki.css を使う。
   ============================================================ */

.main-content{ padding: 32px 32px 80px; max-width: 720px; margin:0 auto; }

@media (max-width: 900px){
  .main-content{ padding: 78px 16px 100px; max-width:100%; }
}

h1{ font-size:22px; margin:0 0 24px; padding-bottom:14px; border-bottom:2px solid var(--accent); }
h2{ font-size:17px; margin:36px 0 12px; color:var(--text); }
h2::before{ content:"◆ "; color:var(--accent-dark); }
h3{ font-size:14px; margin:18px 0 6px; color:var(--text); }
p{ margin:0 0 14px; color:var(--text-secondary); }
ul{ margin:0 0 14px; padding-left:1.4em; color:var(--text-secondary); }
li{ margin-bottom:6px; }
.lead-note{ background:var(--accent-tint); border-radius:var(--radius); padding:14px 16px; font-size:13px; color:var(--text-secondary); margin:0 0 28px; }
.status{ display:inline-block; font-size:11px; font-weight:700; border-radius:999px; padding:2px 10px; margin-left:6px; vertical-align:middle; }
.status.done{ background:var(--accent-tint); color:var(--accent-dark); }
.status.wip{ background:#FCEFE0; color:#B9740B; }
.footer-note{ margin-top:48px; padding-top:20px; border-top:1px solid var(--border); font-size:12px; color:var(--text-tertiary); text-align:center; }