/* Managed contextual SEO insert blocks for CS2 Case Hub */
.cs2-seo-practice-note{
  margin:26px 0;
  padding:18px 20px;
  border:1px solid rgba(45,212,191,.34);
  border-radius:20px;
  background:linear-gradient(135deg,rgba(12,18,30,.96),rgba(9,13,22,.92));
  box-shadow:0 20px 60px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.05);
  color:#dbeafe;
  overflow:hidden;
}
.cs2-seo-practice-note .cs2-seo-practice-label{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:0 0 8px;
  padding:6px 10px;
  border:1px solid rgba(34,211,238,.28);
  border-radius:999px;
  background:rgba(15,23,42,.78);
  color:#67e8f9;
  font-size:12px;
  font-weight:800;
  letter-spacing:.02em;
  text-transform:uppercase;
}
.cs2-seo-practice-note p,
.cs2-seo-inline{
  color:#dbeafe;
  font-size:16px;
  line-height:1.75;
}
.cs2-seo-practice-note p{margin:0;}
.cs2-seo-practice-note a,
.cs2-seo-inline a{
  color:#34d399;
  font-weight:800;
  text-decoration:none;
  border-bottom:1px solid rgba(52,211,153,.55);
}
.cs2-seo-practice-note a:hover,
.cs2-seo-inline a:hover{
  color:#86efac;
  border-bottom-color:#86efac;
}
@media(max-width:640px){
  .cs2-seo-practice-note{padding:15px 14px;border-radius:16px;margin:22px 0;}
  .cs2-seo-practice-note p,.cs2-seo-inline{font-size:15px;line-height:1.68;}
}
