@charset "utf-8";
/* CSS Document */
body { margin: 0; padding: 32px 20px 56px; font-family: Arial, sans-serif; line-height: 1.6; color: #1f2937; background: #ffffff; }
.wrap { max-width: 860px; margin: 0 auto; }
h1 { margin: 0 0 10px; font-size: 2rem; line-height: 1.2; }
p { margin: 0 0 24px; color: #6b7280; }
.box { background: #f8fafc; border: 1px solid #e5e7eb; border-radius: 10px; padding: 20px; }
h2 { margin: 0 0 14px; font-size: 1.2rem; }
ul { margin: 0; padding-left: 20px; }
li { break-inside: avoid; }
li + li { margin-top: 10px; }
a { color: #0f5cc0; text-decoration: none; }
a:hover, a:focus { text-decoration: underline; }
.back-link { display: inline-block; margin-bottom: 20px; }

.theme-page ul { columns: 2; column-gap: 28px; }
.state-page .wrap { max-width: 960px; }
.state-page ul { columns: 3; column-gap: 28px; }

@media (max-width: 900px) {
  .state-page ul { columns: 2; }
}

@media (max-width: 640px) {
  .theme-page ul { columns: 1; }
  .state-page ul { columns: 1; }
}