/* The one site footer (scripts/build_pages.py footer()): logo, then Product, Solutions, Resources, Company and Legal.
   Every page has it, The Upskilling Company's /business and /about included (with its lockup instead of Scholé's;
   KJ, Nov 2: the bottom menus must match). Self-contained, so pages without about.css or pages.css style it the same. */
.lp-footer { padding-block:64px 40px; background:#14151c; color:#fff; font-size:16px; line-height:1.5; font-family:var(--_typography-primitives---family--primary-family, "Inter", sans-serif); -webkit-font-smoothing:antialiased; }
.lp-footer *, .lp-footer *::before, .lp-footer *::after { box-sizing:border-box; }
.lp-footer p { margin:0; }
.lp-footer img { display:block; max-width:100%; height:auto; }
.lp-footer .about-container { width:min(100% - 64px, 1280px); margin-inline:auto; }
.lp-footer .about-logo { display:block; flex:none; }
/* Footer logo: the Scholé AI wordmark (white), or The Upskilling Company lockup on the business pages. */
.lp-footer .lp-footer-logo { width:150px; }
.lp-footer .lp-footer-logo.is-upskilling { width:200px; }
.lp-footer-grid { display:grid; grid-template-columns:1.4fr repeat(5,minmax(0,1fr)); gap:32px; }
.lp-footer-grid > div { display:flex; flex-direction:column; gap:10px; }
.lp-footer-grid a { color:rgba(255,255,255,.72); font-size:14px; text-decoration:none; }
.lp-footer-grid a:hover { color:#fff; }
/* Your Privacy Choices: a button (it opens a panel, it goes nowhere) dressed as the links around it. */
.lp-footer-choices { padding:0; border:0; background:none; color:rgba(255,255,255,.72); font:inherit; font-size:14px; text-align:left; cursor:pointer; }
.lp-footer-choices:hover { color:#fff; }
.lp-footer-choices { display:inline-flex; align-items:center; gap:6px; }
.lp-footer-choices-icon { width:30px; height:14px; flex:none; }
.lp-footer-title { margin-bottom:4px !important; color:#fff; font-size:14px; font-weight:600; }
.lp-footer-note { margin-top:48px !important; color:rgba(255,255,255,.55); font-size:13px; }
.lp-footer-note a { color:inherit; }
@media (max-width:991px) { .lp-footer-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:900px) { .lp-footer .about-container { width:calc(100% - 40px); } }
@media (max-width:650px) {
  .lp-footer-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  /* Footer links become 33px tap rows. */
  .lp-footer-grid > div { gap:2px; }
  .lp-footer-grid a, .lp-footer-choices { padding-block:8px; }
}