:root {
  --jucai-blue: #253bc7;
  --jucai-blue-dark: #1c2c97;
  --jucai-ink: #192132;
  --jucai-muted: #636b7b;
  --jucai-line: #dce0e8;
  --jucai-paper: #f5f6fa;
  --jucai-pale: #eef0fc;
  --jucai-green: #ddef9e;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scrollbar-color: #b7bed4 var(--jucai-paper); scrollbar-width: thin; }
body { margin: 0; }
::selection { background: var(--jucai-green); color: var(--jucai-ink); }
a { text-underline-offset: 5px; }
a:focus-visible,
button:focus-visible,
input:focus-visible { outline: 3px solid #7184ff; outline-offset: 5px; }

.wp-site-blocks { overflow: clip; }
.jucai-header { border-bottom: 1px solid var(--jucai-line); }
.jucai-header .wp-block-site-title { white-space: nowrap; }
.jucai-header .wp-block-navigation-item__content { color: var(--jucai-muted); }
.jucai-header .wp-block-navigation-item__content:hover { color: var(--jucai-blue); }

.jucai-hero {
  border-bottom: 1px solid var(--jucai-line);
  background: var(--jucai-paper);
}
.jucai-hero__copy { max-width: 640px; }
.jucai-hero__copy strong { color: var(--jucai-blue); }
.jucai-platform-board {
  min-height: 360px;
  border-radius: 14px;
  background: var(--jucai-blue);
  color: white;
  box-shadow: 0 16px 38px rgba(28, 44, 151, .12);
}
.jucai-platform-board p,
.jucai-platform-board a { color: var(--jucai-pale); }
.jucai-platform-link {
  border-top: 1px solid rgba(255, 255, 255, .28);
  transition: color .18s ease-out, transform .18s ease-out;
}
.jucai-platform-link:hover { color: var(--jucai-green); transform: translateX(4px); }

.jucai-section { padding-block: clamp(40px, 6vw, 72px); }
.jucai-section + .jucai-section { border-top: 1px solid var(--jucai-line); }
.jucai-content-list .wp-block-post {
  padding-block: 28px;
  border-bottom: 1px solid var(--jucai-line);
}
.jucai-content-list .wp-block-post:first-child { border-top: 1px solid var(--jucai-line); }
.jucai-content-list .wp-block-post-title a { text-decoration: none; }
.jucai-content-list .wp-block-post-title a:hover { color: var(--jucai-blue); }
.jucai-content-list .wp-block-post-excerpt__more-link { font-size: 14px; font-weight: 600; }

.jucai-notice {
  border: 1px solid var(--jucai-line);
  border-radius: 10px;
  background: var(--jucai-paper);
}
.jucai-footer { border-top: 1px solid var(--jucai-line); }

.wp-element-button { transition: background-color .18s ease-out, box-shadow .18s ease-out; }
.wp-element-button:hover { box-shadow: 0 5px 15px rgba(37, 59, 199, .15); }
.wp-block-post-content { overflow-wrap: anywhere; }

@media (max-width: 782px) {
  .jucai-header { padding-inline: 22px !important; }
  .jucai-hero { padding-block: 40px !important; }
  .jucai-platform-board { min-height: auto; padding: 24px !important; }
  .jucai-section { padding-inline: 22px !important; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; }
}
