html, body { max-width: 100%; overflow-x: clip; }


/* Media and embeds never exceed their container. */
img, svg, video, canvas, iframe, embed, object, figure, picture {
  max-width: 100%;
}
img, video, canvas { height: auto; }
pre, code, kbd, samp { overflow-x: auto; max-width: 100%; }


picture { display: block; height: 100%; }


h1, h2, h3, h4, h5, h6,
[class*='lockup'], [class*='display'], [class*='headline'], [class*='title'],
[class*="hero"] h1, [class*="hero"] h2 {
  overflow-wrap: break-word;
  word-break: normal;

  hyphens: manual;
}
[class*='lockup'], [class*='lockup'] > * { white-space: normal !important; }


h1, h2, h3 { text-wrap: balance; }
td, th, time, output, data,
[class*='price'], [class*='cost'], [class*="rate"], [class*="amount"],
[class*='figure'], [class*='stat'], [class*="number"], [class*='count'] {
  font-variant-numeric: lining-nums tabular-nums;
}


p, li, dd, dt, blockquote, figcaption, address, a, span, td, th,
div, strong, b, em, i, small, label, output, time, cite, abbr, code, summary,
h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
}


/* Grid and flex children may shrink below their content so a single wide
  child cannot force the whole track past the viewport. */
[class*="grid"] > *, [class*='row'] > *, [class*='flex'] > *,
[class*='cols'] > *, [class*="columns"] > * { min-width: 0; }


:not(img):not(picture):not(svg):not(video):not(canvas):only-child {
  grid-column: 1 / -1;
}


@view-transition { navigation: auto; }
::view-transition-old(root), ::view-transition-new(root) {
  animation-duration: .28s;
}
@media (prefers-reduced-motion: reduce) {
  ::view-transition-group(*),
  ::view-transition-old(*),
  ::view-transition-new(*) { animation: none !important; }
}


.lano681 {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  container-type: inline-size;
}
.lano681 > table { width: 100%; }
@media (max-width: 48rem) {
  .lano681 > table { font-size: .94em; }
}
.lano681 > table,
.lano681 > table > thead, .lano681 > table > tbody,
.lano681 > table > tfoot, .lano681 > table tr,
.lano681 > table th, .lano681 > table td { display: revert; }
.lano681 > table th, .lano681 > table td {
  inline-size: auto;
  min-inline-size: 0;
}



@media (max-width: 30rem) {
  :root {
    --tani-8b5: clamp(2.2rem, 9vw, 3rem);
    --tani-f84: clamp(2rem, 8vw, 2.7rem);
    --tani-638: clamp(1.8rem, 7vw, 2.4rem);
    --tani-498: clamp(1.55rem, 6vw, 2.05rem);
    --tani-5f8: clamp(1.35rem, 5vw, 1.8rem);
  }
}
@media (min-width: 30.01rem) and (max-width: 48rem) {
  :root {
    --tani-8b5: clamp(2.8rem, 8vw, 4.6rem);
    --tani-f84: clamp(2.5rem, 7vw, 4rem);
    --tani-638: clamp(2.2rem, 6vw, 3.4rem);
  }
}


/* Touch targets stay usable. */
@media (pointer: coarse) {
  a.btn, button, [role='button'], .btn,
  input[type="submit"], input[type='button'] { min-height: 44px; }
}


a:focus-visible, button:focus-visible, input:focus-visible,
select:focus-visible, textarea:focus-visible, summary:focus-visible,
[tabindex]:focus-visible, [role='button']:focus-visible {
  outline: 2px solid var(--focus-ring, currentColor);
  outline-offset: 3px;
}


html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type='file']):not([type="color"]),
textarea, button, [type="submit"], [type='button'] {
  -webkit-appearance: none;
  appearance: none;
}


@media (pointer: coarse) and (max-width: 767px) {
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type='file']):not([type="color"]),
  select, textarea { font-size: max(16px, 1em) !important; }
}


@container (max-width: 26rem) {
  .lano681.lacee9a.tcols-3 > table,
  .lano681.lacee9a.tcols-3 > table > tbody,
  .lano681.lacee9a.tcols-3 > table > tbody > tr,
  .lano681.lacee9a.tcols-3 > table > tbody > tr > td,
  .lano681.lacee9a.tcols-3 > table > tbody > tr > th {
    display: block;
    inline-size: auto;
    min-inline-size: 0 !important;
  }
  .lano681.lacee9a.tcols-3 > table > thead { display: none; }
  .lano681.lacee9a.tcols-3 > table > tbody > tr {
    margin-block-end: .75rem;
    padding: .2rem .25rem;
    border: 1px solid;
    border-color: color-mix(in srgb, currentColor 20%, transparent);
    border-radius: .5rem;
  }
  .lano681.lacee9a.tcols-3 > table > tbody > tr > td {
    padding-block: .4rem;
    padding-inline: .7rem;
  }
  .lano681.lacee9a.tcols-3 > table > tbody > tr > td[data-label]::before {
    content: attr(data-label);
    display: block;
    font-size: .82em;
    font-weight: 600;
    letter-spacing: .02em;
    opacity: .68;
  }
  .lano681.lacee9a.tcols-3 > table > tbody > tr > td:empty { display: none; }
}
@container (max-width: 35rem) {
  .lano681.lacee9a.tcols-4 > table,
  .lano681.lacee9a.tcols-4 > table > tbody,
  .lano681.lacee9a.tcols-4 > table > tbody > tr,
  .lano681.lacee9a.tcols-4 > table > tbody > tr > td,
  .lano681.lacee9a.tcols-4 > table > tbody > tr > th {
    display: block;
    inline-size: auto;
    min-inline-size: 0 !important;
  }
  .lano681.lacee9a.tcols-4 > table > thead { display: none; }
  .lano681.lacee9a.tcols-4 > table > tbody > tr {
    margin-block-end: .75rem;
    padding: .2rem .25rem;
    border: 1px solid;
    border-color: color-mix(in srgb, currentColor 20%, transparent);
    border-radius: .5rem;
  }
  .lano681.lacee9a.tcols-4 > table > tbody > tr > td {
    padding-block: .4rem;
    padding-inline: .7rem;
  }
  .lano681.lacee9a.tcols-4 > table > tbody > tr > td[data-label]::before {
    content: attr(data-label);
    display: block;
    font-size: .82em;
    font-weight: 600;
    letter-spacing: .02em;
    opacity: .68;
  }
  .lano681.lacee9a.tcols-4 > table > tbody > tr > td:empty { display: none; }
}
@container (max-width: 44rem) {
  .lano681.lacee9a.tcols-5 > table,
  .lano681.lacee9a.tcols-5 > table > tbody,
  .lano681.lacee9a.tcols-5 > table > tbody > tr,
  .lano681.lacee9a.tcols-5 > table > tbody > tr > td,
  .lano681.lacee9a.tcols-5 > table > tbody > tr > th {
    display: block;

    inline-size: auto;
    min-inline-size: 0 !important;
  }
  .lano681.lacee9a.tcols-5 > table > thead { display: none; }
  .lano681.lacee9a.tcols-5 > table > tbody > tr {
    margin-block-end: .75rem;
    padding: .2rem .25rem;
    border: 1px solid;
    border-color: color-mix(in srgb, currentColor 20%, transparent);
    border-radius: .5rem;
  }
  .lano681.lacee9a.tcols-5 > table > tbody > tr > td {
    padding-block: .4rem;
    padding-inline: .7rem;
  }
  .lano681.lacee9a.tcols-5 > table > tbody > tr > td[data-label]::before {
    content: attr(data-label);
    display: block;
    font-size: .82em;
    font-weight: 600;
    letter-spacing: .02em;
    opacity: .68;
  }
  .lano681.lacee9a.tcols-5 > table > tbody > tr > td:empty { display: none; }
}
@container (max-width: 52rem) {
  .lano681.lacee9a.weku306 > table,
  .lano681.lacee9a.weku306 > table > tbody,
  .lano681.lacee9a.weku306 > table > tbody > tr,
  .lano681.lacee9a.weku306 > table > tbody > tr > td,
  .lano681.lacee9a.weku306 > table > tbody > tr > th {
    display: block;
    inline-size: auto;
    min-inline-size: 0 !important;

  }
  .lano681.lacee9a.weku306 > table > thead { display: none; }
  .lano681.lacee9a.weku306 > table > tbody > tr {
    margin-block-end: .75rem;
    padding: .2rem .25rem;
    border: 1px solid;
    border-color: color-mix(in srgb, currentColor 20%, transparent);
    border-radius: .5rem;
  }
  .lano681.lacee9a.weku306 > table > tbody > tr > td {
    padding-block: .4rem;
    padding-inline: .7rem;
  }
  .lano681.lacee9a.weku306 > table > tbody > tr > td[data-label]::before {
    content: attr(data-label);
    display: block;
    font-size: .82em;
    font-weight: 600;
    letter-spacing: .02em;
    opacity: .68;
  }
  .lano681.lacee9a.weku306 > table > tbody > tr > td:empty { display: none; }
}
@container (max-width: 61rem) {
  .lano681.lacee9a.tcols-7 > table,
  .lano681.lacee9a.tcols-7 > table > tbody,
  .lano681.lacee9a.tcols-7 > table > tbody > tr,
  .lano681.lacee9a.tcols-7 > table > tbody > tr > td,
  .lano681.lacee9a.tcols-7 > table > tbody > tr > th {
    display: block;
    inline-size: auto;
    min-inline-size: 0 !important;
  }
  .lano681.lacee9a.tcols-7 > table > thead { display: none; }
  .lano681.lacee9a.tcols-7 > table > tbody > tr {
    margin-block-end: .75rem;
    padding: .2rem .25rem;
    border: 1px solid;
    border-color: color-mix(in srgb, currentColor 20%, transparent);
    border-radius: .5rem;
  }
  .lano681.lacee9a.tcols-7 > table > tbody > tr > td {
    padding-block: .4rem;
    padding-inline: .7rem;
  }
  .lano681.lacee9a.tcols-7 > table > tbody > tr > td[data-label]::before {
    content: attr(data-label);
    display: block;
    font-size: .82em;
    font-weight: 600;
    letter-spacing: .02em;
    opacity: .68;
  }
  .lano681.lacee9a.tcols-7 > table > tbody > tr > td:empty { display: none; }
}



/* Consent — a corner card on a desk, a short bar on a phone, and late. */
@keyframes consent-arrive { from { opacity: 0; } }
.cookie-banner {
  max-height: 30vh;
  overflow: auto;
  box-sizing: border-box;
  top: auto;
  bottom: 0;
}
html body .cookie-banner.cookie-banner {
  animation: consent-arrive .6s ease-out 1.8s backwards !important;
}
@media (min-width: 48rem) {
  html body .cookie-banner.cookie-banner {
    position: fixed !important;
    top: auto !important;
    bottom: var(--consent-bottom, 1.25rem) !important;
    left: var(--consent-left, 1.25rem) !important;
    right: auto !important;
    width: min(380px, calc(100vw - 2.5rem)) !important;
    max-width: 380px !important;
    max-height: min(60vh, 30rem) !important;
    margin: 0 !important;
    padding: 1.1rem 1.25rem !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: .8rem !important;
  }
  .cookie-banner > :where(div, form, section, nav):not([hidden]) {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: .8rem !important;
  }
  /* A `flex: 1 1 320px` written for a row is a 320px HEIGHT in a column. */
  .cookie-banner > :not([hidden]),
  .cookie-banner > :where(div, form, section, nav):not([hidden]) > :not([hidden]) {
    flex: 0 0 auto !important;
    min-width: 0;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
  }
  .cookie-banner :where(div, p, nav, form, section) {
    flex-wrap: wrap;
  }
}
@media (prefers-reduced-motion: reduce) {
  html body .cookie-banner.cookie-banner { animation-duration: .01s !important; }
}


/* MEASURED: flex rows that ran out of room and did not wrap */
/* out of room at 320px, fitted at 390px */
@media (max-width: 389px) { a.btn.btn--primary { flex-wrap: wrap !important; } }
/* out of room at 1024px, fitted at 1440px */
@media (max-width: 1439px) { div.dock-drawer-head { flex-wrap: wrap !important; } }


/* 5.0 characters a line in 2 columns holding 2 item(s) */
div.reply-specs-row { grid-template-columns: none !important; }


@media (max-width: 1439px) { div.site-main section { grid-template-columns: none !important; } }
/* td read again at 1024px with this; left as designed from 1440px */
@media (max-width: 1439px) { div.lano681.lacee9a.weku306 { overflow-x: auto !important; } }
@media (max-width: 1439px) { table.rate-table { min-width: 1476px !important; } }


@media (max-width: 1023px) { body.has-consent-banner div.cookie-banner { --consent-bottom: 72px !important; } }
/* button.cookie-btn.cookie-btn--accept stood clear at 768px with this; left as designed from 1024px */
@media (max-width: 1023px) { body.has-consent-banner div.cookie-banner { bottom: 72px !important; } }


/* MEASURED: text that could not be read on its own background */
a.inline-link { color: #2a717b !important; }
a.tabular.inline-link { color: #2a717b !important; }
div.terms-standfirst { color: #26666f !important; }
/* measured 3.9:1 — rgb(47, 127, 138) on rgb(233, 237, 241), floor 4.5:1 */
span.reply-responder { color: #2a717b !important; }
a.rail-link a.rail-link span { color: #2a717b !important; }
article.material-card span.material-card-tag.tabular { color: #2a717b !important; }
/* measured 3.4:1 — rgb(47, 127, 138) on rgb(218, 222, 227), floor 4.5:1 */
button.tab-btn button.tab-btn span { color: #26666f !important; }
/* measured 3.4:1 — rgb(47, 127, 138) on rgb(218, 222, 227), floor 4.5:1 */
div.assembly-step-card span.assembly-step-spec { color: #26666f !important; }
div.contact-direct-card a.inline-link span { color: #26666f !important; }
div.flag-alert a.inline-link { color: #225c64 !important; }
/* measured 2.9:1 — rgb(47, 127, 138) on rgb(199, 204, 210), floor 4.5:1 */
div.flag-alert a.tabular.inline-link { color: #225c64 !important; }
/* measured 2.9:1 — rgb(47, 127, 138) on rgb(199, 204, 210), floor 4.5:1 */
div.monsoon-notice-box span.monsoon-notice-title { color: #225c64 !important; }
/* measured 3.4:1 — rgb(47, 127, 138) on rgb(218, 222, 227), floor 4.5:1 */
footer.site-footer a.footer-link { color: #26666f !important; }
/* measured 3.4:1 — rgb(47, 127, 138) on rgb(218, 222, 227), floor 4.5:1 */
nav.mobile-dock span.dock-label { color: #26666f !important; }
/* measured 3.4:1 — rgb(47, 127, 138) on rgb(218, 222, 227), floor 4.5:1 */
section.dialogue-section.dialogue-section--surface span.reply-responder { color: #26666f !important; }
/* measured 3.4:1 — rgb(47, 127, 138) on rgb(218, 222, 227), floor 4.5:1 */
section.error-card span.error-badge { color: #26666f !important; }
/* measured 3.4:1 — rgb(47, 127, 138) on rgb(218, 222, 227), floor 4.5:1 */
section.materials-section span.reply-responder { color: #26666f !important; }
section.section-block.section-block--surface span.reply-responder { color: #26666f !important; }