body { background: #f0f3f3; }
.site-shell { max-width: 1040px; margin: 0 auto; background: var(--ldw-insight-white); min-height: 100vh; }
main { overflow-wrap: anywhere; }
a.nav-link { color: inherit; }
a.nav-link:not([style*="display:"]) { display: block; }
a.nav-link:hover { box-shadow: inset 0 0 0 2px var(--ldw-deep-current); }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible { outline: 3px solid #087893; outline-offset: 3px; }
.event-details { margin-top: 24px; padding: 20px; border-left: 4px solid var(--ldw-clarity-beam); background: var(--ldw-light-gray); }
.event-details h2 { font-family: var(--font-body); font-weight: 700; font-size: 18px; line-height: 1.3; }
.event-details p { margin: 10px 0 0; font-size: 14px; }
.reach { border: 0; padding: 0; margin: 0; }
.reach legend { font-family: var(--font-body); color: var(--ldw-deep-current); font-weight: 700; font-size: 15px; margin-bottom: 14px; line-height: 1.4; }
.reach label { display: inline-flex; align-items: center; gap: 8px; padding: 12px 16px 12px 0; cursor: pointer; }
.reach input { width: 20px; height: 20px; accent-color: var(--ldw-deep-current); }
.form-note, #form-status { font-size: 14px; line-height: 1.5; margin: 0; }
#form-status a, .form-note a, noscript a { text-decoration: underline; }
#form-status[data-error] { color: #a22924; }
button:disabled { opacity: .65; cursor: default !important; }
.honey { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.unavailable { display: block; color: #52616b !important; font-size: 13px; }
.skip-link { position: fixed; top: -100px; left: 12px; padding: 12px; z-index: 100; background: white; }
.skip-link:focus { top: 12px; }
@media (min-width: 760px) {
  .site-shell { width: calc(100% - 64px); margin: 32px auto; border: 1px solid #dce3e4; }
  main > div { padding-left: 40px !important; padding-right: 40px !important; }
  .home-layout { display: grid; grid-template-columns: 1.15fr 1fr; column-gap: 36px; padding: 0 40px 40px !important; }
  .home-intro { padding: 34px 0 30px !important; }
  .home-explore { padding: 40px 0 30px !important; }
  .home-layout > div:not(.home-intro):not(.home-explore):not(.home-feedback) { grid-column: 1 / -1; margin: 0 !important; }
  .home-feedback { grid-column: 1 / -1; width: 100%; max-width: 740px; justify-self: center; padding: 36px 0 0 !important; }
  main > div:not(.home-layout) { max-width: 820px; margin: 0 auto; }
}
@media (max-width: 360px) { h1 { font-size: 25px !important; } }