/* 2026-10-24: responsive/layout hardening for the editorial marketing experience. */
.shell{width:min(1240px,calc(100% - 80px))}
.hero--product{min-height:0;padding-block:44px 66px;align-items:center;column-gap:clamp(24px,3.5vw,54px)}
.hero--product h1{font-size:clamp(3.15rem,5.05vw,5.35rem);line-height:1.035;letter-spacing:-.065em;max-width:660px;margin-bottom:21px}
.hero--product .hero-description{font-size:clamp(14px,1.1vw,17px);line-height:1.63}
.hero-platform{height:clamp(440px,38vw,550px);min-height:440px}
.display-title{font-size:clamp(2.65rem,4.2vw,5.35rem)}
.registration-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(26px,5vw,72px);align-items:start;padding-block:32px 38px}
.registration-story,.registration-steps{min-width:0}
.registration-story h3{font-size:clamp(2.45rem,3.8vw,3.8rem)}
.registration-steps li{display:block!important;grid-template-columns:none!important;padding:18px 0}
.registration-steps li>div{display:block;width:auto;min-width:0}
.registration-steps li strong{display:block;font-size:clamp(16px,1.3vw,20px);line-height:1.25}
.registration-steps li p{font-size:14px;line-height:1.65;margin:8px 0}
.registration-steps li a{display:inline-flex;align-items:center;min-height:36px;line-height:1.5;overflow-wrap:anywhere}
.problem-bridge{padding-block:64px}
.problem-bridge-intro .display-title{font-size:clamp(2.5rem,4.35vw,5.1rem)}
.problem-bridge-list>div{display:block!important;grid-template-columns:none!important;padding:19px 0}
.problem-bridge-list>div>span{display:block;margin-bottom:8px}
.problem-bridge-list>div>strong{display:block;font-size:clamp(16px,1.25vw,19px);line-height:1.35}
.problem-bridge-list>div>small,.problem-bridge-list>div>p{display:block;max-width:100%;line-height:1.6}
.resource-guides,.resources,.problem-bridge{position:relative;isolation:isolate}
.pf-footer{padding:0!important;background:#e7ebe4}
.pf-footer-main{display:grid;grid-template-columns:minmax(230px,1.5fr) repeat(2,minmax(135px,.75fr)) minmax(200px,1.1fr);gap:clamp(18px,3vw,56px);padding-block:56px 42px;align-items:start}
.pf-footer-logo{display:block;max-width:190px;min-height:44px}
.pf-footer-logo img{display:block;width:100%;height:auto;max-height:60px;object-fit:contain;object-position:left center}
.pf-footer-brand{min-width:0}
.pf-footer-brand p{font-size:14px;line-height:1.65;color:#476353;margin:13px 0 0}
.pf-footer-about{max-width:310px}
.pf-footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:11px;min-width:0}
.pf-footer-column h2{font:800 12px/1.3 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;margin:4px 0 10px;color:#1b3b2f}
.pf-footer-column a,.pf-footer-social a{font-size:13px;font-weight:600;line-height:1.5;overflow-wrap:anywhere;color:#375145;text-decoration:none}
.pf-footer-column a:hover,.pf-footer-social a:hover{text-decoration:underline;text-underline-offset:4px}
.pf-footer-social{display:flex;flex-wrap:wrap;gap:9px 16px;margin-top:24px}
.pf-footer-social a{font-size:12px}
.pf-footer-signin{display:inline-flex;min-height:42px;align-items:center;padding:10px 14px;background:#153d31;color:#fff!important;margin-top:8px}
.pf-footer-bottom{border-top:1px solid #c5d1c9;padding-block:17px 22px;display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:12px;color:#57685b}
.pf-footer-legal{display:flex;gap:14px 22px;flex-wrap:wrap}
.pf-footer-legal a{font-size:12px;color:inherit}
.pf-footer a:focus-visible{outline:2px solid #179fc1;outline-offset:3px}
html[data-theme="dark"] .pf-footer{background:#051322}
html[data-theme="dark"] .pf-footer-brand p,html[data-theme="dark"] .pf-footer-column a,html[data-theme="dark"] .pf-footer-social a{color:#aec8e0}
html[data-theme="dark"] .pf-footer-column h2{color:#f1f7ff}
html[data-theme="dark"] .pf-footer-bottom{border-color:#25435f;color:#b2c5d8}
html[data-theme="dark"] .pf-footer-signin{background:#159fd6;color:#011324!important}
@media(max-width:1050px){
 .shell{width:min(100% - 48px,1000px)}
 .pf-footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 38px}
 .registration-layout{grid-template-columns:1fr;gap:20px}
 .registration-story p{max-width:610px}
 .problem-bridge-inner{grid-template-columns:1fr;gap:30px}
 .hero--product{min-height:0}
}
@media(max-width:720px){
 .shell{width:calc(100% - 30px)}
 .hero--product{padding-top:32px;padding-bottom:42px;gap:24px}
 .hero--product h1{font-size:clamp(2.3rem,9.4vw,3.45rem);line-height:1.045;letter-spacing:-.055em}
 .hero--product .hero-copy{padding-bottom:0}
 .hero-platform{height:auto;min-height:460px;padding:18px 14px}
 .display-title{font-size:clamp(2.2rem,8.5vw,3.35rem)}
 .registration-layout{padding-block:18px 28px;gap:24px}
 .registration-story h3{font-size:clamp(2.25rem,8vw,3.3rem)}
 .registration-steps li{padding:16px 0}
 .problem-bridge{padding-block:52px}
 .problem-bridge-intro .display-title{font-size:clamp(2.25rem,8vw,3.25rem)}
 .pf-footer-main{grid-template-columns:1fr 1fr;gap:26px 18px;padding-block:42px 28px}
 .pf-footer-brand{grid-column:1/-1}
 .pf-footer-contact{grid-column:1/-1}
 .pf-footer-bottom{align-items:flex-start;flex-direction:column}
 .pf-footer-column a{min-height:30px}
}
@media(max-width:380px){.pf-footer-main{grid-template-columns:1fr 1fr}.pf-footer-column a{font-size:12px}}

/* Constrain authentic branding inside mobile article headers, avoid horizontal overflow. */
.site-header .header-inner{min-width:0}
.site-header .wordmark--authentic{min-width:0;max-width:min(220px,58vw);overflow:hidden;flex-shrink:1}
.site-header .wordmark--authentic img{max-width:100%;height:auto;object-fit:contain}
.article-page .article-header{scroll-margin-top:85px;clear:both}
.article-page .article-header .shell{min-width:0}
.article-page .article-title,.article-page .article-intro{overflow-wrap:break-word}
.article-page .article-share a{overflow-wrap:anywhere;word-break:break-word}
@media(max-width:720px){.site-header .wordmark--authentic{max-width:min(172px,48vw)}.article-page .article-header{padding-top:28px}.article-page .article-title{font-size:clamp(2.45rem,9vw,4rem);line-height:1.08}}

/* 2026-10-24 wide screen correction: preserve readable copy, fill large monitors. */
@media (min-width:1101px) {
  .shell {
    width: min(2000px, calc(100% - clamp(52px, 6vw, 144px)));
    max-width: none;
  }
  .hero--product.shell {
    width: min(2140px, calc(100% - clamp(48px, 5vw, 132px)));
    grid-template-columns: minmax(0, .94fr) minmax(0, 1.06fr);
    column-gap: clamp(36px, 3.6vw, 88px);
    padding-top: clamp(48px, 4vw, 88px);
    padding-bottom: clamp(60px, 4vw, 95px);
  }
  .hero--product .hero-copy { max-width: 850px; }
  .hero--product h1 {
    max-width: 790px;
    font-size: clamp(3.35rem, 4.65vw, 5.75rem);
    text-wrap: balance;
  }
  .hero--product .hero-description { max-width: 700px; }
  .hero--product .hero-platform {
    width: 100%; max-width: none;
    min-height: 510px; height: clamp(510px, 35vw, 685px);
  }
  .article-page .article-body { max-width: 850px; }
  .article-page .article-intro { max-width: 800px; }
  .article-page .article-title { max-width: 1100px; }
}
@media (min-width:1101px) and (max-width:1400px) {
  .hero--product h1 { font-size: clamp(3.2rem, 4.85vw, 4.9rem); }
}

/* Final marketing review: one logo and balanced wide-screen proportions. */
.pf-footer-logo{display:inline-flex;align-items:center;max-width:225px;min-height:0}
.pf-footer-logo .pf-footer-single-logo{display:block!important;width:100%;max-width:225px;height:auto;max-height:64px;object-fit:contain;object-position:left center}
.pf-footer-brand{min-width:0}
.pf-footer-social{margin-top:17px}
@media (min-width:1101px){
 .shell{width:min(1850px,calc(100% - clamp(52px,7.8vw,176px)));max-width:none}
 .hero--product.shell{width:min(1960px,calc(100% - clamp(50px,7vw,168px)));max-width:none;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(36px,3.5vw,75px);padding-block:clamp(45px,3.4vw,76px) clamp(55px,4vw,80px)}
 .hero--product h1{font-size:clamp(3.5rem,4.4vw,5.6rem);max-width:790px}
 .hero--product .hero-platform{height:clamp(490px,32vw,640px);min-height:490px;max-width:none}
 .ecosystem-card{min-height:clamp(305px,18vw,345px)}
}
@media(min-width:1101px) and (max-width:1400px){.hero--product h1{font-size:clamp(3.25rem,4.65vw,5.1rem)}}

/* Mobile height reduction: compact the two most oversized informational sections. */
@media(max-width:720px){
 .journal{padding-block:65px 60px}
 .article-grid{gap:22px}
 .article-art{height:200px;padding:18px}
 .article-art>strong{font-size:39px;left:18px;bottom:18px}
 .article-card h3{font-size:23px;margin-bottom:9px}
 .resources{padding-block:65px}
 .resource-portal{min-height:210px;padding:20px}
 .resource-portal strong{margin:27px 0 18px}
 .document-card{min-height:180px;padding:17px}
 .document-icon{margin-bottom:10px}
 .pf-footer-main{padding-block:37px 24px;gap:20px 14px}
 .pf-footer-social{margin-top:14px}
}

/* Single, concise platform description immediately beneath the footer wordmark. */
.pf-footer-positioning{font-size:clamp(13px,0.8vw,14px);line-height:1.68;font-weight:450;letter-spacing:0;max-width:350px;margin:15px 0 0!important;color:#435c4d;overflow-wrap:break-word}
html[data-theme="dark"] .pf-footer-positioning{color:#b7cadf}
@media(max-width:720px){.pf-footer-positioning{max-width:440px;margin-top:12px!important;font-size:13px;line-height:1.65}}

/* Six-scope selector: keep every procurement nature visibly actionable in both themes. */
.scope-tabs{gap:9px}
.scope-tabs button,
.scope-tabs button[aria-selected="false"]{
  color:#1c3b2d!important;
  background:#f0f6e9!important;
  border:1.5px solid #9caf99!important;
  box-shadow:inset 0 0 0 1px #ffffffaa;
  font-weight:800;
  opacity:1!important;
  visibility:visible!important;
  min-height:52px;
}
.scope-tabs button:hover:not([aria-selected="true"]),
.scope-tabs button:focus-visible:not([aria-selected="true"]){
  background:#e0edda!important;
  border-color:#385f4c!important;
}
.scope-tabs button[aria-selected="true"]{
  background:#204d38!important;
  color:#fff!important;
  border:2px solid #204d38!important;
  box-shadow:0 2px 9px #153e2926;
  opacity:1!important;
}
html[data-theme="dark"] .scope-tabs button:not([aria-selected="true"]){
  color:#e5f2e6!important;
  background:#17382f!important;
  border-color:#4b7562!important;
  box-shadow:none;
}
html[data-theme="dark"] .scope-tabs button[aria-selected="true"]{
  background:#ddf58b!important;
  border-color:#ddf58b!important;
  color:#152f23!important;
}
@media(max-width:720px){.scope-tabs{gap:7px}.scope-tabs button{min-height:50px;padding:10px 7px;font-size:11px}}

/* 2026-10-24 footer density: smaller copy, tighter grouped navigation. */
.pf-footer-main.shell{
  width:min(1440px,calc(100% - clamp(32px,6vw,116px)));
  grid-template-columns:minmax(285px,1.65fr) minmax(115px,.8fr) minmax(175px,1fr) minmax(180px,1.08fr);
  column-gap:clamp(18px,2.5vw,38px);
  row-gap:18px;
  padding-block:30px 25px;
}
.pf-footer-logo{max-width:185px;min-height:0}
.pf-footer-logo .pf-footer-single-logo{max-width:185px;max-height:55px}
.pf-footer-brand .pf-footer-positioning,
.pf-footer-positioning{
  font-size:12px!important;
  line-height:1.48!important;
  font-weight:400;
  max-width:350px;
  margin:9px 0 0!important;
}
.pf-footer-social{margin-top:11px!important;gap:4px 12px}
.pf-footer-social a{font-size:11px;line-height:1.35}
.pf-footer-column{gap:7px}
.pf-footer-column h2{
  font-size:11px;
  line-height:1.25;
  letter-spacing:.075em;
  margin:3px 0 6px;
}
.pf-footer-column a{
  font-size:12px;
  font-weight:550;
  line-height:1.35;
  min-height:0;
}
.pf-footer-signin{
  margin-top:4px;
  min-height:36px!important;
  padding:8px 12px!important;
  font-size:11px!important;
}
.pf-footer-bottom.shell{width:min(1440px,calc(100% - clamp(32px,6vw,116px)))}
.pf-footer-bottom{padding-block:11px 15px;gap:10px;font-size:11px}
.pf-footer-legal{gap:8px 16px}
.pf-footer-legal a{font-size:11px}
@media(max-width:1050px){
 .pf-footer-main.shell{
   width:calc(100% - 40px);
   grid-template-columns:repeat(2,minmax(0,1fr));
   gap:23px 28px;
   padding-block:27px 23px;
 }
 .pf-footer-bottom.shell{width:calc(100% - 40px)}
}
@media(max-width:720px){
 .pf-footer-main.shell{
   width:calc(100% - 32px);
   grid-template-columns:repeat(2,minmax(0,1fr));
   column-gap:18px;
   row-gap:19px;
   padding-block:25px 19px;
 }
 .pf-footer-brand,.pf-footer-contact{grid-column:1/-1}
 .pf-footer-logo,.pf-footer-logo .pf-footer-single-logo{max-width:175px}
 .pf-footer-brand .pf-footer-positioning,.pf-footer-positioning{
   font-size:11.5px!important;
   line-height:1.45!important;
   max-width:460px;
   margin-top:8px!important;
 }
 .pf-footer-social{margin-top:9px!important;column-gap:13px;row-gap:7px}
 .pf-footer-column{gap:5px}
 .pf-footer-column h2{font-size:10.5px;margin:0 0 7px}
 .pf-footer-column a{font-size:11.5px;min-height:0}
 .pf-footer-contact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 14px}
 .pf-footer-contact h2,.pf-footer-contact .pf-footer-signin{grid-column:1/-1}
 .pf-footer-contact a{overflow-wrap:anywhere}
 .pf-footer-contact .pf-footer-signin{justify-self:start}
 .pf-footer-bottom.shell{width:calc(100% - 32px)}
 .pf-footer-bottom{padding-block:11px 15px}
}
@media(max-width:370px){.pf-footer-contact{grid-template-columns:1fr}}