/*
 * Homepage-only visual rollback, 2026-11-05.
 * Restore the established light/slate palette with Maths blue, Science green,
 * and English purple. The search-first structure, navigation, and interactions
 * are unchanged. Do not change shared site/app brand tokens here.
 */
#skillr-home {
  color-scheme: light;
  --skillr-surface: #f8fafc;
  --skillr-soft-surface: #eff6ff;
  --skillr-text: #0f172a;
  --skillr-text-secondary: #475569;
  --skillr-primary: #2563eb;
  --skillr-on-primary: #ffffff;
  --skillr-progress: #059669;
  --skillr-english: #7c3aed;
  --skillr-control-border: #cbd5e1;
  --skillr-panel-border: #e2e8f0;
}
body.home-page{margin:0}
#skillr-home{min-height:100vh;background:var(--skillr-surface);color:var(--skillr-text);font:16px/1.55 Inter,system-ui,sans-serif}
#skillr-home *{box-sizing:border-box}
#skillr-home [hidden],#skillr-home .clean-footer>.footer-nav,#skillr-messenger-bubble,#skillr-resource-links{display:none!important}
#skillr-home a{color:var(--skillr-primary);text-underline-offset:3px}
#skillr-home :focus-visible{outline:2px solid var(--skillr-primary);outline-offset:3px}
#skillr-home .clean-wrap{width:min(650px,calc(100% - 32px));margin-inline:auto}
#skillr-home .clean-header,#skillr-home .clean-footer{display:flex;justify-content:space-between;align-items:flex-start;gap:10px 20px;flex-wrap:wrap;padding:12px 0}
#skillr-home .clean-header{border-bottom:1px solid var(--skillr-panel-border)}
#skillr-home .clean-header nav,#skillr-home .clean-footer nav{display:flex;gap:0 18px;align-items:flex-start;flex-wrap:wrap}
#skillr-home .clean-header a,#skillr-home .clean-footer a,#skillr-home summary{display:inline-flex;align-items:center;min-height:44px;font-size:14px}
#skillr-home a.clean-brand{gap:8px;color:var(--skillr-text);font-size:20px;font-weight:750;text-decoration:none}
#skillr-home .clean-main{max-width:650px;padding:44px 0 40px}
#skillr-home h1{font-size:clamp(27px,5vw,40px);line-height:1.14;letter-spacing:-.03em;margin:0 0 10px}
#skillr-home p{color:var(--skillr-text-secondary)}
#skillr-home .clean-main>p{margin:0 0 20px}
#skillr-home .clean-main h1{color:#1e40af}
#skillr-home .clean-start{display:flex;align-items:center;gap:12px 20px;flex-wrap:wrap;margin:18px 0 12px}
#skillr-home .clean-start>a{display:inline-flex;align-items:center;min-height:44px}
#skillr-home .clean-allowance{font-size:14px;line-height:1.6}
#skillr-home .clean-filters{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;scroll-margin-top:20px}
#skillr-home .clean-filters>div{min-width:0}
#skillr-home .clean-filters select{width:100%;min-height:44px;padding:8px;border:1px solid var(--skillr-control-border);border-radius:8px;background:#fff;color:var(--skillr-text);font:inherit}
#skillr-home .clean-search{padding:16px;border:1px solid #dbeafe;border-radius:14px;background:linear-gradient(135deg,#eff6ff,#ffffff)}
#skillr-home .sp-search-field{background:#ffffff}
#skillr-home .clean-search label{display:block;margin-bottom:7px;font-weight:650}
#skillr-home .sp-search-field{display:flex;gap:7px;align-items:center;border:1px solid var(--skillr-control-border);border-radius:10px;padding:4px 5px 4px 10px}
#skillr-home .sp-search-field input{flex:1;min-width:0;min-height:44px;border:0;background:transparent;color:var(--skillr-text);font:inherit}
#skillr-home input::placeholder{color:var(--skillr-text-secondary)}
#skillr-home .sp-search-field button,#skillr-home .clean-chat{min-height:44px;background:var(--skillr-primary);color:var(--skillr-on-primary);border:0;border-radius:8px;padding:8px 12px;font:inherit;text-decoration:none}
#skillr-home .sp-results ul{list-style:none;padding:0}
#skillr-home .sp-results li{border-top:1px solid var(--skillr-panel-border);padding:12px 0}
#skillr-home .sp-result-meta{font-size:14px;margin:4px 0}
#skillr-home .sp-result-actions{display:flex;gap:8px 14px;flex-wrap:wrap;font-size:14px}
#skillr-home .sp-result-actions a{display:inline-flex;align-items:center;min-height:44px}
#skillr-home .clean-footer{border-top:1px solid var(--skillr-panel-border);justify-content:center}
#skillr-home .clean-footer nav{justify-content:center}
#skillr-home .clean-footer ul{margin:0;padding-left:16px}
#skillr-home summary{color:var(--skillr-primary);text-decoration:underline;cursor:pointer}
#skillr-home .clean-skip{position:absolute;left:12px;top:8px;padding:10px;background:var(--skillr-surface)}
#skillr-home .clean-skip:not(:focus){clip-path:inset(50%)}

/* The homepage owns its header, including with a cached navigation helper. */
body.home-page:has(#skillr-home .clean-header) > .skillr-site-header{display:none!important}

/* Keep contact actions direct and aligned with the shared content column. */
#skillr-home .resource-request{margin-top:20px;border-top:1px solid var(--skillr-panel-border);padding-top:16px}
#skillr-home .resource-request h2{font-size:20px;line-height:1.3;margin:0 0 8px}
#skillr-home .clean-contact-options{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px}
#skillr-home .clean-contact-options a{display:inline-flex;align-items:center;min-height:44px;overflow-wrap:anywhere}

/* Compact Messenger contact entry point; no iframe, SDK, or intrusive popup. */
#skillr-home .clean-messenger-float {
  position: fixed;
  right: max(16px, env(safe-area-inset-right));
  bottom: max(18px, env(safe-area-inset-bottom));
  z-index: 60;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 50px;
  padding: 10px 15px;
  border-radius: 100px;
  background: var(--skillr-primary);
  color: var(--skillr-on-primary);
  box-shadow: 0 5px 20px #16324a29;
  text-decoration: none;
  font-size: 14px;
  font-weight: 700;
}
#skillr-home .clean-messenger-float svg { width: 24px; height: 24px; flex: none; fill: currentColor; }
#skillr-home .clean-messenger-float:hover { filter: brightness(.94); }
#skillr-home .clean-messenger-float:focus-visible { outline: 3px solid var(--skillr-text); outline-offset: 3px; }
@media (max-width: 540px) {
  #skillr-home .clean-main{padding-top:28px}
  #skillr-home .clean-header nav{gap:0 12px}
  #skillr-home .clean-search{padding:12px}
  #skillr-home .clean-start .clean-chat{width:100%;justify-content:center}
  #skillr-home .clean-footer{padding-bottom:24px}
  #skillr-home .clean-messenger-float {
    display: none;
  }
  #skillr-home .clean-messenger-float span { display: none; }
}

/* Native year links keep curriculum hubs reachable without search scripts. */
#skillr-home .clean-years{margin:24px 0}
#skillr-home .clean-years h2{font-size:20px;margin:0 0 6px}
#skillr-home .clean-years p{font-size:14px;margin:0 0 12px}
#skillr-home .clean-years ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}
#skillr-home .clean-years a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:76px;padding:8px 12px;background:#fff;border:1px solid var(--skillr-control-border);border-radius:8px;text-decoration:none}
#skillr-home .clean-years a:hover{background:var(--skillr-soft-surface)}