/* Scope every override to the standalone preview. */
html body .hero .hero-actions { gap: 12px; }
html body .hero-career-link { flex-basis: 100%; color: #d3ed87; font-size: .9375rem; padding-top: 8px; pointer-events: auto; text-decoration: underline; text-underline-offset: 5px; }
html body .stat strong { font-size: 1.5rem; line-height: 1.3; overflow-wrap: anywhere; }
html body .stat { min-height: 140px; }
html body .statement { min-height: 560px; }
html body .profile-career-link { color: #d3ed87; text-decoration: underline; text-underline-offset: 5px; }
html body .visit-counter { display: grid; }
html body .life-gallery figcaption { max-width: calc(100% - 32px); white-space: normal; }
html body .life-gallery-credit { margin: -36px var(--page-gutter) 0; padding-bottom: 36px; color: #bfccc6; font-size: .75rem; }
html body #reply-note { display: block; margin-top: 8px; font-size: .8125rem; color: #c9d1c6; }
html body .contact h2 { font-size: 2.5rem; }
html body .living-details h3 { font-size: 1.125rem; line-height: 1.4; margin: 28px 0 10px; color: #edf2e9; }
html body .living-details h3:first-child { margin-top: 0; }
html body .living-details p { margin-top: 0; }
html body .search-towns { margin-top: 10px; }
html body .search-towns summary { color: #d3ed87; cursor: pointer; width: fit-content; padding: 5px 0; }
html body .search-towns summary:focus-visible { outline: 2px solid #d3ed87; outline-offset: 3px; }
html body .search-towns p { font-size: inherit; margin: 8px 0 0; }
@media (max-width: 1000px) {
  html body .contact-form { grid-row: 2; }
  html body .contact-world { grid-row: 3; }
}
@media (max-width: 640px) {
  html body .info-launcher { width: 48px; height: 48px; min-height: 48px; padding: 0; justify-content: center; gap: 0; }
  html body .info-launcher > span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  html body .stat strong { font-size: 1.25rem; }
  html body .stat { min-height: 105px; }
  html body .statement { min-height: 0; }
  html body .contact h2 { font-size: 2rem; }
  html body .contact { gap: 24px; }
  html body .contact-copy p { margin-top: 16px; }
  html body .contact-note { font-size: .875rem; }
}
@media (max-width: 380px) {
  html body .stat { grid-template-columns: minmax(0, 1fr); gap: 6px; }
  html body .stat strong { overflow-wrap: normal; }
}