.tank-liner-skip-link {
  background: #fff;
  border: 2px solid var(--american-flag-blue, var(--tank-blue));
  color: #111;
  left: 1rem;
  padding: 0.65rem 0.9rem;
  position: fixed;
  top: -6rem;
  z-index: 1100;
}

.tank-liner-skip-link:focus-visible {
  outline: 3px solid #bf0a30;
  outline-offset: 2px;
  top: 1rem;
}

.tank-liner-shell {
  margin-inline: auto;
  max-width: 1320px;
  padding-inline: max(24px, env(safe-area-inset-left)) max(24px, env(safe-area-inset-right));
  width: 100%;
}

.tank-liner-main {
  min-width: 0;
  padding-block: 1rem 2rem;
}

.tank-liner-main .content {
  margin-inline: auto;
  max-width: 56rem;
  width: 100%;
}

.tank-liner-main img {
  height: auto;
  max-width: 100%;
}

.tank-liner-main table {
  max-width: 100%;
}

.tank-liner-main [style*="width"] {
  box-sizing: border-box;
  max-width: 100%;
}

.tank-liner-main .wrap {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  justify-content: center;
  max-width: none;
}

.tank-liner-main .leftplacement,
.tank-liner-main .rightplacement {
  float: none;
  margin: 0;
  position: static;
}

.tank-liner-cta-slot {
  margin-block: 1rem;
}

.tank-liner-shared-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

@media (max-width: 640px) {
  .tank-liner-main table {
    display: block;
    overflow-x: auto;
  }

  .tank-liner-main .wrap {
    flex-direction: column;
    text-align: center;
  }
}

/* Compatibility for maintained fragments still awaiting a content migration. */
.tank-liner-main .automargins { margin-inline: auto; }
.tank-liner-main .bold { font-weight: 700; }
.tank-liner-main .red { color: #bf0a30; }
.tank-liner-main .green { color: #006600; }
.tank-liner-main .yellow { color: #806000; }
.tank-liner-main .md { font-size: 1rem; }
.tank-liner-main .lg { font-size: 1.125rem; }
.tank-liner-main .sm { font-size: 0.875rem; }
.tank-liner-main .center { text-align: center; }
.tank-liner-main .justify { text-align: left; }
.tank-liner-main .coupon {
  background: var(--tank-surface);
  border: 2px solid var(--tank-blue);
  color: var(--tank-blue);
  text-align: center;
}

.tank-guide { text-align: center; color: var(--tank-ink); line-height: 1.65; font-size: 1rem; padding: 0; border: 0; background: white; }
.tank-guide h1, .tank-guide h2, .tank-guide h3 { color: var(--tank-blue); text-wrap: balance; }
.tank-guide h2 { font-size: 1.25rem; text-align: center; }
.tank-guide h3 { font-size: 1.1rem; }
/* The shared header already reserves its measured height with scroll-padding. */
.tank-guide [id] { scroll-margin-top: 1rem; }

.tank-guide-links { display: flex; flex-wrap: wrap; gap: 0.75rem 1.5rem; padding-block: 1.25rem; }
.tank-guide-note { background: var(--tank-surface); border-left: 4px solid var(--tank-teal); padding: 16px; margin-block: 16px; text-align: center; }
.tank-guide-note h2 { font-size: 1.25rem; }
.tank-guide-section { min-width: 0; margin-top: 16px; border: 1px solid var(--tank-border); border-radius: 6px; padding: 0 20px 16px; }
.tank-guide-section > h2 { margin: 0 -20px 16px; padding: 12px 16px; background: var(--tank-surface); border-bottom: 1px solid var(--tank-border); border-radius: 6px 6px 0 0; }
.tank-guide-section > :last-child { margin-bottom: 0; }
.tank-guide-diagram { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr); gap: 1.5rem; align-items: center; }
.tank-guide-diagram > * { min-width: 0; }
.tank-guide-diagram img { justify-self: center; object-fit: contain; }
.tank-guide-options dt { color: var(--tank-blue); margin-block-start: 1rem; }
.tank-guide-options dd { margin-inline: 0; }
@media (max-width: 767.98px) {
  .tank-guide-diagram { grid-template-columns: minmax(0, 1fr); }
  .tank-guide-intro .cta-button, .tank-guide-diagram .cta-button { max-width: 100%; white-space: normal; }
}

.tank-gallery-intro { margin-block: 1.5rem; }
.tank-gallery-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; }
.tank-gallery-grid figure { margin: 0; min-width: 0; }
.tank-gallery-grid a { display: block; }
.tank-gallery-grid img { display: block; width: 100%; height: 300px; object-fit: contain; }
.tank-gallery-grid figcaption { padding-block: 12px; font-size: 1rem; line-height: 1.5; text-align: center; }
@media (max-width: 575.98px) {
  .tank-gallery-grid { grid-template-columns: minmax(0, 1fr); }
}

/* Supporting guides follow the approved Tank quote flow's width and palette. */
.tank-liner-main .content.tank-guide { max-width: none; }
.tank-guide-intro { text-align: center; background: var(--tank-blue); border-top: 0; border-bottom: 4px solid var(--tank-red); border-radius: 8px; padding: 24px; color: white; }
.tank-guide-intro h1 { margin: 0; color: white; font-size: clamp(1.7rem, 2.7vw, 2.25rem); line-height: 1.2; }
.tank-guide-intro p { margin: 12px auto; }
.tank-guide .cta-button { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; max-width: 100%; padding: 10px 18px; border-radius: 8px; box-shadow: none; font-size: 1rem; text-align: center; text-decoration: none; white-space: normal; transition: background-color .16s ease; }
.tank-guide .cta-button-primary { background: var(--tank-red); border: 1px solid var(--tank-red); color: white; }
.tank-guide .cta-button-primary:is(:hover, :focus-visible) { background: var(--tank-red-hover); border-color: var(--tank-red-hover); color: white; transform: none; }
.tank-guide .cta-button-secondary { background: white; border: 1px solid var(--tank-blue); color: var(--tank-blue); }
.tank-guide .cta-button-secondary:hover { background: var(--tank-surface); color: var(--tank-blue); transform: none; }
.tank-guide-intro a:focus-visible { outline-color: white; }
.tank-guide-links { justify-content: center; text-align: center; padding-block: 10px 16px; }
.tank-guide-links a { display: inline-flex; align-items: center; min-height: 44px; }
.tank-measuring-intro { margin: 16px auto 0; text-align: center; }
.tank-measuring-shapes { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
.tank-measuring-shape { background: var(--tank-surface-warm); display: flex; flex-direction: column; align-items: center; min-width: 0; padding: 0 20px 20px; border: 1px solid var(--tank-border); border-radius: 8px; text-align: center; }
.tank-measuring-shape h2 { align-self: stretch; margin: 0 -20px 16px; padding: 12px 16px; border-bottom: 1px solid var(--tank-border); border-radius: 8px 8px 0 0; background: var(--tank-surface); font-size: 1.2rem; }
.tank-measuring-shape figure { width: 100%; margin: 0 0 12px; }
.tank-measuring-shape img { display: block; width: 100%; height: 220px; margin: auto; object-fit: contain; }
.tank-measuring-shape figcaption { margin-top: 12px; color: var(--tank-muted); font-size: .95rem; }
.tank-measuring-shape dl { align-self: stretch; margin: 0 0 16px; }
.tank-measuring-shape dl > div { padding: 10px 0; border-top: 1px solid var(--tank-border); }
.tank-measuring-shape dt { color: var(--tank-blue); }
.tank-measuring-shape dd { margin: 2px 0 0; }
.tank-measuring-shape > .cta-button { margin-top: auto; }
.tank-measuring-attachments { margin-top: 20px; padding: 20px; border: 1px solid var(--tank-border); border-left: 5px solid var(--tank-teal); border-radius: 6px; background: var(--tank-surface); text-align: center; }
.tank-measuring-attachments h2,.tank-measuring-custom h2 { margin: 0 0 12px; font-size: 1.35rem; }
.tank-measuring-attachment-options { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; }
.tank-measuring-attachment-options h3 { margin-bottom: 8px; }
.tank-measuring-attachment-options p { margin-bottom: 12px; }
.tank-measuring-custom { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 20px; padding: 20px; border: 1px solid var(--tank-border); border-radius: 6px; text-align: center; }
.tank-measuring-custom > div { flex: 1; min-width: 0; }
.tank-measuring-custom p { margin: 0; }
.tank-measuring-custom .cta-button { flex: 0 1 260px; }
.tank-measuring-context { margin: 20px auto 0; text-align: center; }
@media (max-width: 767.98px) {
  .tank-measuring-shapes,.tank-measuring-attachment-options { grid-template-columns: minmax(0,1fr); }
  .tank-measuring-shape img { height: 200px; }
  .tank-measuring-custom { flex-direction: column; gap: 16px; }
  .tank-measuring-custom .cta-button { flex: none; }
}
@media (prefers-reduced-motion: reduce) { .tank-guide .cta-button { transition: none; } }

/* Shared layouts for the supporting Tank Liner articles and photo instructions. */
.tank-guide-actions { display: flex; flex-direction: column; align-items: center; gap: 16px; margin-top: 20px; padding: 24px 20px; border: 1px solid var(--tank-border); border-top: 4px solid var(--tank-blue); border-radius: 6px; background: var(--tank-surface); text-align: center; }
.tank-guide-actions > a { display: inline-flex; align-items: center; min-height: 44px; }
.tank-guide-summary, .tank-guide-help { margin: 16px auto; text-align: center; }
.tank-guide-summary p { margin-bottom: 0; }
.tank-guide-article-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 20px; }
.tank-guide-articles > section > p, .tank-guide-warranty > p { margin-inline: auto; }
.tank-guide-articles h3 { text-align: center; margin-top: 20px; }
.tank-guide-article-image { display: block; margin: 0 auto 16px; }
.tank-guide-section.tank-guide-diagram { padding-top: 20px; }
.tank-guide-diagram > img, .tank-guide-diagram > a { justify-self: center; }
.tank-guide-choices .tank-guide-diagram { grid-template-columns: minmax(0, 1fr); gap: 16px; text-align: center; }
.tank-guide-choices .tank-guide-diagram img { max-height: 220px; width: auto; }
.tank-guide-choices .tank-guide-diagram img.tank-bead-diagram { width: min(100%, 320px); max-height: none; height: auto; }
.tank-guide-choices .tank-guide-options { text-align: center; }
.tank-guide-options dt { padding-top: 12px; border-top: 1px solid var(--tank-border); }
.tank-guide-offer { text-align: center; }
.tank-album-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin-top: 16px; }
.tank-album { min-width: 0; padding: 16px; border: 1px solid var(--tank-border); border-radius: 6px; text-align: center; }
.tank-album img { width: 100%; height: 190px; object-fit: contain; }
.tank-album h2 { margin: 16px 0 0; font-size: 1.1rem; }
.tank-gallery-intro > p:not(.tank-guide-summary):not(.tank-guide-note) { margin-inline: auto; }
.tank-gallery-grid { gap: 16px 24px; }
.tank-install-step .tank-guide-diagram { grid-template-columns: minmax(0, 280px) minmax(0, 1fr); gap: 24px; }
.tank-install-step img { display: block; max-height: 220px; width: auto; object-fit: contain; }
@media (max-width: 991.98px) {
  .tank-album-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767.98px) {
  .tank-guide-article-grid { grid-template-columns: minmax(0, 1fr); }
  .tank-guide-section { padding-inline: 16px; }
  .tank-guide-section > h2 { margin-inline: -16px; }
  .tank-install-step .tank-guide-diagram { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .tank-gallery-grid img { height: 240px; }
}
@media (max-width: 575.98px) {
  .tank-album-grid { grid-template-columns: minmax(0, 1fr); }
}

/* Editorial pages reuse the Tank landing page's hero and centered sections. */
.tank-liner-main .content.tank-guide-story { max-width: none; padding: 0; }
.tank-guide-story .tank-landing-material img { margin-inline: auto; }
.tank-guide-story .cta-button { transition: background-color .16s ease, color .16s ease; background: var(--tank-red); color: white; border-radius: 6px; box-shadow: none; transform: none; text-align: center; }
.tank-guide-story .cta-button-secondary { background: white; border: 1px solid var(--tank-blue); color: var(--tank-blue); }
.tank-guide-story .cta-button-primary:is(:hover, :focus-visible) { background: var(--tank-red-hover); border-color: var(--tank-red-hover); color: white; transform: none; }
.tank-guide-story .cta-button-secondary:hover { background: var(--tank-ink); color: white; transform: none; }

@media (prefers-reduced-motion: reduce) { .tank-guide-story .cta-button { transition: none; } }

/* Share content rows so differing fitting descriptions keep matching baselines. */
.tank-fitting-choices { margin-top: 16px; row-gap: 16px; }
.tank-fitting-choices > section { display: grid; grid-row: span 5; grid-template-rows: subgrid; margin-top: 0; text-align: center; }
.tank-fitting-choices > section > h2 { display: flex; align-items: center; justify-content: center; margin-bottom: 0; }
.tank-fitting-choices > section > img { width: 150px; height: 120px; object-fit: contain; justify-self: center; }
.tank-fitting-choices > section > p { margin: 0; }
.tank-fitting-link { display: flex; align-items: center; justify-content: center; min-height: 44px; }
@media (max-width: 767.98px) {
  .tank-fitting-choices > section { grid-row: auto; grid-template-rows: none; gap: 16px; }
}

.tank-guide-actions > .cta-button { min-width: min(100%, 240px); font-weight: 700; }
.tank-guide-action-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; width: 100%; }
.tank-guide-action-links a { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; max-width: 100%; padding: 9px 16px; border: 1px solid var(--tank-blue); border-radius: 6px; background: white; color: var(--tank-blue); font-weight: 600; text-decoration: none; }
.tank-guide-action-links a:hover { background: var(--tank-blue); color: white; }
@media (max-width: 575.98px) {
  .tank-guide-actions { padding: 20px 16px; }
  .tank-guide-actions > .cta-button, .tank-guide-action-links a { width: 100%; }
}

/* Keep supporting articles compact while lining up equivalent content. */
.tank-guide-section-links { gap: 10px; padding: 16px 0 0; }
.tank-guide-section-links a { padding: 8px 16px; border: 1px solid var(--tank-border); border-radius: 6px; background: var(--tank-surface); color: var(--tank-blue); font-weight: 600; text-decoration: none; }
.tank-guide-section-links a:hover { background: var(--tank-blue); color: white; }
.tank-guide-subtopic { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; padding: 20px 0; text-align: left; }
.tank-guide-subtopic + .tank-guide-subtopic { border-top: 1px solid var(--tank-border); }
.tank-installation-article .tank-guide-subtopic h3 { margin: 0; padding-top: 4px; }
.tank-guide-subtopic > div { min-width: 0; }
.tank-guide-subtopic p:last-child { margin-bottom: 0; }
.tank-warranty-coverage { margin: 0 auto 20px; font-size: 1.1rem; }
.tank-warranty-terms { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.tank-warranty-terms > section { min-width: 0; }
.tank-warranty-terms > section + section { border-left: 1px solid var(--tank-border); padding-left: 24px; }
.tank-warranty-terms h3, .tank-warranty-service h3 { margin: 0 0 12px; }
.tank-guide-warranty p:last-child { margin-bottom: 0; }
.tank-warranty-service { margin-inline: auto; }
.tank-guide-balanced { margin-top: 16px; row-gap: 16px; }
.tank-guide-balanced > section { display: grid; grid-row: span 2; grid-template-rows: subgrid; margin-top: 0; }
.tank-guide-balanced > section > h2 { display: flex; align-items: center; justify-content: center; margin-bottom: 0; }
.tank-guide-balanced > section > p { margin: 0; }
.tank-schedule-layout { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: 20px; align-items: center; }
.tank-rush-service { margin-bottom: 0; border-radius: 6px; }
.tank-rush-service p:last-child { margin-bottom: 0; }
.tank-album { display: grid; grid-template-rows: 190px 1fr; gap: 16px; padding: 16px 16px 0; text-decoration: none; }
.tank-album h2 { display: flex; align-items: center; justify-content: center; margin: 0 -16px; padding: 12px 16px; border-top: 1px solid var(--tank-border); background: var(--tank-surface); border-radius: 0 0 6px 6px; }
.tank-album:hover { border-color: var(--tank-blue); }
.tank-album:hover h2 { text-decoration: underline; }
@media (max-width: 767.98px) {
  .tank-guide-subtopic, .tank-warranty-terms, .tank-schedule-layout { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .tank-warranty-terms > section + section { border-left: 0; border-top: 1px solid var(--tank-border); padding: 16px 0 0; }
  .tank-guide-balanced > section { grid-row: auto; grid-template-rows: none; gap: 16px; }
  .tank-rush-service { margin-top: 0; }
}

/* Long guides use the full article panel beside compact section navigation. */
.tank-guide-reading-layout { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 24px; align-items: start; margin-top: 20px; }
.tank-guide-sidebar { position: sticky; top: var(--ws-header-scroll-offset, 0px); display: flex; flex-direction: column; gap: 0; margin: 0; padding: 0; border: 1px solid var(--tank-border); border-top: 4px solid var(--tank-red); border-radius: 8px; background: var(--tank-surface); max-height: calc(100dvh - var(--ws-header-scroll-offset, 0px) - 1rem); overflow-y: auto; }
.tank-guide-sidebar a { justify-content: flex-start; min-height: 44px; padding: 12px 16px; border: 0; border-radius: 0; background: transparent; text-align: left; }
.tank-guide-sidebar a + a { border-top: 1px solid var(--tank-border); }
.tank-guide-sidebar a:focus-visible { outline-offset: -3px; }
.tank-guide-reading-content { min-width: 0; text-align: left; }
.tank-guide-reading-content .tank-guide-articles > section:first-child { margin-top: 0; }
.tank-installation-article p { margin-inline: auto; }
.tank-installation-fitting-link { padding-top: 16px; border-top: 1px solid var(--tank-border); }
@media (max-width: 991.98px) {
  .tank-guide-reading-layout { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .tank-guide-sidebar { position: static; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); max-height: none; overflow: visible; }
  .tank-guide-sidebar a + a { border-top: 0; }
  .tank-guide-sidebar a:nth-child(even) { border-left: 1px solid var(--tank-border); }
  .tank-guide-sidebar a:nth-child(n+3) { border-top: 1px solid var(--tank-border); }
}
@media (max-width: 399.98px) {
  .tank-guide-sidebar { grid-template-columns: minmax(0, 1fr); }
  .tank-guide-sidebar a:nth-child(even) { border-left: 0; }
  .tank-guide-sidebar a + a { border-top: 1px solid var(--tank-border); }
}

.tank-ordering-copy { margin: 24px auto; padding-inline: 12px; text-align: left; }
.tank-ordering-copy > p { margin-bottom: 20px; }
.tank-ordering-copy > p:last-child { margin-bottom: 0; font-weight: 700; }

/* Supporting articles share the approved connected specification layout. */
body.tank-liner-page { background: #fff; color: var(--tank-ink); font-family: "Open Sans", sans-serif; }
.tank-liner-product-header { margin-block: 1rem; }
.tank-liner-promotion { padding: .75rem 1rem; border: 1px solid var(--tank-border); border-left: 4px solid var(--tank-red); border-radius: 8px; background: var(--tank-surface) !important; color: var(--tank-blue); text-align: center; font-size: .94rem; font-weight: 600; }
.tank-liner-promotion a { color: var(--tank-blue); text-underline-offset: .18em; }
.tank-liner-promotion a:hover { color: var(--tank-red); }
.tank-liner-promotion .green { color: inherit; }
.tank-liner-banner-controls:empty { display: none; }
.tank-liner-breadcrumbs { margin-top: 1rem; }
.tank-liner-breadcrumbs .breadcrumb { font-size: .9rem !important; }
.tank-liner-breadcrumbs a { color: var(--tank-blue); }
.tank-liner-main { padding-top: 0; }
.tank-guide { overflow-wrap: break-word; }
.tank-guide a { color: var(--tank-blue); text-underline-offset: .18em; touch-action: manipulation; }
.tank-guide a:hover { color: var(--tank-red); }
.tank-guide :is(h1,h2,h3) { font-weight: 700; line-height: 1.3; }
.tank-guide h2 { font-size: clamp(1.25rem, 2vw, 1.55rem); }
.tank-guide-intro > :last-child { margin-bottom: 0; }
.tank-guide-intro .cta-button-primary:is(:hover, :focus-visible) { background: var(--tank-red-hover); border-color: var(--tank-red-hover); color: white; }
.tank-guide-intro :is(p,a:not(.cta-button)) { color: white; }
.tank-guide :is(a,button):focus-visible { outline: 3px solid var(--tank-blue); outline-offset: 3px; }
.tank-guide-intro a:focus-visible { outline-color: white; }
.tank-guide-section { border-radius: 8px; background: var(--tank-surface-warm); }
.tank-guide-section > h2 { border-radius: 8px 8px 0 0; }
.tank-guide-articles { border: 1px solid var(--tank-border); border-radius: 8px; background: var(--tank-surface); }
.tank-guide-articles > .tank-guide-section { margin: 0; padding: 24px; border: 0; border-radius: 0; background: transparent; }
.tank-guide-articles > .tank-guide-section + .tank-guide-section { border-top: 1px solid var(--tank-border); }
.tank-guide-articles > .tank-guide-section > h2 { margin: 0 0 20px; padding: 0 0 16px; border-bottom: 1px solid var(--tank-border); border-radius: 0; background: transparent; }
.tank-guide-reading-content :is(p,li,dd) { line-height: 1.75; }
.tank-guide-reading-content :is(p,dl,ul,ol) { margin-inline: auto; }
.tank-guide-reading-content :is(h2,h3) { text-align: center; }
.tank-guide-reading-content .tank-guide-article-image { max-height: 360px; object-fit: contain; }
.tank-guide-sidebar a { color: var(--tank-blue); font-size: .94rem; font-weight: 600; line-height: 1.4; }
.tank-guide-sidebar a:hover { background: white; color: var(--tank-red); }
.tank-guide-actions { border: 0; border-top: 4px solid var(--tank-red); border-radius: 8px; background: var(--tank-surface); }
.tank-guide-action-links { gap: 0 20px; }
.tank-guide-action-links a { padding: 8px 0; border: 0; border-radius: 0; background: transparent; text-decoration: underline; text-underline-offset: .18em; }
.tank-guide-action-links a:hover { background: transparent; color: var(--tank-red); }
.tank-album { border-radius: 8px; overflow: hidden; background: var(--tank-surface-warm); }
.tank-album h2 { border-radius: 0; }
.tank-album img { border-radius: 4px; }
.tank-gallery-intro { margin-inline: auto; }
.tank-gallery-intro > p:not(.tank-guide-summary):not(.tank-guide-note) { text-align: left; }
.tank-gallery-grid figure { background: var(--tank-surface-warm); border: 1px solid var(--tank-border); border-radius: 8px; overflow: hidden; }
.tank-gallery-grid a { padding: 12px; background: var(--tank-surface); cursor: zoom-in; }
.tank-gallery-grid figcaption { padding: 12px 16px; border-top: 1px solid var(--tank-border); }
.tank-gallery-grid img { height: 300px; }
.tank-project-gallery { grid-template-columns: repeat(auto-fit, minmax(min(100%, 20rem), 1fr)); }
.tank-track-gallery { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.tank-track-gallery img { width: 140px; height: 175px; margin-inline: auto; }
.tank-project-photo-strip { grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 20px; }
.tank-project-photo-strip figure { padding: 12px; background: var(--tank-surface); }
.tank-project-photo-strip img { height: 240px; object-fit: contain; }
.tank-guide-diagram .tank-production-photo { width: auto; height: auto; max-height: 240px; object-fit: contain; }
.tank-thickness-figure { width: min(100%, 450px); margin: 0 auto; text-align: center; }
.tank-thickness-figure img { display: block; margin-inline: auto; }
.tank-thickness-figure figcaption { margin-top: 10px; }
.tank-thickness-table :is(th,td) { text-align: right; font-variant-numeric: tabular-nums; }
.tank-thickness-table caption { text-align: center; }
.tank-thickness-table tbody th { text-align: left; }

.tank-guide-story .tank-landing-hero h1 { color: white; }
.tank-guide-story .tank-landing-hero .cta-button-primary:is(:hover, :focus-visible) { background: var(--tank-red-hover); border-color: var(--tank-red-hover); color: white; }
.tank-guide-story .tank-landing-hero .cta-button-secondary:hover { background: white; color: var(--tank-blue); }
@media (max-width: 767.98px) {
  .tank-guide-intro { padding: 20px 16px; }
  .tank-guide-articles > .tank-guide-section { padding: 20px 16px; }
  .tank-gallery-grid img { height: 240px; }
  .tank-track-gallery, .tank-project-photo-strip { grid-template-columns: minmax(0, 1fr); }
  .tank-track-gallery img { width: 140px; height: 175px; }
}

.tank-guide-story > .tank-guide-section > p { text-align: left; }

/* Match the shared header gutters; article panels provide their own inner padding. */
@media (max-width: 1239px) {
  .tank-liner-shell { padding-inline: max(20px, env(safe-area-inset-left)) max(20px, env(safe-area-inset-right)); }
}
@media (max-width: 359px) {
  .tank-liner-shell { padding-inline: max(12px, env(safe-area-inset-left)) max(12px, env(safe-area-inset-right)); }
}

/* Compact guide introductions share the Tank landing hero's centered copy and imagery. */
.tank-guide-hero {
  align-items: center;
  display: grid;
  gap: 24px;
  grid-template-columns: minmax(0, 1.5fr) minmax(220px, 1fr);
}
.tank-guide-hero-copy { min-width: 0; }
.tank-guide-hero-copy > p { max-width: 64ch; }
.tank-guide-hero-image { margin: 0; }
.tank-guide-hero-image img {
  display: block;
  height: auto;
  margin-inline: auto;
  max-height: 220px;
  max-width: 100%;
  object-fit: contain;
  width: auto;
}
.tank-guide-hero .cta-button-secondary {
  background: white;
  border-color: white;
  color: var(--tank-blue);
}
.tank-guide-hero .cta-button-secondary:hover {
  background: var(--tank-surface-warm);
  border-color: var(--tank-surface-warm);
}
@media (max-width: 767px) {
  .tank-guide-hero {
    gap: 16px;
    grid-template-columns: minmax(0, 1fr);
  }
  .tank-guide-hero-image img { max-height: 140px; }
  .tank-guide-hero .tank-landing-actions {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 16px;
  }
  .tank-guide-hero .cta-button {
    align-items: center;
    display: flex;
    font-size: 14px;
    justify-content: center;
    line-height: 1.35;
    min-height: 44px;
    padding: 9px 8px;
  }
}

.tank-guide-hero-text .tank-guide-hero-copy { max-width: 76ch; margin-inline: auto; }
.tank-guide-hero-text-link { flex-basis: 100%; }
.tank-project-album .tank-gallery-intro { margin-block: 16px; }
.tank-project-album > .tank-guide-summary { margin-block: 12px; }
.tank-project-album > .tank-guide-links { margin-block: 12px 20px; }
@media (max-width: 767px) {
  .tank-guide-hero-text-link { grid-column: 1 / -1; }
}

/* The measuring grid has no intervening introduction to provide section spacing. */
.tank-guide-hero + .tank-measuring-shapes { margin-top: 24px; }

/* Keep project context and stage navigation in the shared neutral panel family. */
.tank-project-album .tank-project-overview { margin-block: 24px; padding-bottom: 8px; }
.tank-project-overview > h2 { font-size: 1.15rem; margin-bottom: 4px; padding-block: 6px; }
.tank-project-album .tank-gallery-intro.tank-project-overview > p {
  line-height: 1.5;
  margin: 0 0 8px;
  text-align: center;
}
.tank-project-overview .tank-guide-note { margin-block: 0 12px; }
.tank-project-browse { border-top: 1px solid var(--tank-border); padding-top: 8px; }
.tank-project-overview > h2 + .tank-project-browse { border-top: 0; padding-top: 0; }
.tank-project-browse-with-stages {
  align-items: center;
  display: grid;
  gap: 16px;
  grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
}
.tank-project-photo-hint { font-size: .875rem; line-height: 1.4; margin: 0; text-align: center; }
.tank-project-stage-nav {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 9rem), 1fr));
  padding: 0;
}
.tank-project-stage-nav a {
  align-items: center;
  border-color: var(--tank-blue);
  display: flex;
  justify-content: center;
  font-size: .9rem;
  line-height: 1.35;
  min-height: 44px;
  padding: 8px;
  text-align: center;
}
@media (max-width: 767px) {
  .tank-project-browse-with-stages { gap: 8px; grid-template-columns: minmax(0, 1fr); }
  .tank-project-stage-nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.tank-project-stage-nav[data-stage-count="3"] { grid-template-columns: repeat(3, minmax(0, 1fr)); }