/* [UX-01] 360px〜2560px で横スクロールなし。トークンは theme.css（packages/ui の themeCss() から生成） */
*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: flex; flex-direction: column; }
main { flex: 1; width: 100%; max-width: 72rem; margin: 0 auto; padding: 24px 16px; }
h1 { font-size: 1.5rem; line-height: 1.4; margin: 0 0 16px; }
p { margin: 0 0 12px; overflow-wrap: anywhere; }
a { color: var(--accent); }
.bar { background: var(--surface); border-color: var(--border); border-style: solid; border-width: 0 0 1px; padding: 12px 16px; }
footer.bar { border-width: 1px 0 0; }
.bar p { margin: 0; }
.brand { font-weight: 700; }
.muted { color: var(--muted); }
@media (min-width: 768px) { main { padding: 32px 24px; } h1 { font-size: 1.75rem; } }