/* Final mobile layer. Loaded after every legacy stylesheet so phones and the
   installed web app use the same brand system as desktop. */
@media (max-width: 900px) {
  html,
  body,
  main,
  header,
  footer,
  .hero.s21-hero,
  .s21-topbar,
  .s21-mobile-nav,
  .s21-hero-copy,
  .s21-proof,
  .section,
  .section.grey,
  .section.dark,
  .about-daniel,
  .authority-proof,
  .free-tools-section,
  .downloads-section,
  .career-advice-teaser,
  .guide-product-section,
  .indeed-mini-seo,
  .proof-hub,
  .pcuk-owner-bridge,
  .final {
    background: #faf8f3 !important;
    color: #19231e !important;
    border-color: #dedbd3 !important;
  }

  .s21-brand,
  .s21-brand > span,
  .s21-mobile-h1,
  .s21-hero h1,
  .s21-hero p,
  .s21-proof strong,
  .section h1,
  .section h2,
  .section h3,
  .section h4,
  .section p,
  .section li,
  .section summary,
  .about-daniel h2,
  .about-daniel p,
  .authority-proof h2,
  .authority-proof p,
  .free-tools-section h2,
  .free-tools-section h3,
  .free-tools-section p,
  .downloads-section h2,
  .downloads-section h3,
  .downloads-section p,
  .proof-hub h2,
  .proof-hub p,
  .final h2,
  .final p {
    color: #19231e !important;
  }

  .s21-brand small,
  .s21-proof small,
  .section .lead,
  .section.dark .lead,
  .section.grey .lead {
    color: #566159 !important;
  }

  .s21-mobile-nav a {
    background: #fffdf8 !important;
    color: #27332c !important;
    border-color: #dedbd3 !important;
    box-shadow: none !important;
  }

  .s21-mobile-nav a:first-child {
    background: #e8f0ea !important;
    color: #17201c !important;
    border-color: #a7bfaf !important;
  }

  .pcuk-audience-switch {
    background: #fffdf8 !important;
    border-color: #dedbd3 !important;
    box-shadow: none !important;
  }

  .pcuk-audience-switch a {
    color: #27332c !important;
  }

  .pcuk-audience-switch a[aria-current="page"] {
    background: #a7bfaf !important;
    color: #17201c !important;
  }

  .s21-city-panel {
    background: #faf8f3 !important;
  }

  .s21-hero-copy::before {
    background: linear-gradient(
      to bottom,
      rgba(250, 248, 243, 0) 0%,
      rgba(250, 248, 243, .92) 31%,
      #faf8f3 62%
    ) !important;
  }

  .s21-proof {
    background: #fffdf8 !important;
    box-shadow: 0 10px 28px rgba(25, 35, 30, .055) !important;
  }

  .s21-proof .hero-proof-item,
  .s21-proof .hero-proof-item:nth-child(3) {
    border-color: #dedbd3 !important;
  }

  .proof-accordion,
  .proof-panel,
  .proof-panel .results,
  .proof-panel .reviews,
  .tool-card,
  .guide-card,
  .career-advice-card,
  .download-card,
  .box,
  .side-card,
  .cta,
  .personal-support-bridge,
  .student-entry-banner,
  .product-path,
  .quick-card,
  .pcuk-owner-bridge-card,
  .pcuk-owner-bridge-prompt,
  .mobile-faq-section .faq,
  .mobile-faq-section .faq > details,
  .mobile-inclusions-toggle,
  .mobile-flow-toggle,
  .dark .mobile-flow-toggle,
  .authority-proof .mobile-flow-toggle {
    background: #fffdf8 !important;
    color: #19231e !important;
    border-color: #dedbd3 !important;
    box-shadow: 0 8px 22px rgba(25, 35, 30, .045) !important;
  }
}