/*
 * JLPT180 Dashboard Bí Cảnh Card CSS owner.
 * P4.30: moved Bí Cảnh card selectors from dashboard.css and inline markup styles.
 * Scope: #box-bicanh / .jlpt180-bicanh-* / .bicanh-banner-* / #btn-bi-canh-main only.
 */
@media (max-width: 899px){
body.jlpt180-clean-lobby #box-bicanh{
    order: 4;
  }
}


/* P4.22: safe Bí Cảnh readability only. No layout changes. */
body.jlpt180-clean-lobby #box-bicanh h2{
  color: #07345f;
  text-shadow: 0 2px 0 rgba(255,255,255,.95), 0 0 10px rgba(255,255,255,.78);
}


body.jlpt180-clean-lobby #box-bicanh h2 + p{
  color: #294d6c;
  font-weight: 900;
  text-shadow: 0 1px 0 rgba(255,255,255,.9);
}


body.jlpt180-clean-lobby #box-bicanh .jlpt-cta-outside,
body.jlpt180-clean-lobby #box-bicanh .bicanh-btn{
  text-shadow: 0 1px 1px rgba(0,0,0,.22);
}


body.jlpt180-clean-lobby #box-bicanh .bicanh-banner-title{
  display: inline-block;
  font-family: "Cinzel", Georgia, serif;
  font-size: 1.2rem;
  color: #ffffff;
  font-weight: 900;
  margin-bottom: 6px;
  padding: 3px 10px;
  border-radius: 10px;
  background: rgba(15,23,42,.72);
  text-shadow: 0 2px 4px rgba(0,0,0,.78), 0 0 12px rgba(239,68,68,.45);
}


body.jlpt180-clean-lobby #box-bicanh .bicanh-banner-sub{
  display: inline-block;
  font-size: 13px;
  color: #ffffff;
  font-weight: 900;
  margin-bottom: 15px;
  padding: 2px 9px;
  border-radius: 999px;
  background: rgba(15,23,42,.58);
  text-shadow: 0 1px 3px rgba(0,0,0,.75);
}

/* P4.102: readability fix for Bí Cảnh title/subtitle after asset guard batch. */
body.jlpt180-clean-lobby #box-bicanh.jlpt180-bicanh-card .bicanh-banner-title{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  max-width:calc(100% - 20px);
  padding:6px 16px;
  border-radius:16px;
  background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(236,253,245,.76));
  color:#073451;
  font-family:Georgia, "Times New Roman", serif;
  font-size:clamp(20px, 2vw, 28px);
  line-height:1.1;
  letter-spacing:.035em;
  text-shadow:0 1px 0 rgba(255,255,255,.92);
  box-shadow:0 8px 18px rgba(7,52,81,.10), inset 0 0 0 1px rgba(255,255,255,.72);
  white-space:normal;
}
body.jlpt180-clean-lobby #box-bicanh.jlpt180-bicanh-card .bicanh-banner-sub{
  max-width:calc(100% - 24px);
  padding:4px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.78);
  color:#16415f;
  font-size:13px;
  font-weight:900;
  line-height:1.2;
  text-shadow:0 1px 0 rgba(255,255,255,.90);
  box-shadow:0 4px 12px rgba(7,52,81,.08);
}