/* System fonts only - these pages must not themselves call a third party. */
:root { color-scheme: light }
* { box-sizing: border-box }
body {
  margin: 0; background: #f7f8fa; color: #14243d; line-height: 1.62;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
.top { border-bottom: 3px solid #14243d }
.top .inner { display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap }
.inner { max-width: 780px; margin: 0 auto; padding: 20px 24px }
.top img { height: 42px; width: auto; display: block }
main.inner { padding: 8px 24px 72px }
a { color: #f2701c }
a:hover { color: #14243d }
.bar { width: 44px; height: 3px; background: #f2701c; margin: 28px 0 18px }
.eyebrow { font-size: 12px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: #5b6577 }
h1 { font-size: clamp(28px, 5vw, 42px); line-height: 1.08; letter-spacing: -.015em; margin: 10px 0 18px }
h2 { font-size: 18px; line-height: 1.3; margin: 32px 0 8px }
p, li { color: #3d4759 }
p { margin: 0 0 12px }
ul { margin: 0 0 12px; padding-left: 20px }
li { margin-bottom: 6px }
address { font-style: normal; color: #3d4759; margin-bottom: 12px }
.note { background: #eef1f6; border-left: 3px solid #f2701c; padding: 14px 16px; margin: 20px 0; font-size: 15px }
.note p:last-child { margin-bottom: 0 }
.stand { font-size: 14px; color: #5b6577; margin-top: 32px }
footer.inner { border-top: 1px solid #d7dde8; padding-top: 20px; padding-bottom: 48px; font-size: 14px;
  display: flex; flex-wrap: wrap; gap: 8px 20px }
@media (max-width: 520px) { .top .inner { gap: 12px } }