:root {
  --g: #006B3F; --gd: #00482A; --gold: #E8B923; --bk: #111; --off: #F6F5F2; --r: 14px;
}
body.chagua-serious { background: var(--off) !important; font-family: system-ui, -apple-system, sans-serif !important; }
body.chagua-serious header, body.chagua-serious .site-header {
  background: var(--bk) !important; border-bottom: 4px solid var(--g) !important; position: sticky; top: 0; z-index: 1000;
}
body.chagua-serious header a { color: #fff !important; font-weight: 600; }
body.chagua-serious h1 { font-size: clamp(1.8rem,4vw,3rem) !important; font-weight: 800 !important; line-height: 1.1; }
body.chagua-serious article, body.chagua-serious .card, body.chagua-serious .candidate, body.chagua-serious .entry {
  background: #fff !important; border-radius: var(--r) !important; box-shadow: 0 8px 24px rgba(0,0,0,.07) !important;
  padding: 1.3rem !important; border: 1px solid #eee !important; transition: .18s;
}
body.chagua-serious article:hover, body.chagua-serious .card:hover { transform: translateY(-4px); border-color: var(--g) !important; }
body.chagua-serious .button, body.chagua-serious a.button { background: var(--g) !important; color: #fff !important; border-radius: 999px !important; padding: .7rem 1.4rem !important; font-weight: 700 !important; border: none !important; }

.cs-bar { position: fixed; bottom: 0; left: 0; right: 0; background: var(--bk); color: #fff; z-index: 9999; border-top: 3px solid var(--gold); padding: .6rem .7rem; font-size: .88rem; }
.cs-bar-inner { max-width: 1100px; margin: 0 auto; display: flex; align-items: center; justify-content: center; gap: .5rem; flex-wrap: wrap; }
.cs-btn { border: none; border-radius: 999px; padding: .4rem .85rem; font-weight: 700; font-size: .8rem; cursor: pointer; background: #333; color: #fff; }
.cs-wa { background: #25D366 !important; }
.cs-muted { background: transparent; color: #aaa; border: 1px solid #444; }
.cs-days { background: var(--gold); color: #111; padding: .2rem .5rem; border-radius: 999px; font-weight: 800; font-size: .75rem; }

.cs-panel { position: fixed; bottom: 70px; right: 12px; width: min(340px, calc(100% - 24px)); background: #fff; border-radius: 16px; box-shadow: 0 12px 40px rgba(0,0,0,.2); z-index: 9998; padding: 1rem; border: 1px solid #eee; }
.cs-panel-head { display: flex; justify-content: space-between; align-items: center; font-weight: 800; margin-bottom: .6rem; }
.cs-panel-head button { background: none; border: none; font-size: 1.4rem; cursor: pointer; }
.cs-share-btn { background: #25D366; color: #fff; border: none; border-radius: 999px; padding: .5rem 1rem; font-weight: 700; cursor: pointer; margin: .3rem 0; }

@media (max-width: 640px) {
  .cs-bar { font-size: .78rem; }
  .cs-panel { right: 8px; left: 8px; width: auto; }
}