/* DAT Design Page Styling v1.1.0: scoped to the Design Website page only. */
body.dat-design-page {
  --dat-gold: #d6a642;
  --dat-gold-light: #f4d27c;
  --dat-card: #111111;
  --dat-text: #f3f0e8;
  --dat-muted: #d5d0c4;
}
body.dat-design-page main,
body.dat-design-page .site-main,
body.dat-design-page #primary,
body.dat-design-page .content-area,
body.dat-design-page .site-content,
body.dat-design-page article.page,
body.dat-design-page article.type-page {
  width: 100% !important;
  max-width: none !important;
  min-width: 0;
}
body.dat-design-page article.page,
body.dat-design-page article.type-page { margin-inline: auto; }
body.dat-design-page .entry-content,
body.dat-design-page .wp-block-post-content {
  box-sizing: border-box;
  width: min(100% - 40px, 1120px) !important;
  max-width: 1120px !important;
  margin-inline: auto !important;
  color: var(--dat-text);
  font-size: 17px;
  line-height: 1.95;
  overflow-wrap: anywhere;
}
body.dat-design-page .entry-content > *,
body.dat-design-page .wp-block-post-content > * { box-sizing: border-box; }
body.dat-design-page .entry-content h1,
body.dat-design-page .entry-content h2,
body.dat-design-page .entry-content h3,
body.dat-design-page .wp-block-post-content h1,
body.dat-design-page .wp-block-post-content h2,
body.dat-design-page .wp-block-post-content h3 {
  color: var(--dat-gold-light) !important;
  line-height: 1.55;
  text-wrap: pretty;
}
body.dat-design-page .entry-content > h1,
body.dat-design-page .wp-block-post-content > h1 {
  font-size: clamp(32px, 4vw, 48px) !important;
  text-align: center;
  margin: .8em auto 1em;
}
body.dat-design-page .entry-content h2,
body.dat-design-page .wp-block-post-content h2 {
  font-size: clamp(24px, 2.5vw, 32px) !important;
  margin: 2em 0 .8em;
}
body.dat-design-page .entry-content h3,
body.dat-design-page .wp-block-post-content h3 {
  font-size: clamp(19px, 1.8vw, 23px) !important;
  margin: 0 0 12px;
}
body.dat-design-page .entry-content p,
body.dat-design-page .wp-block-post-content p {
  color: var(--dat-muted) !important;
  font-size: clamp(15px, 1.2vw, 17px) !important;
  line-height: 2 !important;
  margin: 0 0 1.1em;
}
body.dat-design-page .entry-content > p,
body.dat-design-page .wp-block-post-content > p { max-width: 960px; margin-inline: auto; }
body.dat-design-page .wp-block-columns {
  display: flex;
  gap: 22px !important;
  width: 100%;
  max-width: 100%;
  margin: 28px auto 48px !important;
  align-items: stretch;
}
body.dat-design-page .wp-block-columns > .wp-block-column {
  flex: 1 1 0;
  min-width: 0;
  background: linear-gradient(145deg, #171717, #090909) !important;
  border: 1px solid rgba(214,166,66,.62) !important;
  border-radius: 16px;
  padding: clamp(18px, 2.2vw, 28px) !important;
  box-shadow: 0 10px 28px rgba(0,0,0,.28);
}
body.dat-design-page .wp-block-columns > .wp-block-column h2,
body.dat-design-page .wp-block-columns > .wp-block-column h3 { text-align: center; margin-top: 0; }
body.dat-design-page .wp-block-columns > .wp-block-column p { margin-bottom: 0; }
body.dat-design-page .wp-block-buttons { justify-content: center; margin: 30px auto 56px !important; }
body.dat-design-page .wp-block-button__link {
  display: inline-block;
  background: linear-gradient(135deg, #f2cf75, #c58d23) !important;
  color: #17120a !important;
  border: 1px solid #f4d27c;
  border-radius: 999px !important;
  padding: 14px 30px !important;
  font-weight: 800;
  font-size: 16px;
  text-decoration: none;
  box-shadow: 0 7px 22px rgba(214,166,66,.18);
  transition: transform .2s ease, filter .2s ease;
}
body.dat-design-page .wp-block-button__link:hover { transform: translateY(-2px); filter: brightness(1.06); }
body.dat-design-page .entry-content hr,
body.dat-design-page .wp-block-post-content hr { border: 0; border-top: 1px solid rgba(214,166,66,.35); margin: 44px auto; }
body.dat-design-page .entry-content a:not(.wp-block-button__link),
body.dat-design-page .wp-block-post-content a:not(.wp-block-button__link) { color: var(--dat-gold-light); }
@media (max-width: 781px) {
  body.dat-design-page .entry-content,
  body.dat-design-page .wp-block-post-content { width: calc(100% - 28px) !important; font-size: 16px; }
  body.dat-design-page .wp-block-columns { flex-direction: column; gap: 14px !important; margin-block: 20px 34px !important; }
  body.dat-design-page .wp-block-columns > .wp-block-column { flex-basis: auto; padding: 18px !important; }
  body.dat-design-page .entry-content h2,
  body.dat-design-page .wp-block-post-content h2 { margin-top: 1.5em; }
}