/* Scoped to account screens; original booking layouts are unchanged. */
.account-shell #main2 { max-width: 100%; }
.account-shell .account { min-width: 0; }
.account-shell .account a:focus-visible,
.account-shell .account button:focus-visible,
.account-shell #left_nav a:focus-visible { outline: 2px solid #1c2a52; outline-offset: 3px; }

@media (max-width: 850px) {
  .account-shell #main2,
  .account-shell #main2 > tbody,
  .account-shell #main2 > tbody > tr,
  .account-shell #main2 > tbody > tr > td {
    display: block;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
  }
  .account-shell #main2 > tbody > tr:first-child > td { font-size: 0; }
  .account-shell img[src="images/index_01.jpg"] { width: 36%; height: auto; }
  .account-shell img[src="images/index_02.jpg"] { width: 34.352941%; height: auto; }
  .account-shell img[src="images/index_03.jpg"] { width: 29.647058%; height: auto; }
  .account-shell #main2 > tbody > tr:nth-child(2) > td { padding-left: 8px !important; }
  .account-shell #top_nav,
  .account-shell #top_nav > tbody { display: block; width: 100%; height: auto; }
  .account-shell #top_nav tr { display: flex; flex-wrap: wrap; }
  .account-shell #top_nav td { display: flex; align-items: center; padding-right: 12px; }
  .account-shell #top_nav a { display: inline-flex; align-items: center; min-height: 44px; }
  .account-shell #main2 > tbody > tr > td.title { height: auto; padding: 6px 0; line-height: 32px; }
  .account-shell #left_nav,
  .account-shell #left_nav > tbody { display: block; width: 100%; }
  .account-shell #left_nav > tbody { display: flex; flex-wrap: wrap; }
  .account-shell #left_nav tr { display: block; flex: 1 1 auto; }
  .account-shell #left_nav td { display: block; }
  .account-shell #left_nav a { box-sizing: border-box; min-height: 44px; display: flex !important; align-items: center; }
  .account-shell #left_nav tr:last-child { display: none; }
  .account-shell #main2 .account-content { padding: 16px !important; }
  .account-shell .account { font-size: 14px; overflow-wrap: anywhere; }
  .account-shell .account label { margin-top: 8px; }
  .account-shell .account input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),
  .account-shell .account select { min-height: 44px; font-size: 16px; padding: 8px; width: 100%; }
  .account-shell .account button { min-height: 44px; padding: 8px 12px; margin: 8px 6px 0 0; }
  .account-shell .account > a { display: inline-block; padding: 12px 0; }
  .account-shell .account form table,
  .account-shell .account form table tbody,
  .account-shell .account form table tr,
  .account-shell .account form table td { display: block; width: 100%; box-sizing: border-box; }
  .account-shell .account form table { padding: 8px; }
  .account-shell .account form table td { padding: 5px 8px; }
  .account-shell .account > table { display: block; overflow-x: auto; max-width: 100%; }
  .account-shell .account > table th,
  .account-shell .account > table td { padding: 8px; }
  .account-shell .account > table a { display: inline-flex; align-items: center; min-height: 44px; }
  .account-shell .account > table th { white-space: nowrap; }
}