/* Make It With Mindset — shared stylesheet
   Brand tokens, base reset, hover/focus states, and responsive rules. */
@import url('https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,300;0,6..72,400;0,6..72,500;1,6..72,300;1,6..72,400;1,6..72,500&family=Allura&family=Outfit:wght@300;400;500;600;700&display=swap');
:root{--cream:#FBF6F1;--cream-2:#F5EDE3;--mauve-mist:#EADFD7;--mauve:#D9BFB3;--rose:#B58A77;--clay:#8A6555;--ink:#1C1815;--ink-2:#4A413C;--ink-3:#6E655F;--gold:#B89765;--font-serif:"Newsreader",Georgia,serif;--font-script:"Allura",cursive;--font-sans:"Outfit",sans-serif;}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{background:#FBF6F1;color:#1C1815;font-family:"Outfit",sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
a{color:inherit;}
::selection{background:#D9BFB3;color:#1C1815;}
a:focus-visible,button:focus-visible{outline:2px solid #B58A77;outline-offset:2px;border-radius:2px;}
/* hover states (converted from design interactions) */
.hv0:hover{color:#B58A77 !important;}
.hv1:hover{background:#3a322c !important;}
.hv2:hover{transform:translateY(-3px) !important;box-shadow:0 2px 4px rgba(28,24,21,.1),0 24px 48px rgba(28,24,21,.22) !important;}
.hv3:hover{transform:translateY(-3px) !important;box-shadow:0 2px 4px rgba(28,24,21,.06),0 24px 48px rgba(28,24,21,.14) !important;}
.hv4:hover{transform:translateY(-3px) !important;box-shadow:0 2px 4px rgba(28,24,21,.06),0 24px 48px rgba(28,24,21,.14) !important;border-color:rgba(28,24,21,.28) !important;}
.hv5:hover{opacity:.78 !important;}
.hv6:hover{border-color:#D9BFB3 !important;}
.hv7:hover{color:#fff !important;}
.hv8:hover{transform:translateY(-2px) !important;}
.hv9:hover{border-color:#B58A77 !important;color:#B58A77 !important;}
/* responsive */
@media(max-width:880px){
  .navlinks{display:none !important;}
  .heroGrid,.introGrid,.divGrid,.twoCol,.mindGrid,.quoteGrid,.bookGrid,.quizGrid,.credGrid,.triCol,.ladderRow{grid-template-columns:1fr !important;}
  .pathGrid{grid-template-columns:1fr 1fr !important;}
  .ladderRow{gap:10px !important;}
  .hero-h1{font-size:46px !important;}
}
@media(max-width:560px){
  .pathGrid{grid-template-columns:1fr !important;}
  .hero-h1{font-size:34px !important;}
  .secpad{padding-left:22px !important;padding-right:22px !important;}
}