/* Blog and article navigation/footer presentation.
   Shared HTML and interactions remain exclusively in navigation.js and footer.js. */
:root{--navy:#001533;--blue:#0059c4;--gold:#ffa700;--max:1450px}
*,:before,:after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;overflow-x:hidden;font-family:Inter,Arial,sans-serif}
img{max-width:100%}
.wt-footer{background:#001533;color:white;padding:36px 0 16px}
.wt-footer-grid{max-width:1450px;width:calc(100% - 56px);margin:auto;display:grid;grid-template-columns:1.7fr repeat(4,minmax(0,1fr));gap:24px}
.wt-footer-brand>a{display:inline-flex;align-items:center;background:transparent;border-radius:0;padding:0}
.wt-footer-brand img{display:block;width:200px;max-width:100%;height:auto}
.wt-footer-brand p{font-size:12px;line-height:1.6;color:#d1e0f3;max-width:300px}
.wt-footer h3{font-size:13px;font-weight:800;color:white;margin:8px 0 14px}
.wt-footer-grid>div>a:not(:first-child),.wt-footer-grid>div:not(:first-child)>a{display:block;color:#e9f1fb;text-decoration:none;font-size:12px;line-height:1.5;margin-bottom:10px}
.wt-footer a:hover{color:#ffa700!important}
.wt-footer-bottom{max-width:1450px;width:calc(100% - 56px);margin:20px auto 0;border-top:1px solid #7391b4;display:flex;justify-content:space-between;gap:20px;padding-top:16px;font-size:11px;color:#d2e0f1}
.wt-footer-bottom a{color:white;text-decoration:none;margin-left:20px}
.wt-rights{display:block;margin-top:4px}
@media(max-width:850px){
 .wt-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .wt-footer-brand{grid-column:1/-1}
 .wt-footer-bottom{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;line-height:1.8}
 .wt-footer-bottom>span:last-child{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 16px}
 .wt-footer-bottom a{margin:0}
}
@media(max-width:600px){
 .wt-footer-grid,.wt-footer-bottom{width:calc(100% - 34px)}
 .wt-footer h3{font-size:15px}
 .wt-footer-grid>div>a:not(:first-child),.wt-footer-grid>div:not(:first-child)>a{font-size:14px}
}
/* Workforce Training blog: page styles independent from existing site pages. */
:root{--b-navy:#001533;--b-blue:#0059c4;--b-gold:#ffa700;--b-muted:#536a83}
*,*:before,*:after{box-sizing:border-box}
body.wt-blog-page{margin:0;font-family:Inter,Arial,sans-serif;color:var(--b-navy);background:#fff}
body.wt-blog-page img{max-width:100%}
.blog-wrap{max-width:1450px;width:calc(100% - 56px);margin-inline:auto}
.blog-eyebrow{display:block;color:var(--b-gold);font-size:11px;font-weight:900;letter-spacing:1.7px;margin-bottom:18px}
.blog-primary{display:inline-flex;align-items:center;justify-content:center;gap:15px;background:var(--b-gold);color:var(--b-navy);font-size:13px;font-weight:850;text-decoration:none;border-radius:9px;padding:15px 21px}
.blog-primary:hover{background:#ffc147;color:var(--b-navy)}
.blog-hero{background:linear-gradient(115deg,#001533,#073974);color:#fff}
.blog-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:60px;min-height:490px;padding:56px 0}
.blog-hero h1{color:#fff;font-size:clamp(40px,4.4vw,65px);line-height:1.08;letter-spacing:-1.9px;margin:0 0 24px}
.blog-hero p{color:#e3ecf8;font-size:16px;line-height:1.8;margin:0 0 30px;max-width:650px}
.blog-hero-media img{display:block;width:100%;height:360px;object-fit:cover;border-radius:18px}
.blog-content{padding:76px 0 88px;background:#f5f8fc}
.blog-section-head h2{font-size:clamp(30px,3vw,43px);line-height:1.15;margin:0 0 13px;letter-spacing:-.9px}
.blog-section-head p{color:var(--b-muted);line-height:1.7;margin:0 0 30px}
.blog-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:28px}
.blog-filter-group{display:flex;flex-wrap:wrap;gap:8px}
.blog-filter-group button{cursor:pointer;padding:11px 16px;border-radius:8px;border:1px solid #d5e2f0;background:white;color:var(--b-navy);font:750 12px Inter,Arial,sans-serif}
.blog-filter-group button.is-active{background:var(--b-navy);border-color:var(--b-navy);color:#fff}
.blog-search input{width:260px;max-width:100%;border:1px solid #ceddec;border-radius:8px;padding:12px 15px;font:500 13px Inter,Arial,sans-serif}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.blog-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}
.blog-card{background:#fff;border:1px solid #dae4ef;border-radius:15px;overflow:hidden;box-shadow:0 8px 27px #0015330b;display:flex;flex-direction:column}
.blog-card[hidden]{display:none!important}
.blog-card-image{display:block;height:235px;overflow:hidden}
.blog-card-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s}
.blog-card:hover .blog-card-image img{transform:scale(1.025)}
.blog-card-content{padding:26px;display:flex;flex-direction:column;flex:1}
.blog-card-meta{display:flex;justify-content:space-between;gap:8px;color:#53708b;font-size:11px;font-weight:800;margin-bottom:15px}
.blog-card-meta span:first-child{color:var(--b-blue)}
.blog-card h3{font-size:21px;line-height:1.35;letter-spacing:-.4px;margin:0 0 12px}
.blog-card h3 a{color:var(--b-navy);text-decoration:none}
.blog-card h3 a:hover{color:var(--b-blue)}
.blog-card p{font-size:13px;line-height:1.8;color:var(--b-muted);margin:0 0 23px}
.blog-read{color:var(--b-blue);font-size:13px;font-weight:800;text-decoration:none;margin-top:auto}
.blog-no-results{text-align:center;padding:34px}
.blog-bottom{background:var(--b-navy);padding:65px 0;color:#fff}
.blog-bottom-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}
.blog-bottom h2{color:#fff;font-size:36px;margin:0 0 14px}
.blog-bottom p{color:#dce8f7;margin:0;line-height:1.7}
.article-top{background:#f4f8fd;padding:53px 0 67px}
.article-back{font-size:13px;color:var(--b-blue);font-weight:800;text-decoration:none}
.article-head{max-width:930px;margin:44px auto 0;text-align:center}
.article-head .blog-eyebrow{margin-bottom:17px}
.article-head h1{font-size:clamp(35px,4vw,57px);letter-spacing:-1.5px;line-height:1.13;margin:0 0 23px;color:var(--b-navy)}
.article-head p{font-size:17px;line-height:1.8;color:var(--b-muted);margin:0 0 24px}
.article-meta{display:flex;justify-content:center;gap:20px;color:#536a83;font-size:12px;font-weight:700}
.article-main{padding:65px 0 85px}
.article-shell{display:grid;grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:55px}
.article-cover{margin:0 0 42px}
.article-cover img{display:block;width:100%;max-height:480px;object-fit:cover;border-radius:17px}
.article-prose{max-width:860px}
.article-prose h2{font-size:clamp(23px,2.2vw,31px);line-height:1.25;letter-spacing:-.5px;margin:36px 0 15px}
.article-prose p,.article-prose li{font-size:16px;line-height:1.9;color:#344c64}
.article-prose p{margin:0 0 19px}
.article-prose ul{padding-left:24px;margin:0 0 24px}
.article-prose li{padding-left:5px;margin-bottom:10px}
.article-prose .blog-primary{margin-top:12px}
.article-disclaimer{margin-top:43px;border-left:4px solid #ffa700;background:#f4f8fd;padding:18px 22px;font-size:13px;line-height:1.7;color:#425a73}
.article-return{border-top:1px solid #dce5ed;margin-top:34px;padding-top:25px}
.article-return a{font-size:13px;font-weight:800;color:var(--b-blue);text-decoration:none}
.article-sidebar{display:grid;gap:22px;position:sticky;top:30px}
.article-side-card{padding:25px;background:#f4f8fd;border:1px solid #dbe5ef;border-radius:14px}
.article-side-card h2{font-size:21px;line-height:1.3;margin:0 0 12px}
.article-side-card p{color:var(--b-muted);font-size:13px;line-height:1.8}
.article-related a{display:block;border-top:1px solid #dbe5ef;padding:15px 0;font-size:13px;line-height:1.5;font-weight:750;text-decoration:none;color:var(--b-blue)}
@media(max-width:1000px){.blog-hero-grid{gap:30px}.blog-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-shell{grid-template-columns:minmax(0,1fr) 270px;gap:25px}}
@media(max-width:850px){.blog-hero-grid{display:flex;flex-direction:column;padding:0 0 38px;gap:30px}.blog-hero-media{order:-1;width:calc(100% + 56px)}.blog-hero-media img{height:270px;border-radius:0}.blog-toolbar{flex-direction:column;align-items:stretch}.blog-search input{width:100%}.article-shell{grid-template-columns:1fr}.article-sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){.blog-wrap{width:calc(100% - 34px)}.blog-hero-media{width:calc(100% + 34px)}.blog-hero-media img{height:225px}.blog-hero h1{font-size:35px}.blog-content,.article-main{padding:48px 0}.blog-card-grid{grid-template-columns:1fr}.blog-bottom-inner{flex-direction:column;align-items:flex-start}.blog-bottom h2{font-size:29px}.article-top{padding:35px 0 45px}.article-head{margin-top:31px}.article-head h1{font-size:33px}.article-sidebar{grid-template-columns:1fr}.blog-filter-group button{font-size:11px;padding:10px 12px}}

/* 1450px sitewide content-width contract. Full-bleed section backgrounds remain full width. */
main > section > .wrap,
main > section > .container,
main > section > .pricing-wrap,
main > section > .blog-wrap,
main > section > .contact-wrap,
main > section > .extension-container,
main > .wrap,
main > .container,
main > .pricing-wrap,
main > .blog-wrap,
main > .contact-wrap,
main > .checkout-wrap,
main.checkout-main > .checkout-wrap,
main > .success-wrap,
main.success-wrap,
main > section > .success-wrap,
main > section > .legal-wrap,
main > .legal-wrap {
  box-sizing:border-box!important;
  width:min(1450px,calc(100% - 56px))!important;
  max-width:1450px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
body.legal-page main.legal-main {
  box-sizing:border-box!important;
  width:min(1450px,calc(100% - 56px))!important;
  max-width:1450px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
body.legal-page main.legal-main > .legal-hero,
body.legal-page main.legal-main > .legal-card {
  box-sizing:border-box!important;
  width:100%!important;
  max-width:1450px!important;
  margin-left:0!important;
  margin-right:0!important;
}
@media(max-width:700px){
  main > section > .wrap,main > section > .container,
  main > section > .pricing-wrap,main > section > .blog-wrap,
  main > section > .contact-wrap,main > section > .extension-container,
  main > .wrap,main > .container,main > .pricing-wrap,
  main > .blog-wrap,main > .contact-wrap,main > .checkout-wrap,
  main.checkout-main > .checkout-wrap,main > .success-wrap,
  main.success-wrap,main > section > .success-wrap,
  main > section > .legal-wrap,main > .legal-wrap,
  body.legal-page main.legal-main{
    width:calc(100% - 34px)!important;
  }
}