/* STUDY_PAGES_POLISH_V2 */

:root{
  --study-bg:#0D1117;
  --study-bg-secondary:#161B22;
  --study-card:#21262D;
  --study-primary:#6B1D2B;
  --study-primary-hover:#8F2D3F;
  --study-cta:#F59E0B;
  --study-cta-hover:#FACC15;
  --study-success:#22C55E;
  --study-info:#94A3B8;
  --study-text:#FFFFFF;
  --study-muted:#CBD5E1;
}

*{
  box-sizing:border-box;
}

body{
  background:
    radial-gradient(circle at top left, rgba(245,158,11,.045), transparent 30%),
    linear-gradient(180deg,#0D1117,#111722) !important;
  color:var(--study-text) !important;
  font-family:Inter,Poppins,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
}

.layout{
  background:transparent !important;
}

aside{
  background:#0D1117 !important;
  border-right:1px solid #21262D !important;
}

.brand h1{
  color:#FFFFFF !important;
  letter-spacing:-.03em;
}

.brand p{
  color:#94A3B8 !important;
}

nav a{
  border-radius:10px !important;
  transition:all .2s ease !important;
  color:#CBD5E1 !important;
}

nav a.active{
  background:#6B1D2B !important;
  color:#FFFFFF !important;
}

nav a:hover{
  background:rgba(107,29,43,.22) !important;
  color:#FFFFFF !important;
}

main{
  max-width:1320px !important;
}

.hero,
.panel,
.card{
  background:#161B22 !important;
  border:1px solid #21262D !important;
  border-radius:12px !important;
  box-shadow:0 14px 40px rgba(0,0,0,.18) !important;
}

.hero{
  padding:28px !important;
}

.badge{
  background:rgba(245,158,11,.15) !important;
  color:#F59E0B !important;
  border-radius:999px !important;
}

h2,
h3,
strong,
b{
  color:#FFFFFF !important;
}

h2{
  letter-spacing:-.04em;
}

p,
small,
.status small{
  color:#CBD5E1 !important;
}

.btn{
  background:#6B1D2B !important;
  color:#FFFFFF !important;
  border-radius:10px !important;
  border:1px solid transparent !important;
}

.btn:hover{
  background:#8F2D3F !important;
}

.btn.secondary{
  background:transparent !important;
  border:1px solid #21262D !important;
  color:#CBD5E1 !important;
}

.grid{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}

.card{
  min-height:140px !important;
  transition:all .25s ease !important;
}

.card:hover{
  border-color:#F59E0B !important;
  transform:translateY(-2px);
}

.panel{
  margin-top:18px !important;
}

.status{
  background:#0D1117 !important;
  border:1px solid #21262D !important;
  border-radius:12px !important;
}

.status strong{
  color:#FFFFFF !important;
}

.data-list{
  display:grid !important;
  gap:10px !important;
  margin-top:16px !important;
}

.data-row{
  display:flex !important;
  justify-content:space-between !important;
  align-items:flex-start !important;
  gap:12px !important;
  padding:12px 14px !important;
  border-radius:10px !important;
  background:#0D1117 !important;
  border:1px solid #21262D !important;
}

.data-row b{
  color:#FFFFFF !important;
  font-size:14px !important;
}

.data-row span{
  color:#94A3B8 !important;
  font-size:12px !important;
  text-align:right !important;
}

code{
  color:#F59E0B !important;
}

@media(max-width:980px){
  .layout{
    grid-template-columns:1fr !important;
  }

  aside{
    border-right:0 !important;
    border-bottom:1px solid #21262D !important;
  }

  nav{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  main{
    padding:20px !important;
  }
}

@media(max-width:560px){
  nav,
  .grid,
  .status-grid{
    grid-template-columns:1fr !important;
  }

  h2{
    font-size:26px !important;
  }

  .hero{
    padding:20px !important;
  }

  .data-row{
    flex-direction:column !important;
  }

  .data-row span{
    text-align:left !important;
  }
}