/* Standalone styles for gallery.html (generated). Header: see css/page-header.css. */
* { box-sizing: border-box; }
body { margin: 0; color: #1f2933; background: #fff; font: 15px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; }
.gp-main { max-width: 860px; margin: 0 auto; padding: 16px; }
.gp-main h1 { font-size: 24px; line-height: 1.25; }
.gp-main h2 { margin-top: 28px; font-size: 19px; }
.gp-main a { color: #2563eb; }
.gp-main code { background: #f3f4f6; padding: 1px 5px; border-radius: 4px; }
.gp-toc ul { columns: 1; padding-left: 18px; }
.gp-card { border: 1px solid #e5e7eb; border-radius: 8px; padding: 12px 16px; margin: 14px 0; scroll-margin-top: 80px; }
.gp-card h3 { margin: 0 0 4px; font-size: 16px; }
.gp-card p { margin: 6px 0; }
.gp-card ul { margin: 4px 0 8px; padding-left: 20px; }
.gp-label { font-weight: 600; margin-bottom: 0; }
.gp-source { color: #6b7280; font-size: 13px; font-style: italic; }
@media (min-width: 768px) {
  .gp-main { padding: 24px; }
  .gp-toc ul { columns: 2; }
}