:root { color-scheme: dark; }
body { margin: 0; background: #121016; color: #e9e4da; font: 16px/1.65 -apple-system, "Malgun Gothic", "Apple SD Gothic Neo", system-ui, sans-serif; }
main { max-width: 720px; margin: 0 auto; padding: 32px 16px 64px;
       padding: max(20px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) calc(64px + env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left)); }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
.backlink { display: inline-flex; align-items: center; min-height: 44px; margin: 0 0 8px; font-weight: 700; text-decoration: none; touch-action: manipulation; }
h1 { font-size: 24px; margin: 0 0 4px; }
h2 { font-size: 17px; margin: 28px 0 8px; color: #f3efe6; }
p, li { color: #cfc8bb; }
.meta { color: #8f877a; font-size: 13px; margin-bottom: 20px; }
a { color: #e4b35a; }
.box { background: #1b1821; border: 1px solid #2a2631; border-radius: 10px; padding: 14px 16px; }
nav { font-size: 14px; margin-bottom: 20px; }
nav a { margin-right: 14px; }