/* Application-family shell: wide visual rhythm with a readable text measure. */
.application-family-page{overflow-x:clip;background:#fff;color:var(--ink,#131820)}
.application-family-page .application-hero{position:relative;isolation:isolate;min-height:clamp(440px,52vw,650px);display:flex;align-items:flex-end;overflow:hidden;background:#20262d;color:#fff}
.application-family-page .application-hero-image{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center;z-index:-2}
.application-family-page .application-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,15,20,.83),rgba(10,15,20,.48) 52%,rgba(10,15,20,.12));z-index:-1}
.application-family-page .application-hero>.container{width:min(1240px,calc(100% - 40px));margin:0 auto;padding:28px 0 72px;color:#fff}
.application-family-page .container.application-hero{flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:36px clamp(24px,4vw,64px) 48px;min-height:520px}
.application-family-page .container.application-hero .breadcrumb{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.application-family-page .container.application-hero h1{width:100%;font-size:clamp(34px,4vw,58px);line-height:1.08}
.application-family-page .container.application-hero .application-hero-media{position:absolute;inset:0;z-index:-2;max-height:none}
.how-we-work-page .container.application-hero .application-hero-image{max-height:none}
.application-family-page .application-hero .breadcrumb{margin:0 0 56px;color:rgba(255,255,255,.82)}
.application-family-page .application-hero .breadcrumb a{color:#fff}
.application-family-page .application-hero .kicker{display:block;color:#ff766d;margin-bottom:12px}
.application-family-page .application-hero h1{max-width:760px;margin:0 0 18px;color:#fff;font-size:clamp(38px,5vw,72px);line-height:.98;letter-spacing:-.045em}
.application-family-page .application-hero .lede{max-width:min(68ch,700px);margin:0 0 28px;color:rgba(255,255,255,.9);font-size:clamp(17px,1.8vw,21px);line-height:1.6}
.application-family-page .application-page-body{width:min(1240px,calc(100% - 40px));margin:0 auto;padding:64px 0 90px}
.application-family-page .application-page-body>p,.application-family-page .application-page-body>ul,.application-family-page .application-page-body>ol,.application-family-page .application-page-body>blockquote,.application-family-page .application-page-body>.key-takeaway,.application-family-page .application-page-body>.lx-xlink,.application-family-page .application-page-body>.post-meta{max-width:min(68ch,700px)}
.application-family-page .application-page-body>p,.application-family-page .application-page-body>ul,.application-family-page .application-page-body>ol,.application-family-page .application-page-body>blockquote{font-size:17px;line-height:1.78}
.application-family-page .application-page-body>h2{max-width:min(68ch,700px);margin:76px 0 22px;font-size:clamp(28px,3vw,44px);line-height:1.08;letter-spacing:-.025em}
.application-family-page .application-page-body>h3{max-width:min(68ch,700px);margin:42px 0 16px}
.application-family-page .application-page-body .table-scroll,.application-family-page .application-page-body .company-table-scroll{width:100%;max-width:1240px;overflow-x:auto;margin:26px 0 42px}
.application-family-page .application-page-body table{min-width:680px;width:100%;border-collapse:collapse}
.application-family-page .application-page-body th,.application-family-page .application-page-body td{padding:14px 16px;border:1px solid var(--line,#dfe3e8);vertical-align:top;text-align:left}
.application-family-page .application-page-body thead th{background:var(--ink,#131820);color:#fff;text-transform:uppercase;font-size:12px;letter-spacing:.05em}
.application-family-page .application-page-body tbody th{background:#f5f7f8}
.application-family-page .application-page-body figure.lx-fig{width:100%;max-width:1240px;margin:50px 0}
.application-family-page .application-page-body figure.lx-fig img{display:block;width:100%;height:auto;max-height:620px;object-fit:cover;border:1px solid var(--line,#dfe3e8)}
.application-family-page .application-page-body figure.lx-fig figcaption{max-width:min(68ch,700px);margin-top:10px;color:var(--muted,#5b6672);font-size:14px;line-height:1.6}
.application-family-page .application-page-body .key-takeaway{margin:44px 0;padding:22px 24px;border-left:4px solid var(--red,#e5372f);background:#fafbfc}
.application-family-page .application-page-body .key-takeaway p{margin:0}
.application-family-page .application-page-body .plant-step-list{padding-left:2em}
.application-family-page .application-page-body .lx-faq{width:100%;max-width:900px;margin:60px 0 20px;border-top:1px solid var(--line,#dfe3e8)}
.application-family-page .application-page-body .lx-faq .faq-group-title{margin:28px 0 0;font-size:17px;color:var(--muted,#5b6672);text-transform:uppercase;letter-spacing:.06em}
.application-family-page .application-page-body .lx-faq details{border-bottom:1px solid var(--line,#dfe3e8)}
.application-family-page .application-page-body .lx-faq summary{display:flex;justify-content:space-between;gap:20px;cursor:pointer;padding:18px 0;font-size:17px;font-weight:700;list-style:none}
.application-family-page .application-page-body .lx-faq summary::-webkit-details-marker{display:none}
.application-family-page .application-page-body .lx-faq summary::after{content:"+";color:var(--red,#e5372f);font-size:24px;font-weight:400;line-height:1}
.application-family-page .application-page-body .lx-faq details[open] summary::after{content:"−"}
.application-family-page .application-page-body .lx-faq details>p{max-width:70ch;margin:0 0 22px;color:#4a5561;line-height:1.7}
.application-family-page .application-page-body .post-meta{display:none}
.application-family-page .lx-author-shell,.how-we-work-author-shell{width:min(1240px,calc(100% - 40px));margin:0 auto}
.application-family-page .lx-author,.how-we-work-author-shell .lx-author{max-width:min(68ch,700px);margin:0;padding:26px 0 0;border-top:1px solid var(--line,#dfe3e8);font-size:15px;line-height:1.7}
.application-family-page .lx-author p,.how-we-work-author-shell .lx-author p{font-size:15px;line-height:1.7}
.application-family-page .lx-author .lx-sheets,.how-we-work-author-shell .lx-author .lx-sheets{font-size:14px}
.application-mid-cta{max-width:min(68ch,700px);margin:42px 0!important}
.application-mid-cta .btn{display:inline-flex}
.how-we-work-page .procurement-routes{min-width:760px}
.how-we-work-page .procurement-steps,.how-we-work-page .supplier-checks{list-style:none;padding-left:0;counter-reset:how-work-step;max-width:min(68ch,700px)}
.how-we-work-page .procurement-steps>li,.how-we-work-page .supplier-checks>li{counter-increment:how-work-step;border-top:1px solid var(--line,#dfe3e8);padding:18px 0 18px 56px;position:relative}
.how-we-work-page .procurement-steps>li:last-child,.how-we-work-page .supplier-checks>li:last-child{border-bottom:1px solid var(--line,#dfe3e8)}
.how-we-work-page .procurement-steps>li::before,.how-we-work-page .supplier-checks>li::before{content:counter(how-work-step,decimal-leading-zero);position:absolute;left:0;top:18px;color:var(--red,#e5372f);font-weight:700;letter-spacing:.08em}
.how-we-work-page .post-content .table-scroll{max-width:1240px;overflow-x:auto;margin:26px 0 42px}
.how-we-work-page .post-content .table-scroll>table{margin:0}
.industry-directory-hero--centered .industry-directory-hero__inner{text-align:center}
.industry-directory-hero--centered .industry-directory-hero__inner>p{max-width:720px;margin-left:auto;margin-right:auto}
.industry-directory-hero--centered .industry-directory-hero__inner>p:last-child{margin-top:26px}
.how-we-work-page .application-hero-media{max-height:520px;overflow:hidden}
.how-we-work-page .application-hero-image{max-height:520px;object-fit:cover}
.how-we-work-page .lx-fig img{max-height:520px;object-fit:cover}
.how-we-work-page .application-page-body figure.lx-fig img{max-height:520px;object-fit:cover}
@media (max-width:720px){
  /* Keep copy in a readable column without clipping at narrow widths. */
  .application-family-page .container.application-hero{padding:28px 24px 36px;min-height:0}
  .application-family-page .application-hero{min-height:0;height:auto;overflow:visible;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-end;padding:28px 0 44px}
  .application-family-page .application-hero> :not(.application-hero-image):not(.application-hero-media){box-sizing:border-box;width:100%;max-width:min(68ch,700px);min-width:0}
  .application-family-page .application-hero .breadcrumb{max-width:none;flex:0 0 auto}
  .application-family-page .application-hero h1{width:100%;max-width:min(68ch,700px);overflow-wrap:anywhere}
  .application-family-page .application-hero .lede{width:100%;max-width:min(68ch,700px)}
  .application-family-page .application-hero .application-hero-media{width:100%;height:100%;flex:none}
  .application-family-page .application-hero>.container,.application-family-page .application-page-body,.application-family-page .lx-author-shell,.how-we-work-author-shell{width:calc(100% - 40px)}
  .application-family-page .application-hero .breadcrumb{margin-bottom:42px}
  .application-family-page .application-hero h1{font-size:clamp(34px,10vw,48px)}
  .application-family-page .application-page-body{padding-top:42px}
  .application-family-page .application-page-body>h2{margin-top:54px}
  .application-family-page .application-page-body>p,.application-family-page .application-page-body>ul,.application-family-page .application-page-body>ol,.application-family-page .application-page-body>blockquote{font-size:16px}
  .application-family-page .application-page-body .table-scroll,.application-family-page .application-page-body .company-table-scroll{margin-left:0;margin-right:0}
  .application-family-page .application-page-body table{min-width:640px}
  .how-we-work-page .application-mid-cta{margin:32px 0!important}
  .how-we-work-page .application-hero-media,.how-we-work-page .application-hero-image,.how-we-work-page .lx-fig img{max-height:300px}
  .how-we-work-page .application-page-body figure.lx-fig img{max-height:300px}
}