/* Generated by npm run design:build. Edit seo/design-system/styles, not this bundle. */
/* Shared contact panel: the same paper, rule, type and green used across the site. */
[data-contact-panel] {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.6fr);
  gap: var(--space-7);
  margin: var(--space-36) 0;
  padding: var(--space-36) 0 0;
  border: 0;
  border-top: 1px solid var(--line2);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
[data-contact-panel] h2 {
  margin: 0 0 var(--space-3);
  padding: 0;
  border: 0;
  font-size: 28px;
  line-height: 1.2;
}
[data-contact-panel] .contact-form__intro {
  margin: 0;
  color: var(--soft);
  font-size: 15px;
  line-height: 1.55;
}
[data-contact-panel] .contact-form { margin: 0; gap: var(--space-18) var(--space-20); }
[data-contact-panel] .contact-form__field { min-width: 0; }
[data-contact-panel] input,
[data-contact-panel] select,
[data-contact-panel] textarea {
  box-sizing: border-box;
  min-width: 0;
  max-width: 100%;
  min-height: 46px;
  border-color: var(--line2);
  border-radius: var(--radius-field);
  background: var(--card);
  font-size: 16px;
  line-height: 1.4;
}
[data-contact-panel] :is(input,select,textarea,button,a):focus-visible {
  outline: 2px solid var(--green-d);
  outline-offset: 3px;
}
[data-contact-panel] textarea { min-height: 140px; }
[data-contact-panel] .contact-form button {border-radius:7px;font-weight:650;font-size:15px;background:var(--green-d);color:var(--card)}
[data-contact-panel] .contact-form__actions { flex-wrap: wrap; gap: 14px var(--space-20); }
[data-contact-panel] .contact-form__actions a { color: var(--green-d); font-size: 15px; text-underline-offset: 3px; }
.nf-art > .article-contact {max-width:var(--measure)}
.nf-art > .newsletter {width:100%;max-width:var(--measure);padding:0;margin:44px 0 0}
.nf-art .newsletter__inner {grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-28);padding:var(--space-6)}
.nf-art .newsletter h2 {font-size:28px;margin:var(--space-3) 0 14px}
.nf-art .newsletter__fields {flex-direction:column}
.about-page #main > .wrap {max-width:980px}
.about-page .prose {width:100%;max-width:900px;margin-inline:auto}
.about-page .prose > p,.about-page .prose > ul,.about-page .prose > ol {max-width:900px}
@media (max-width:1100px) {
  [data-contact-panel] {grid-template-columns:minmax(0,1fr);gap:var(--space-5)}
  [data-contact-panel] .contact-form__intro {max-width:65ch}
}
@media (max-width:700px) {
  .about-page #main > .wrap {padding-inline:var(--space-20)}
  [data-contact-panel] {padding-top:var(--space-28);margin:var(--space-28) 0}
  .nf-art .newsletter__inner {grid-template-columns:minmax(0,1fr);padding:26px 22px;gap:var(--space-5)}
  [data-contact-panel] .contact-form { grid-template-columns: minmax(0,1fr); }
  [data-contact-panel] .contact-form__actions { align-items: flex-start; }
}