a:hover{color:var(--fa-orange-dark)}

    
    
    .flipaha-logo .ah
    
    

    
    
    .navbar .nav-link:hover,
    .navbar .nav-link.active{
      color:var(--fa-orange);
    }

    

    .article-hero{
      padding:9rem 0 5rem;
      color:#fff;
      background:
        radial-gradient(circle at 15% 20%,rgba(244,98,58,.24),transparent 34%),
        linear-gradient(120deg,#20272d 0%,#46525a 100%);
      position:relative;
      overflow:hidden;
    }
    .article-hero:after{
      content:"";
      position:absolute;
      width:420px;height:420px;
      border-radius:50%;
      border:70px solid rgba(255,255,255,.025);
      right:-110px;top:-130px;
    }
    .hero-inner{position:relative;z-index:2}
    .eyebrow{
      display:inline-flex;
      gap:.5rem;
      align-items:center;
      border:1px solid rgba(255,255,255,.23);
      background:rgba(255,255,255,.07);
      border-radius:999px;
      padding:.5rem .85rem;
      font-size:.85rem;
      font-weight:800;
      letter-spacing:.04em;
      text-transform:uppercase;
    }
    .article-hero h1{
      font-size:clamp(2.7rem,6vw,5.2rem);
      line-height:.98;
      letter-spacing:-.05em;
      font-weight:800;
      max-width:940px;
    }
    .hero-copy{
      color:rgba(255,255,255,.8);
      font-size:1.15rem;
      max-width:790px;
    }
    .hero-met

    .article-wrap{
      max-width:860px;
      margin:0 auto;
    }
    .article-
    .article-body h2{
      font-size:clamp(1.8rem,3vw,2.5rem);
      line-height:1.1;
      letter-spacing:-.035em;
      font-weight:800;
      margin-top:3.5rem;
      margin-bottom:1rem;
    }
    .article-body h3{
      font-size:1.3rem;
      font-weight:800;
      margin-top:2.2rem;
      margin-bottom:.7rem;
    }
    .article-body p{margin-bottom:1.25rem}
    .article-body ul{padding-left:1.25rem}
    .article-body li{margin-bottom:.45rem}

    .quick-answer{
      margin-top:-2.3rem;
      position:relative;
      z-index:3;
      background:#fff;
      border:1px solid var(--fa-border);
      border-left:5px solid var(--fa-orange);
      border-radius:1rem;
      box-shadow:0 15px 40px rgba(0,0,0,.08);
      padding:1.6rem 1.7rem;
    }
    .quick-answer .label{
      color:var(--fa-orange);
      text-transform:uppercase;
      letter-spacing:.12em;
      font-size:.75rem;
      font-weight:800;
    }

    

    .module-card{
      height:100%;
      border:1px solid var(--fa-border);
      border-radius:1rem;
      padding:1.35rem;
      background:#fff;
    }
    .module-icon{
      width:46px;height:46px;
      display:grid;place-items:center;
      border-radius:13px;
      background:#fff1ec;
      color:var(--fa-orange);
      font-size:1.05rem;
      margin-bottom:.9rem;
    }

    .exam-card{
      border:1px solid var(--fa-border);
      border-radius:1rem;
      background:#fff;
      padding:1.5rem;
      height:100%;
    }
    .exam-weight{
      font-size:2.2rem;
      font-weight:800;
      letter-spacing:-.05em;
      color:var(--fa-orange);
      line-height:1;
    }

    .callout{
      background:#fff4e8;
      border-left:4px solid var(--fa-orange);
      border-radius:.8rem;
      padding:1.1rem 1.2rem;
      margin:1.7rem 0;
    }
    .callout-dark{
      background:var(--fa-navy);
      color:#fff;
      border-radius:1rem;
      padding:1.5rem;
      margin:1.8rem 0;
    }
    .callout-dark p{color:rgba(255,255,255,.75)}

    .ao-strip{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:1rem;
      margin:1.5rem 0;
    }
    .ao-card{
      border:1px solid var(--fa-border);
      border-radius:.85rem;
      padding:1rem;
      text-align:center;
      background:#fff;
    }
    .ao-card strong{
      display:block;
      color:var(--fa-orange);
      font-size:1.8rem;
      line-height:1.1;
    }

    .related-card{
      border:1px solid var(--fa-border);
      border-radius:1rem;
      padding:1.35rem;
      height:100%;
      background:#fff;
      text-decoration:none;
      color:var(--fa-dark);
      transition:.2s ease;
    }
    .related-card:hover{
      transform:translateY(-3px);
      box-shadow:0 12px 30px rgba(0,0,0,.07);
      color:var(--fa-dark);
    }

    .ct

    
    footer 

    @media(max-width:767px){
      .article-hero{padding:8rem 0 4rem}
      .ao-strip{grid-template-columns:1fr}
      .quick-answer{margin-top:-1.5rem}
    }
  

    .breadcrumb-wrap{
      margin-top:1.15rem;
    }
    .breadcrumb-wrap 
    .breadcrumb-wrap a:hover{color:#fff}
    .breadcrumb-wrap .breadcrumb-item.active{color:rgba(255,255,255,.52)}
    .breadcrumb-wrap .breadcrumb-item + .breadcrumb-item::before{
      color:rgba(255,255,255,.35);
    }

    
    
    
    
    
    

    .article-section{
      scroll-margin-top:150px;
    }

    .back-home{
      display:inline-flex;
      align-items:center;
      gap:.45rem;
      font-weight:700;
      text-decoration:none;
    }

    


    pre.code-editor{
      background:#17221c;
      color:#d9f5e2;
      border-radius:1rem;
      padding:1.2rem;
      font-family:Consolas,"Courier New",monospace;
      font-size:.92rem;
      overflow-x:auto;
      white-space:pre;
      line-height:1.6;
    }
    .code-key{color:#ff9f7d}
    .code-fn{color:#9ad8ff}
    .code-num{color:#f5df8f}

    
    

    @media(max-width:767px){
      
      
      .flipaha-logo .ah
      
      
      
      
    }

    
    
    
    .navbar 
    .navbar 
    .navbar 
    .navbar 
    .navbar 

    
    

    @media(max-width:767px){
      
      
      
      
      .flipaha-logo .ah
      .navbar 
      
    }

    
    .navbar 

    .navbar 

    .navbar 

    .navbar 

    

    @media(max-width:991.98px){
      .navbar 

      .navbar 

      .navbar 

      
    }

    @media(max-width:767px){
      
      
      .flipaha-logo .ah
      
    }

/* =========================================================
   flipAha! article link styling
   Keep these overrides at the end of article.css.
   ========================================================= */

/* Normal links inside article copy: branded, clean, no default blue. */
.article-body a{
  color:var(--fa-orange-dark);
  font-weight:600;
  text-decoration:none;
}

.article-body a:hover{
  color:var(--fa-orange);
  text-decoration:underline;
  text-underline-offset:3px;
}

/* Breadcrumbs on the dark article hero: deliberately secondary. */
.article-hero .breadcrumb-item a{
  color:rgba(255,255,255,.72);
  font-weight:600;
  text-decoration:none;
}

.article-hero .breadcrumb-item a:hover{
  color:var(--fa-orange);
}

.article-hero .breadcrumb-item.active{
  color:rgba(255,255,255,.58);
}

.article-hero .breadcrumb-item + .breadcrumb-item::before{
  color:rgba(255,255,255,.40);
}

/* End-of-article navigation. */
.back-home{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  color:var(--fa-orange);
  font-weight:700;
  text-decoration:none;
}

.back-home:hover{
  color:var(--fa-orange-dark);
  text-decoration:none;
}

/* Related guide cards are navigation cards, not inline article links. */
.article-body .related-card,
.related-card{
  text-decoration:none;
}

.related-card,
.related-card:hover{
  color:var(--fa-dark);
}


.article-section{
  scroll-margin-top:90px;
}