@import "kit/site.css";

:root {
  --kit-accent: #ffc20e;
}

[data-kit-site="opening"] > hgroup {
  max-inline-size: 820px;
}

[data-kit-site="opening"] > hgroup > p {
  margin-inline: auto;
}

[data-kit-site="opening"] > [data-kit-site-part="facts"] {
  max-inline-size: none;
}

[data-kit-site="opening"] > p + [data-kit-site-part="actions"] {
  margin-block-start: var(--kit-site-sentence-space);
}

[data-kit-site="plans"] > ul + p {
  margin-block-start: var(--kit-site-sentence-space);
}

@media (width < 900px) {
  [data-kit-site="header"] [data-kit-site-action] {
    max-inline-size: 112px;
    padding-inline: 12px;
    font-size: 14px;
    white-space: normal;
  }
}