/* ===== Quarto C Tutorial - Global Styles ===== */
body{
  background:#0F172A;
  color:#F8FAFC;
  font-family:'Noto Sans SC','Inter',sans-serif;
}
 a{color:#22D3EE;text-decoration:none;transition:color .2s;}
 a:hover{color:#14B8A6;}

/* Sidebar */
.sidebar nav[role="doc-sidebar"]{
  background:rgba(15,23,42,0.92) !important;
  border-right:1px solid rgba(20,184,166,0.15) !important;
}
.sidebar nav[role="doc-sidebar"] a{
  color:#CBD5E1 !important;
  border-radius:6px !important;
  margin:2px 8px !important;
  padding:6px 12px !important;
}
.sidebar nav[role="doc-sidebar"] a:hover{
  background:rgba(20,184,166,0.1) !important;
  color:#22D3EE !important;
}
.sidebar nav[role="doc-sidebar"] a.active{
  background:rgba(20,184,166,0.15) !important;
  color:#14B8A6 !important;
  font-weight:600 !important;
}

/* Navbar */
.navbar{
  background:rgba(15,23,42,0.9) !important;
  border-bottom:1px solid rgba(20,184,166,0.2) !important;
  backdrop-filter:blur(20px);
}
.navbar .navbar-brand{color:#14B8A6 !important;font-weight:700;}

/* Cards in index */
.feature-card{padding:24px;border-radius:16px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);transition:all .3s;}
.feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px rgba(20,184,166,0.1);border-color:rgba(20,184,166,0.25);}

/* Code blocks */
pre.sourceCode{
  background:rgba(0,0,0,0.4) !important;
  border:1px solid rgba(255,255,255,0.08) !important;
  border-radius:12px !important;
  padding:16px !important;
}
pre.sourceCode code{color:#CBD5E1;font-size:13px;line-height:1.8;}

/* Inline code */
code{background:rgba(20,184,166,0.1) !important;color:#22D3EE !important;padding:2px 6px !important;border-radius:4px !important;font-size:0.9em;}

/* Tables */
table{width:100%;border-collapse:collapse;margin:16px 0;}
th{background:rgba(20,184,166,0.15) !important;color:#14B8A6 !important;padding:10px 16px !important;text-align:left;}
td{padding:8px 16px !important;border-bottom:1px solid rgba(255,255,255,0.06) !important;color:#CBD5E1;}

/* Blockquote */
blockquote{
  background:rgba(6,182,212,0.05) !important;
  border-left:3px solid #06B6D4 !important;
  border-radius:0 8px 8px 0 !important;
  padding:12px 16px !important;
  margin:16px 0 !important;
  color:#CBD5E1 !important;
}

/* Div boxes */
div[class^="cell"] pre{
  background:rgba(0,0,0,0.3) !important;
  border-radius:12px !important;
}