/* PFAS Market mobile QA corrections – 23 Oct 2026.
   Applied after atlas.css and style declarations already present in each HTML page. */
:root{--qa-border:#dce5de}
/* Grid children containing wide tabular content must be allowed to shrink. */
.content-wrap, .content-wrap > *, .prose, .sidebar,
.panel, .footer-grid, .footer-grid > *, .section-head > *,
.atlas-directory-tools > * { min-width:0; }
@media(max-width:1000px){
  .content-wrap {grid-template-columns:minmax(0,1fr);}
}
.data-table{width:100%;max-width:100%}
@media(max-width:768px){
  .content-wrap{display:grid;grid-template-columns:minmax(0,1fr);gap:28px}
  .prose{max-width:100%;min-width:0}
  .data-table{display:block;width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:normal}
  .data-table th,.data-table td{min-width:138px;white-space:normal}
}
/* Management stages: adapt the card count instead of allowing inline 4-column width. */
.four-stages-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.four-stages-grid .content-card{min-width:0;min-height:0;overflow:visible}
.four-stages-grid .content-card h3{overflow-wrap:break-word;hyphens:auto}
.four-stages-grid .content-card p{overflow-wrap:break-word}
@media(max-width:1000px){
  .four-stages-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  .four-stages-grid{grid-template-columns:minmax(0,1fr);gap:10px}
  .four-stages-grid .content-card{display:grid;grid-template-columns:90px minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:15px;row-gap:6px;padding:20px;align-items:start}
  .four-stages-grid .content-card .tag{grid-column:1;grid-row:1/3;font-size:10px;line-height:1.8;overflow-wrap:anywhere}
  .four-stages-grid .content-card h3{grid-column:2;grid-row:1;font-size:23px;line-height:1.13;margin:0}
  .four-stages-grid .content-card p{grid-column:2;grid-row:2;font-size:13px;line-height:1.6;margin:0}
}
/* Footer: allow the brand and tagline to wrap; retain useful two-column navigation. */
footer .footer-grid{min-width:0}
footer .footer-grid .logo{display:flex;flex-direction:column;align-items:flex-start;gap:7px;line-height:1.15;width:100%;max-width:100%}
footer .footer-grid .logo-main{display:block;font-size:clamp(25px,7vw,30px);white-space:normal;overflow-wrap:break-word;letter-spacing:-1px}
footer .footer-grid .logo-sub{display:block;font-size:9px;line-height:1.5;white-space:normal;max-width:100%;overflow-wrap:anywhere;letter-spacing:.075em;margin:0}
footer .footer-grid a,footer .footer-grid p{overflow-wrap:anywhere}
@media(max-width:650px){
  footer .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 22px}
  footer .footer-grid>div:first-child,footer .footer-grid>div:last-child{grid-column:1/-1}
  footer .footer-grid h4{font-size:13px;margin:0 0 9px}
  footer .footer-grid a,footer .footer-grid p{font-size:12.5px;line-height:1.7}
  footer .atlas-footer-note{line-height:1.6}
}
/* Uniform, responsive image frames; natural source dimensions are not stretched. */
@media(max-width:768px){
  .page-hero img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
  .page-hero img[src$=".webp"],.page-hero img[src$=".jpg"],.page-hero img[src$=".jpeg"]{object-fit:cover}
  .news-card img,.project-card img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
  .atlas-project-feature img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
}

.table-scroll-hint{display:none}
@media(max-width:768px){
 .table-scroll-hint{display:block;font:700 12px/1.4 Arial,sans-serif;color:#167260;margin:8px 0}
 .data-table:focus-visible{outline:3px solid #2c977f;outline-offset:3px}
}

@media(max-width:360px){
 .atlas-header .logo{min-width:0}
 .atlas-header .logo-main{font-size:21px}
 .atlas-header .logo-sub{font-size:6px;white-space:normal;overflow-wrap:anywhere;letter-spacing:.025em;line-height:1.2}
 .form-grid,.form-grid .field{min-width:0;max-width:100%}
 .form-grid .field input,.form-grid .field textarea,.form-grid .field select{box-sizing:border-box;min-width:0;max-width:100%;width:100%}
}

/* v8.2 legal pages mobile min-content widths */
.page-hero-grid > * { min-width: 0; }
@media(max-width:768px){ .page-hero-grid{grid-template-columns:minmax(0,1fr)!important;} .page-hero-grid img{width:100%;max-width:100%;} }


/* PFAS Market v8.4 — editorial photography */
.stock-photo{display:block;width:100%;object-fit:cover;object-position:center center;background:#e5ebea}
.page-hero img.stock-photo{aspect-ratio:16/9;width:100%;object-fit:cover}
.project-card img.stock-photo{aspect-ratio:4/3;height:auto;object-fit:cover}
.news-story-card{padding:0!important;overflow:hidden}
.news-story-image{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;background:#eaf0ec}
.news-story-body{padding:19px 21px 23px}
.news-story-body h3{margin:8px 0 12px;font-size:22px;line-height:1.15}
.news-story-body p{line-height:1.7}
.stock-photo-credit{display:block;color:#667984;font-size:10px;letter-spacing:.02em;line-height:1.45}
.project-photo-credit{padding:8px 15px 0}
.atlas-project-text .stock-photo-credit{margin:0 0 8px}
@media(max-width:768px){
 .news-story-image{aspect-ratio:16/10}
 .page-hero img.stock-photo{height:auto;aspect-ratio:16/9}
 .project-card img.stock-photo{height:auto;aspect-ratio:4/3}
}