:root { --bg:#fff; --fg:#1c1b1f; --muted:#5f5b66; --line:#d9d6de; --link:#0b57d0; --accent:#b3261e; --warn-bg:#fff4d6; --warn-fg:#4a3500; color-scheme: light; }
/* 下の2つのダーク配色ブロックは同じ値に保つこと（OS設定によるダークと、アプリの明示指定によるダークの両対応のため） */
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --bg:#141316; --fg:#eceaf0; --muted:#b3aebb; --line:#3a3740; --link:#8ab4f8; --warn-bg:#3b2f0d; --warn-fg:#ffe7a3; color-scheme: dark; } }
:root[data-theme="dark"] { --bg:#141316; --fg:#eceaf0; --muted:#b3aebb; --line:#3a3740; --link:#8ab4f8; --warn-bg:#3b2f0d; --warn-fg:#ffe7a3; color-scheme: dark; }
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--fg); font: 16px/1.8 -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Noto Sans JP", Meiryo, sans-serif; }
main { max-width: 760px; margin: 0 auto; padding: 16px 16px 48px; }
h1 { font-size: 1.35rem; line-height: 1.4; border-bottom: 3px solid var(--accent); padding-bottom: 8px; }
h2 { font-size: 1.1rem; margin-top: 28px; }
a { color: var(--link); overflow-wrap: anywhere; }
.lead { background: var(--warn-bg); color: var(--warn-fg); padding: 12px 14px; border-radius: 10px; }
.meta { color: var(--muted); font-size: .9rem; }
ol, ul { padding-left: 1.3em; }
li { margin: 6px 0; }
.back { display: inline-flex; align-items: center; min-height: 44px; }
.meta a { color: inherit; }