/* QuikSentence のサポート・プライバシーポリシー・利用規約（quiksentence.onewisesolution.com.au）。アプリと同じ黒板の緑 */
:root { --bg: #16302b; --surface: #1f3e38; --line: #2c4f48; --ink: #faf6ee; --ink-2: #a9bdb7; --coral: #ff6b57; --amber: #ffc23c; --sky: #5cc8ff; }
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--bg); color: var(--ink); font-family: -apple-system, "Hiragino Sans", "Noto Sans JP", system-ui, sans-serif; line-height: 1.85; }
header { padding: 20px 16px 8px; }
header .in { max-width: 720px; margin: 0 auto; display: flex; align-items: center; gap: 12px; }
header img { width: 44px; height: 44px; border-radius: 10px; }
header b { font-size: 20px; font-weight: 600; }
nav { max-width: 720px; margin: 0 auto; padding: 8px 16px 0; display: flex; gap: 16px; font-size: 14px; flex-wrap: wrap; }
nav a { color: var(--amber); }
main { max-width: 720px; margin: 0 auto; padding: 8px 16px 40px; }
section { background: var(--surface); border: 1px solid var(--line); border-radius: 14px; padding: 4px 18px 14px; margin-top: 14px; }
h1 { font-size: 22px; margin: 18px 0 4px; }
h2 { font-size: 17px; margin: 16px 0 4px; }
p, li { font-size: 15px; overflow-wrap: anywhere; color: var(--ink); }
p { margin: 6px 0; }
ul { padding-left: 1.3em; margin: 6px 0; }
a { color: var(--amber); }
.date { font-size: 13px; color: var(--ink-2); }
footer { max-width: 720px; margin: 0 auto; padding: 0 16px 32px; font-size: 13px; color: var(--ink-2); }