*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial,sans-serif;color:#eaeaea;background:#0b0b0b;line-height:1.6}
a{color:#6fd3ff;text-decoration:none}a:hover{text-decoration:underline}
.site-header{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:#101010;border-bottom:1px solid #222;position:sticky;top:0;z-index:10}
.logo{font-weight:800;font-size:1.2rem;color:#fff}.logo span{color:#6fd3ff}
.site-header nav a{margin:0 10px;color:#ddd}
.container{max-width:1100px;margin:0 auto;padding:20px}
.hero{position:relative;overflow:hidden;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.6)}
.hero img{width:100%;height:auto;display:block;filter:contrast(110%) brightness(90%)}
.hero .overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.5),rgba(0,0,0,.8))}
.hero .text{position:absolute;left:5%;bottom:8%;color:#fff;max-width:70%}
.hero h1{font-size:2rem;margin:0 0 .5rem}.hero p{opacity:.9;margin:0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.card{background:#121212;border:1px solid #232323;border-radius:14px;padding:16px;box-shadow:0 6px 16px rgba(0,0,0,.4)}
.card h3{margin-top:0}
.cta{display:inline-block;padding:12px 18px;border-radius:10px;background:#6fd3ff;color:#001727;font-weight:700;border:0}
.table{width:100%;border-collapse:collapse}.table th,.table td{border-bottom:1px solid #222;padding:10px;text-align:left}
.site-footer{padding:24px 20px;border-top:1px solid #222;background:#0f0f0f;color:#cfcfcf}
.site-footer .cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
.breadcrumbs{font-size:.9rem;color:#aaa;margin:.5rem 0}
article h1{margin-bottom:.2rem}article time{color:#aaa;font-size:.9rem}
.badge{display:inline-block;padding:4px 8px;border:1px solid #2b2b2b;border-radius:999px;font-size:.8rem;color:#9ad7ff}
.notice{background:#0f1b22;border:1px solid #163142;color:#cceeff;padding:12px;border-radius:12px}
form label{display:block;margin:.7rem 0 .2rem}input,textarea,select{width:100%;padding:10px;border-radius:10px;border:1px solid #2a2a2a;background:#121212;color:#efefef}
.btn{padding:10px 14px;border-radius:10px;border:1px solid #2a2a2a;background:#1b1b1b;color:#f3f3f3}
.kbd{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;background:#111;padding:2px 6px;border-radius:6px;border:1px solid #2a2a2a}

/* removed table of contents for a cleaner look */
.meta-badges,.share,.hr{display:none} /* remove extra chrome */
.card{background:var(--surface);border:1px solid var(--border);box-shadow:none}
.site-header{background:var(--surface);border-bottom:1px solid var(--border)}
.site-footer{background:var(--surface);border-top:1px solid var(--border)}
a{color:var(--link)}


/* ==== Light Theme Overrides (site-wide) ==== */
:root{
  --bg:#ffffff;
  --surface:#ffffff;
  --muted:#f7f9fb;
  --text:#101418;
  --sub:#576574;
  --link:#0a66c2;
  --border:#e5e9ef;
}
html{background:var(--bg)}
body{background:var(--bg);color:var(--text)}
a{color:var(--link)}
.container{max-width:1120px;padding:28px 20px}

.site-header{background:var(--surface);border-bottom:1px solid var(--border)}
.logo{color:#0d1117}
.site-header nav a{color:#2b2f36}

.hero{box-shadow:none;border:1px solid var(--border)}
.hero img{filter:none}
.hero .overlay{background:linear-gradient(180deg,rgba(255,255,255,.0),rgba(255,255,255,.0))}
.hero .text{color:#0d1117}
.hero h1{color:#0d1117}
.hero p{color:#26313a}

.card{background:var(--surface);border:1px solid var(--border);box-shadow:none;color:var(--text)}
.badge{border-color:#dbe4ee;color:#2a5b86;background:#f0f6ff}

.table th,.table td{border-bottom:1px solid var(--border);color:var(--text)}
.table th{background:#f4f7fb}

.site-footer{background:var(--surface);border-top:1px solid var(--border);color:#3a4652}

.breadcrumbs{color:var(--sub)}
.breadcrumbs a{color:#3a5d8a}

.prose p{color:#20262c}
.prose h2{color:#0f1720}
.prose h3{color:#203040}
.post-hero{border:1px solid var(--border);box-shadow:none}
.post-hero img{filter:none}
.post-title{color:#0d1117}
.byline{color:#6b7785}

.notice{background:#f0f7ff;border:1px solid #d6e6ff;color:#0f2942}
input,textarea,select{background:#ffffff;border:1px solid var(--border);color:#0f1720}
.btn{background:#f7f9fc;border:1px solid var(--border);color:#0d1117}
.cta{background:#0a66c2;color:#fff}

.hero .sub{opacity:.8}
.hero .overlay{background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,0))}

/* BLOG_FINAL_ALIGN */
.hero .overlay{background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,0))}
.prose p{color:inherit}
.prose h2,.prose h3{color:inherit}

/* Blog Title Size Fix */
.blog .card h1,
.blog article h1 {
  font-size: 1.9rem;
  line-height: 1.3;
  margin-bottom: 1rem;
  color: #0d1117;
}
.blog .card h2 {
  font-size: 1.25rem;
  margin-top: 1.3rem;
  color: #1a2733;
}