/* Layout repairs for the existing SITEUP design. Original imagery is retained. */
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; }
img { border: 0; vertical-align: middle; max-width: 100%; }
img:not([src*="spacer.gif"]):not(.product-photo-wide) { height: auto; }
table { box-sizing: border-box; }
td, th { box-sizing: border-box; overflow-wrap: anywhere; }
a:hover { color: #35bef2; }
a:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible { outline: 2px solid #307a39; outline-offset: 3px; }
.site-shell { width: 800px; max-width: 100%; margin: 0 auto; table-layout: fixed; }
.site-header { width: 100%; height: 139px; background-repeat: no-repeat; background-size: 100% 100%; }
.site-header h1 { margin: 0; line-height: 1.4; font-size: 10px; }
.site-header h1 font { font-size: 10px; }
.site-nav { width: 200px; }
.site-content { width: 600px; }
.site-content table { max-width: 100%; }
.site-content table[background] { background-repeat: no-repeat; background-size: 100% auto; }
.site-content > table:first-of-type { height: auto; }
.site-content hr { max-width: 100%; box-sizing: border-box; }
.site-content iframe { display: block; width: 100%; max-width: 560px; height: auto; aspect-ratio: 16 / 9; border: 0; }
.page-heading, .image-heading { margin: 0; font-size: inherit; font-weight: inherit; line-height: inherit; }
.image-heading img { display: block; }
.product-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; padding: 8px 0; }
.product-card { display: grid; grid-template-columns: 109px minmax(0, 1fr); align-items: center; gap: 8px; font-size: 13px; line-height: 1.6; }
.product-card img { width: 109px; height: 109px; max-width: none; }
.product-photo-wide { object-fit: none; object-position: center; }
.product-copy small { font-size: 11px; }
.site-content td[background*="back04.gif"] strong { display: flex; flex-wrap: wrap; justify-content: space-around; gap: 8px; }
.composition-row { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr) minmax(0, 1fr); gap: 4px; align-items: center; }
.composition-row > span:nth-child(n+2) { text-align: center; }
.site-content input, .site-content select, .site-content textarea { max-width: 100%; box-sizing: border-box; }
@media (max-width: 799px) {
  .site-shell > colgroup { display: none; }
  .site-shell, .site-shell > tbody, .site-shell > tbody > tr, .site-shell > tr { display: block; width: 100%; }
  .site-shell > tbody > tr > td, .site-shell > tr > td { display: block; width: 100%; }
  .site-header { height: auto; aspect-ratio: 800 / 139; padding: 0; background-position: center; }
  .site-header h1 { margin: 0; line-height: 1.1; }
  .site-header h1 font { font-size: clamp(5px, 1.2vw, 10px); }
  .site-nav { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: 8px 0; background-repeat: repeat; padding: 8px 0; }
  .site-nav > table { width: 200px; max-width: 100%; justify-self: center; }
  .site-nav > img[src*="spacer.gif"], .site-nav > br { display: none; }
  .site-nav table td { height: auto; }
  .site-nav a { display: inline-block; padding: 5px 0; }
  .site-content { background-size: 100% auto; }
  .site-content table { width: 100% !important; table-layout: fixed; }
  .site-content table table { margin-inline: auto; }
  .site-content td { max-width: 100%; }
  .site-content font[size="-1"] { font-size: 15px; line-height: 1.65; }
  .site-content font[size="-2"] { font-size: 12px; }
  .site-content td[background] { background-size: 100% 100%; }
  .site-content td[width] { width: auto; }
  .product-card { grid-template-columns: 1fr; justify-items: center; text-align: center; }
  .product-copy { width: 100%; }
  .site-content input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), .site-content textarea, .site-content select { font-size: 16px; }
  body > table:not(.site-shell) { max-width: 100%; }
}
@media (max-width: 599px) {
  .site-content table:has(> tbody > .content-pair), .site-content table:has(> tbody > .content-pair) > tbody,
  .site-content .story-table, .site-content .story-table > tbody { display: block; width: 100% !important; }
  .site-content table:has(> tbody > .content-pair) > tbody > tr,
  .site-content table:has(> tbody > .content-pair) > tbody > tr > td { display: block; width: 100% !important; }
  .site-content .content-pair, .site-content .story-table > tbody > tr:has(> td:nth-child(2)) { display: block; }
  .site-content .content-pair > td, .site-content .story-table > tbody > tr:has(> td:nth-child(2)) > td { display: block; width: 100% !important; height: auto; }
  .site-content .content-pair > td:has(img), .site-content .story-table > tbody > tr > td:has(> img) { text-align: center; padding-block: 6px; }
  .site-content .product-card img { max-width: 100%; }
}
@media print {
  body { background: white; }
  .site-shell { width: 100%; }
}