*{box-sizing:border-box}

html{scroll-behavior:smooth}



body{

    margin:0;

    font-family:Arial,Helvetica,sans-serif;

    background:#f6f8fc;

    color:#172033;

    line-height:1.7;

}



a{text-decoration:none;color:inherit}



.header{

    background:#fff;

    border-bottom:1px solid #e6ebf2;

    position:sticky;

    top:0;

    z-index:10;

}



.nav{

    max-width:1150px;

    margin:auto;

    padding:17px 22px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:20px;

}



.brand{

    font-weight:800;

    font-size:18px;

}



.brand span{color:#155eef}



.back{

    font-size:14px;

    color:#155eef;

    font-weight:700;

}



.hero{

    max-width:1150px;

    margin:auto;

    padding:70px 22px 45px;

}



.kicker{

    color:#155eef;

    font-weight:800;

    font-size:12px;

    letter-spacing:1.5px;

}



h1{

    max-width:900px;

    font-size:48px;

    line-height:1.15;

    margin:15px 0 20px;

}



.lead{

    max-width:850px;

    font-size:19px;

    color:#5f6b7a;

}



.notice{

    max-width:1100px;

    margin:0 auto 35px;

    padding:18px 22px;

    background:#eef4ff;

    border:1px solid #d6e4ff;

    border-radius:14px;

    color:#29466e;

    font-size:14px;

}



.container{

    max-width:900px;

    margin:auto;

    padding:10px 22px 70px;

}



article{

    background:#fff;

    border:1px solid #e6ebf2;

    border-radius:18px;

    padding:40px;

    box-shadow:0 10px 30px rgba(15,23,42,.04);

}



h2{

    font-size:30px;

    margin-top:45px;

    line-height:1.25;

}



h2:first-child{margin-top:0}



h3{

    font-size:21px;

    margin-top:28px;

}



p,li{

    font-size:16px;

    color:#465264;

}



ul{

    padding-left:22px;

}



.info-box{

    background:#f7f9fc;

    border-left:4px solid #155eef;

    padding:20px;

    margin:25px 0;

    border-radius:8px;

}



.grid{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:18px;

    margin:25px 0;

}



.card{

    border:1px solid #e5eaf1;

    border-radius:14px;

    padding:22px;

    background:#fff;

}



.card h3{

    margin-top:0;

}



.related{

    margin-top:45px;

    padding-top:30px;

    border-top:1px solid #e6ebf2;

}



.related a{

    display:block;

    padding:14px 0;

    color:#155eef;

    font-weight:700;

}



.footer{

    border-top:1px solid #e6ebf2;

    background:#fff;

    padding:30px 22px;

    text-align:center;

    color:#718096;

    font-size:14px;

}



@media(max-width:700px){

    h1{font-size:36px}

    article{padding:25px}

    .grid{grid-template-columns:1fr}

    .nav{padding:15px}

}

.table-of-contents{

  margin:24px 0;

  border:1px solid #e1e6ee;

  border-radius:12px;

  background:#f8fafc;

  overflow:hidden;

}



.toc-toggle{

  width:100%;

  border:0;

  background:#071b35;

  color:#fff;

  padding:16px 18px;

  font-size:16px;

  font-weight:700;

  display:flex;

  justify-content:space-between;

  align-items:center;

  cursor:pointer;

}



.toc-arrow{

  font-size:18px;

  line-height:1;

}



.toc-content{

  display:none;

  padding:14px 22px;

}



.table-of-contents.open .toc-content{

  display:block;

}



.toc-content ul{

  margin:0;

  padding-left:18px;

}



.toc-content li{

  margin:10px 0;

}



.toc-content a{

  color:#0d3b66;

  text-decoration:none;

  font-weight:600;

}



.toc-content a:hover{

  text-decoration:underline;

}



@media(max-width:600px){

  .toc-toggle{

    padding:15px;

  }



  .toc-content{

    padding:12px 18px;

  }

}

.author-box{

    margin:30px 0;

    padding:20px;

    border:1px solid #ddd;

    border-radius:10px;

    background:#f8f9fa;

}

.author-box strong{

    display:block;

    font-size:18px;

    margin-bottom:5px;

}

.author-box span{

    display:block;

    font-size:14px;

    margin-bottom:12px;

    color:#555;

}

.author-box p{

    margin:0;

    line-height:1.6;

}
#wwap-mf-intro-anchor{max-width:1100px;margin:50px auto;padding:0 22px}#wwap-mf-intro-anchor .intro-card{background:#fff;border:1px solid #e6ebf2;border-radius:22px;padding:42px;box-shadow:0 10px 30px rgba(15,23,42,.05)}#wwap-mf-intro-anchor .kicker{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:800;letter-spacing:1.4px;color:#155eef;margin-bottom:16px}#wwap-mf-intro-anchor .dot{width:8px;height:8px;border-radius:50%;background:#155eef;display:inline-block}#wwap-mf-intro-anchor h2{max-width:850px;font-size:34px;line-height:1.25;margin:0 0 18px;color:#172033}#wwap-mf-intro-anchor .lead{max-width:900px;font-size:17px;line-height:1.8;color:#5f6b7a;margin:0}#wwap-mf-intro-anchor .learning-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px}#wwap-mf-intro-anchor .point{border:1px solid #e6ebf2;border-radius:16px;padding:24px;background:#fff}#wwap-mf-intro-anchor .number{font-size:13px;font-weight:800;color:#155eef;margin-bottom:18px}#wwap-mf-intro-anchor .point h3{font-size:20px;line-height:1.35;margin:0 0 12px;color:#172033}#wwap-mf-intro-anchor .point p{margin:0;font-size:15px;line-height:1.7;color:#5f6b7a}#wwap-mf-intro-anchor .notice{max-width:none;margin:28px 0 0;padding:18px 20px;display:flex;gap:14px;align-items:flex-start;background:#f5f8ff;border:1px solid #dce7ff;border-radius:14px;color:#465264}#wwap-mf-intro-anchor .notice-icon{flex:0 0 28px;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#155eef;color:#fff;font-weight:800}#wwap-mf-intro-anchor .notice p{margin:0;font-size:14px;line-height:1.7;color:#465264}@media(max-width:800px){#wwap-mf-intro-anchor{margin:35px auto;padding:0 16px}#wwap-mf-intro-anchor .intro-card{padding:26px 20px}#wwap-mf-intro-anchor h2{font-size:27px}#wwap-mf-intro-anchor .learning-grid{grid-template-columns:1fr;gap:14px}}



/* ===== WWAP MF INTRO — FINAL FORCE OVERRIDE ===== */

#wwap-mf-intro-anchor{

  max-width:1100px !important;

  margin:50px auto !important;

  padding:0 22px !important;

}



#wwap-mf-intro-anchor .intro-card{

  background:#ffffff !important;

  border:1px solid #e6ebf2 !important;

  border-radius:22px !important;

  padding:42px !important;

  box-shadow:0 10px 30px rgba(15,23,42,.05) !important;

}



#wwap-mf-intro-anchor .kicker{

  display:flex !important;

  align-items:center !important;

  gap:9px !important;

  font-size:12px !important;

  font-weight:800 !important;

  letter-spacing:1.4px !important;

  color:#155eef !important;

  margin:0 0 16px !important;

}



#wwap-mf-intro-anchor .dot{

  width:8px !important;

  height:8px !important;

  border-radius:50% !important;

  background:#155eef !important;

  display:inline-block !important;

}



#wwap-mf-intro-anchor h2{

  max-width:850px !important;

  font-size:34px !important;

  line-height:1.25 !important;

  margin:0 0 18px !important;

  color:#172033 !important;

}



#wwap-mf-intro-anchor .lead{

  max-width:900px !important;

  font-size:17px !important;

  line-height:1.8 !important;

  color:#5f6b7a !important;

  margin:0 !important;

}



#wwap-mf-intro-anchor .learning-grid{

  display:grid !important;

  grid-template-columns:repeat(3,minmax(0,1fr)) !important;

  gap:18px !important;

  margin-top:32px !important;

}



#wwap-mf-intro-anchor .point{

  border:1px solid #e6ebf2 !important;

  border-radius:16px !important;

  padding:24px !important;

  background:#ffffff !important;

}



#wwap-mf-intro-anchor .number{

  font-size:13px !important;

  font-weight:800 !important;

  color:#155eef !important;

  margin-bottom:18px !important;

}



#wwap-mf-intro-anchor .point h3{

  font-size:20px !important;

  line-height:1.35 !important;

  margin:0 0 12px !important;

  color:#172033 !important;

}



#wwap-mf-intro-anchor .point p{

  margin:0 !important;

  font-size:15px !important;

  line-height:1.7 !important;

  color:#5f6b7a !important;

}



#wwap-mf-intro-anchor .notice{

  max-width:none !important;

  margin:28px 0 0 !important;

  padding:18px 20px !important;

  display:flex !important;

  gap:14px !important;

  align-items:flex-start !important;

  background:#f5f8ff !important;

  border:1px solid #dce7ff !important;

  border-radius:14px !important;

}



#wwap-mf-intro-anchor .notice-icon{

  flex:0 0 28px !important;

  width:28px !important;

  height:28px !important;

  border-radius:50% !important;

  display:flex !important;

  align-items:center !important;

  justify-content:center !important;

  background:#155eef !important;

  border:none !important;

  color:#ffffff !important;

  font-weight:800 !important;

}



#wwap-mf-intro-anchor .notice p{

  margin:0 !important;

  font-size:14px !important;

  line-height:1.7 !important;

  color:#465264 !important;

}



@media(max-width:800px){

  #wwap-mf-intro-anchor{

    margin:35px auto !important;

    padding:0 16px !important;

  }



  #wwap-mf-intro-anchor .intro-card{

    padding:26px 20px !important;

  }



  #wwap-mf-intro-anchor h2{

    font-size:27px !important;

  }



  #wwap-mf-intro-anchor .learning-grid{

    grid-template-columns:1fr !important;

    gap:14px !important;

  }

}




/* ===== WWAP MF PAGE HEADER — FINAL ISOLATED FIX ===== */



#wwap-isolated-header{

  width:100%;

}



#wwap-isolated-header header{

  width:100%;

  background:linear-gradient(90deg,#0b1728 0%,#12243d 55%,#203858 100%);

  border-bottom:1px solid rgba(255,255,255,.10);

  box-shadow:0 3px 14px rgba(15,23,42,.12);

}



#wwap-isolated-header .inner{

  max-width:1100px;

  min-height:68px;

  margin:0 auto;

  padding:0 22px;

  display:flex;

  align-items:center;

  justify-content:space-between;

  gap:24px;

}



#wwap-isolated-header .brand{

  display:flex;

  align-items:center;

  gap:12px;

  color:#fff;

  min-width:0;

}



#wwap-isolated-header .mark{

  width:40px;

  height:40px;

  flex:0 0 40px;

  display:grid;

  place-items:center;

  border-radius:12px;

  background:linear-gradient(135deg,#155eef,#4f8cff);

  color:#fff;

  font-size:21px;

  font-weight:900;

  box-shadow:0 6px 16px rgba(21,94,239,.28);

}



#wwap-isolated-header .brand-text{

  display:flex;

  flex-direction:column;

  justify-content:center;

  line-height:1;

}



#wwap-isolated-header .brand-text strong{

  color:#f8fbff;

  font-size:14px;

  font-weight:850;

  letter-spacing:1px;

}



#wwap-isolated-header .brand-text strong em{

  font-style:normal;

  font-weight:600;

  opacity:.88;

}



#wwap-isolated-header .brand-text small{

  margin-top:5px;

  color:#b9c8dc;

  font-size:8px;

  font-weight:800;

  letter-spacing:1.8px;

}



#wwap-isolated-header .market{

  min-height:38px;

  padding:0 16px;

  display:inline-flex;

  align-items:center;

  justify-content:center;

  gap:7px;

  border:1px solid rgba(255,255,255,.14);

  border-radius:11px;

  background:rgba(255,255,255,.06);

  color:#dbeafe;

  font-size:12px;

  font-weight:800;

  letter-spacing:.2px;

  white-space:nowrap;

  transition:.2s ease;

}



#wwap-isolated-header .market:hover{

  background:rgba(255,255,255,.11);

  border-color:rgba(96,165,250,.55);

  color:#fff;

  transform:translateY(-1px);

}



@media(max-width:700px){



  #wwap-isolated-header .inner{

    min-height:62px;

    padding:0 16px;

  }



  #wwap-isolated-header .mark{

    width:36px;

    height:36px;

    flex-basis:36px;

    border-radius:10px;

    font-size:19px;

  }



  #wwap-isolated-header .brand-text strong{

    font-size:12px;

    letter-spacing:.8px;

  }



  #wwap-isolated-header .brand-text small{

    font-size:7px;

    letter-spacing:1.4px;

  }



  #wwap-isolated-header .market{

    min-height:36px;

    padding:0 12px;

    font-size:11px;

  }



}



@media(max-width:420px){



  #wwap-isolated-header .brand-text small{

    display:none;

  }



  #wwap-isolated-header .market{

    padding:0 10px;

  }



}