:root {
  --yutoru-shadow: 0 16px 48px rgb(23 23 21 / 8%);
}

html { scroll-behavior: smooth; }
body { text-wrap: pretty; }
:where(a, button, input, textarea, select):focus-visible {
  outline: 3px solid var(--wp--preset--color--orange);
  outline-offset: 3px;
}
.skip-link {
  background: var(--wp--preset--color--ink);
  color: var(--wp--preset--color--white);
  left: 1rem;
  padding: .75rem 1rem;
  position: fixed;
  top: -10rem;
  z-index: 10000;
}
.skip-link:focus { top: 1rem; }
.site-header { border-bottom: 1px solid var(--wp--preset--color--line); }
.site-header .wp-block-site-title { letter-spacing: .12em; }
.eyebrow {
  color: var(--wp--preset--color--orange);
  font-size: .78rem;
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.hero-title { max-width: 12ch; }
.hero-accent { border-left: 4px solid var(--wp--preset--color--orange); }
.data-label {
  color: var(--wp--preset--color--gray);
  font-family: var(--wp--preset--font-family--mono);
  font-size: .72rem;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.data-value {
  font-family: var(--wp--preset--font-family--mono);
  font-variant-numeric: tabular-nums;
  letter-spacing: -.04em;
}
.section-index {
  color: var(--wp--preset--color--orange);
  font-family: var(--wp--preset--font-family--mono);
  font-size: .78rem;
  font-weight: 500;
}
.yutoru-panel { box-shadow: var(--yutoru-shadow); }
.yutoru-rule { border-top: 1px solid var(--wp--preset--color--line); }
.wp-block-query .wp-block-post { border-top: 1px solid var(--wp--preset--color--line); padding-top: 1.5rem; }
.wp-block-post-excerpt__more-link { font-size: .875rem; font-weight: 600; text-decoration-thickness: 1px; text-underline-offset: .25em; }
.wp-block-button.is-style-outline .wp-block-button__link { background: transparent; color: var(--wp--preset--color--ink); }
.wp-block-button__link:hover { background: var(--wp--preset--color--orange); border-color: var(--wp--preset--color--orange); color: var(--wp--preset--color--white); }
.wp-block-post-content :where(h2, h3) { scroll-margin-top: 5rem; }
.wp-block-post-content h2 { border-top: 1px solid var(--wp--preset--color--line); margin-top: 3.5rem; padding-top: 1.5rem; }
.wp-block-post-content table { font-variant-numeric: tabular-nums; }
.wp-block-search__input { background: var(--wp--preset--color--white); border: 1px solid var(--wp--preset--color--line); min-height: 3rem; }
.yutoru-experiment-summary { background: var(--wp--preset--color--white); border-top: 4px solid var(--wp--preset--color--orange); box-shadow: var(--yutoru-shadow); margin-block: 2.5rem; padding: clamp(1.25rem, 3vw, 2.5rem); }
.yutoru-experiment-summary > h2 { font-size: clamp(1.25rem, 2vw, 1.75rem); margin-top: 0; }
.yutoru-experiment-summary dl { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; }
.yutoru-experiment-summary dl > div { border-top: 1px solid var(--wp--preset--color--line); padding: 1rem .75rem 1rem 0; }
.yutoru-experiment-summary dt { color: var(--wp--preset--color--gray); font-size: .75rem; }
.yutoru-experiment-summary dd { font-family: var(--wp--preset--font-family--mono); font-size: clamp(1rem, 2vw, 1.4rem); font-variant-numeric: tabular-nums; margin: .2rem 0 0; }
.yutoru-summary-note { color: var(--wp--preset--color--gray); font-size: .75rem; margin-bottom: 0; }

@media (max-width: 781px) {
  .hero-layout { gap: 2rem !important; }
  .hero-title { max-width: none; }
  .metric-grid { display: grid !important; grid-template-columns: 1fr 1fr; }
  .yutoru-experiment-summary dl { grid-template-columns: 1fr 1fr; }
  .site-footer .wp-block-navigation { align-items: flex-start; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}