:root{
  --sitcope-green:#0f6b3a;
  --sitcope-green-2:#0b5a31;
  --sitcope-red:#c2181b;

  --ink:#101828;
  --muted:rgba(16,24,40,.62);
  --border:rgba(16,24,40,.10);
  --soft:rgba(16,24,40,.03);
}

body{
  color:var(--ink);
  background:
    radial-gradient(900px 460px at 12% -10%, rgba(15,107,58,.16), transparent 60%),
    radial-gradient(820px 420px at 90% 0%, rgba(194,24,27,.12), transparent 55%),
    #f7f8fa;
}

/* Header */
.site-header{ background:#fff; border-bottom:1px solid var(--border); }
.brand-logo{ height:34px;width:auto;display:block; }
.brand-name{ font-weight:900; letter-spacing:.2px; color:var(--ink); }
.top-link{ text-decoration:none; color:var(--ink); opacity:.85; font-weight:700; }
.top-link:hover{ opacity:1; }

.kicker{
  font-size:.75rem;
  letter-spacing:.10em;
  text-transform:uppercase;
  color:rgba(16,24,40,.55);
  font-weight:900;
}

.panel{
  border:1px solid var(--border);
  border-radius:18px;
  background:#fff;
}

.title{
  font-size:clamp(24px,3.4vw,42px);
  font-weight:900;
  letter-spacing:-.02em;
}

.meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.meta-pill{
  display:inline-flex;
  align-items:center;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(16,24,40,.12);
  background:rgba(16,24,40,.03);
  color:rgba(16,24,40,.70);
  font-weight:800;
  font-size:.9rem;
}

.cover-wrap{
  border-radius:18px;
  overflow:hidden;
  background:var(--soft);
  border:1px solid rgba(16,24,40,.08);
}
.cover-img{
  width:100%;
  height:auto;
  display:block;
  max-height:520px;
  object-fit:cover;
}

.content{
  color: rgba(16,24,40,.88);
  font-size: 1.05rem;
  line-height: 1.75;
}

.btn-sitcope{
  background:var(--sitcope-green);
  border:1px solid var(--sitcope-green);
  color:#fff;
  font-weight:900;
}
.btn-sitcope:hover{
  background:var(--sitcope-green-2);
  border-color:var(--sitcope-green-2);
  color:#fff;
}
.btn-outline-sitcope{
  border:1px solid rgba(15,107,58,.35);
  color:var(--sitcope-green);
  font-weight:800;
}
.btn-outline-sitcope:hover{
  background:rgba(15,107,58,.08);
  color:var(--sitcope-green);
  border-color:rgba(15,107,58,.45);
}

.muted{ color:var(--muted); }
.site-footer{ border-top:1px solid var(--border); background:#fff; }