/* Financial Rebellion — Do Money Differently — shared course styles */
:root{
  --tan:#EFEAD4;--cream:#FAF7E9;--black:#2D2D2D;--orange:#E4481A;--mustard:#E7B34D;--teal:#83B6B6;
  --shadow:4px 4px 0 var(--black);--shadow-lg:6px 6px 0 var(--black);
}
*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{margin:0;background:var(--tan);color:var(--black);font-family:"DM Sans",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:17px;line-height:1.55;}
a{color:inherit;}
.wrap{max-width:860px;margin:0 auto;padding:34px 28px 90px;}

/* ---- Type ---- */
.eyebrow{font-family:"Saira",sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:3.4px;font-size:15px;color:var(--orange);}
h1{font-family:"Saira Condensed","Saira",sans-serif;font-weight:900;text-transform:uppercase;line-height:0.9;letter-spacing:-0.5px;font-size:clamp(40px,7.5vw,72px);margin:14px 0 0;}
h2{font-family:"Saira Condensed","Saira",sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:0.5px;font-size:clamp(22px,4.2vw,32px);line-height:1;margin:0;}
h3{font-family:"Saira",sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:1px;font-size:19px;margin:0;}

/* ---- Top nav ---- */
.topnav{position:sticky;top:0;z-index:40;background:var(--tan);border-bottom:3px solid var(--black);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 22px;}
.topnav .logo{height:30px;width:auto;display:block;}
.topnav .navmid{font-family:"Saira",sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:2px;font-size:12px;opacity:.75;}
.topnav .navlink{font-family:"Saira",sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;font-size:12px;text-decoration:none;border:2px solid var(--black);background:var(--cream);padding:7px 13px;box-shadow:2px 2px 0 var(--black);transition:transform .1s,box-shadow .1s;}
.topnav .navlink:hover{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--black);}

/* ---- Header ---- */
header{text-align:center;margin:16px 0 34px;}
.kicker{display:inline-block;font-family:"Saira",sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:2.5px;font-size:13px;color:var(--black);padding:7px 16px;border:3px solid var(--black);background:var(--mustard);box-shadow:var(--shadow);}
header .logo-lg{width:230px;height:auto;display:inline-block;margin-bottom:6px;}

/* ---- Cards ---- */
.card{background:var(--cream);border:3px solid var(--black);box-shadow:var(--shadow-lg);padding:26px 30px 28px;margin:0 0 26px;}
.card>.sect{font-family:"Saira",sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:2px;font-size:14px;color:var(--orange);margin:0 0 16px;}
.lead{font-size:19px;font-weight:500;}

/* ---- Video placeholder ---- */
.video{border:3px solid var(--black);box-shadow:var(--shadow-lg);background:var(--black);margin:0 0 26px;overflow:hidden;}
.video-inner{position:relative;width:100%;aspect-ratio:16/9;background:repeating-linear-gradient(-45deg,#2D2D2D,#2D2D2D 18px,#333 18px,#333 36px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--cream);text-align:center;padding:20px;}
.video-inner .play{width:78px;height:78px;border-radius:50%;background:var(--orange);border:4px solid var(--cream);display:flex;align-items:center;justify-content:center;box-shadow:4px 4px 0 rgba(0,0,0,.4);}
.video-inner .play::after{content:"";display:block;width:0;height:0;border-left:26px solid var(--cream);border-top:16px solid transparent;border-bottom:16px solid transparent;margin-left:6px;}
.video-inner .vlabel{font-family:"Saira",sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:3px;font-size:15px;}
.video-inner .vsub{font-family:"Saira",sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;font-size:11px;opacity:.7;}
.video iframe{display:block;width:100%;aspect-ratio:16/9;border:0;}

/* ---- Objectives list ---- */
.obj{list-style:none;padding:0;margin:0;}
.obj li{position:relative;padding-left:34px;margin-bottom:14px;font-size:17px;line-height:1.4;}
.obj li:last-child{margin-bottom:0;}
.obj li::before{content:"";position:absolute;left:0;top:2px;width:20px;height:20px;background:var(--orange);border:2px solid var(--black);}
.obj li::after{content:"";position:absolute;left:6px;top:5px;width:5px;height:11px;border:solid var(--cream);border-width:0 3px 3px 0;transform:rotate(45deg);}

/* ---- Tool CTA ---- */
.toolcta{background:var(--black);color:var(--cream);border:3px solid var(--black);box-shadow:var(--shadow-lg);padding:26px 30px 30px;margin:0 0 26px;text-align:center;}
.toolcta .tc-tag{display:inline-block;font-family:"Saira",sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:2px;font-size:12px;background:var(--mustard);color:var(--black);border:2px solid var(--black);padding:5px 12px;margin-bottom:14px;}
.toolcta h3{color:var(--cream);font-family:"Saira Condensed","Saira",sans-serif;font-weight:900;font-size:clamp(24px,5vw,34px);letter-spacing:0;margin:0 0 8px;}
.toolcta p{margin:0 0 20px;font-size:16px;opacity:.92;}
.btn-big{display:inline-block;font-family:"Saira",sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:2px;font-size:17px;text-decoration:none;cursor:pointer;border:3px solid var(--black);background:var(--orange);color:var(--cream);padding:16px 32px;box-shadow:5px 5px 0 var(--mustard);transition:transform .1s ease-out,box-shadow .1s ease-out;}
.btn-big:hover{transform:translate(2px,2px);box-shadow:3px 3px 0 var(--mustard);}
.btn-big:active{transform:translate(5px,5px);box-shadow:0 0 0 var(--mustard);}

/* ---- Rebel line ---- */
.rebel{background:var(--orange);color:var(--cream);border:3px solid var(--black);box-shadow:var(--shadow-lg);padding:26px 30px;text-align:center;margin:0 0 26px;}
.rebel .rl-tag{font-family:"Saira",sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:3px;font-size:13px;opacity:.9;}
.rebel p{font-family:"Saira Condensed","Saira",sans-serif;font-weight:900;text-transform:uppercase;font-size:clamp(22px,4.4vw,34px);line-height:1.05;margin:8px 0 0;}

/* ---- Myth vs Truth ---- */
.myth{border:3px solid var(--black);box-shadow:var(--shadow-lg);margin:0 0 26px;overflow:hidden;}
.myth-row{display:flex;gap:14px;align-items:flex-start;padding:18px 22px;}
.myth-lie{background:var(--cream);border-bottom:3px solid var(--black);}
.myth-truth{background:var(--orange);color:var(--cream);}
.myth .ml-tag{flex:0 0 auto;font-family:"Saira",sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:1px;font-size:11px;padding:5px 10px;border:2px solid var(--black);white-space:nowrap;margin-top:2px;}
.myth-lie .ml-tag{background:var(--black);color:var(--cream);}
.myth-truth .ml-tag{background:var(--cream);color:var(--black);}
.myth p{margin:0;font-size:17px;line-height:1.4;}
.myth-lie p{opacity:.8;font-style:italic;}
.myth-truth p{font-weight:700;}
@media (max-width:560px){ .myth-row{flex-direction:column;gap:8px;} }

/* ---- Pager ---- */
.pager{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px;}
.pager a{font-family:"Saira",sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;font-size:13px;text-decoration:none;border:3px solid var(--black);background:var(--cream);padding:12px 18px;box-shadow:var(--shadow);transition:transform .1s,box-shadow .1s;}
.pager a:hover{transform:translate(1px,1px);box-shadow:3px 3px 0 var(--black);}
.pager a.mid{background:var(--mustard);}
.pager .spacer{flex:0 0 auto;width:1px;}

/* ---- Module grid (index) ---- */
.intro{background:var(--cream);border:3px solid var(--black);box-shadow:var(--shadow-lg);padding:24px 30px;margin:0 0 30px;}
.intro p{margin:0;font-size:18px;}
.mgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;}
.mcard{position:relative;display:flex;flex-direction:column;gap:8px;text-decoration:none;background:var(--cream);border:3px solid var(--black);box-shadow:var(--shadow);padding:20px 20px 22px;transition:transform .1s,box-shadow .1s;min-height:150px;}
.mcard:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--black);}
.mcard .mnum{font-family:"Saira Condensed","Saira",sans-serif;font-weight:900;font-size:40px;line-height:0.8;color:var(--orange);}
.mcard .mttl{font-family:"Saira",sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:.5px;font-size:16px;line-height:1.15;flex:1;}
.mcard .mtag{align-self:flex-start;font-family:"Saira",sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:1px;font-size:10.5px;background:var(--teal);border:2px solid var(--black);padding:3px 9px;}
.mcard .go{font-family:"Saira",sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;font-size:12px;color:var(--orange);}

.footnote{text-align:center;font-family:"Saira",sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:2.5px;font-size:12px;opacity:.7;margin-top:34px;}

@media (max-width:560px){
  .wrap{padding:26px 16px 70px;}
  .topnav{padding:10px 16px;}
  .topnav .navmid{display:none;}
  .card,.toolcta,.rebel,.intro{padding-left:20px;padding-right:20px;}
  header .logo-lg{width:180px;}
  .pager a{padding:11px 12px;font-size:12px;letter-spacing:1px;}
}