/* Keep the original 600px layout and make it fit a narrow screen. */
#home-contents .home-title { width: 350px; margin: 0 0 0 150px; font-size: 1.05em; line-height: 1.25em; }
body.page header, body.page .contents { max-width: calc(100% - 32px); }
body.page .contents img { max-width: 100%; height: auto; }
a:focus-visible { outline: 2px solid #555; outline-offset: 3px; }
@media (max-width: 650px) {
  #home-contents { max-width: calc(100% - 32px); background-size: contain; padding-top: min(53vw, 300px); }
  #home-contents dl { width: auto; margin-left: min(25vw, 150px); }
  #home-contents .home-title { width: auto; margin-left: min(25vw, 150px); }
  body.page header { height: auto; min-height: 125px; }
  body.page header h1 { padding: 0.8em 0; }
}