: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;
}

.hero{
  background:#fff;
  border:1px solid var(--border);
  border-radius:18px;
  position:relative;
  overflow:hidden;
}
.hero:before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:5px;
  background:linear-gradient(90deg,var(--sitcope-green),var(--sitcope-red));
}
.hero-title{
  font-size:clamp(26px,4vw,44px);
  font-weight:900;
  letter-spacing:-.02em;
}
.hero-subtitle{ color:var(--muted); max-width:60ch; }

.search .form-control{
  border-radius:14px 0 0 14px;
  border-color: rgba(16,24,40,.14);
}
.search .btn{
  border-radius:0 14px 14px 0;
}

.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);
}
.link-reset{ color:var(--sitcope-green); text-decoration:none; font-weight:800; }
.link-reset:hover{ text-decoration:underline; }

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

.empty{ background:rgba(255,255,255,.78); }
.empty-title{ font-weight:900; font-size:1.15rem; }
.empty-text{ color:var(--muted); }

.card-news{
  border:1px solid var(--border);
  border-radius:18px;
  background:#fff;
  overflow:hidden;
  transition:transform .12s ease, box-shadow .12s ease;
}
.card-news:hover{ transform:translateY(-2px); box-shadow:0 14px 34px rgba(16,24,40,.10); }

.cover-wrap{ display:block; background:var(--soft); }
.cover-img{ width:100%; height:180px; object-fit:cover; display:block; }
.cover-empty{ height:180px; display:flex; align-items:center; justify-content:center; }
.cover-placeholder{
  font-weight:900;
  letter-spacing:.16em;
  color:rgba(16,24,40,.35);
}

.meta{ color:rgba(16,24,40,.55); font-weight:700; }
.title-link{ text-decoration:none; color:var(--ink); font-weight:900; }
.title-link:hover{ text-decoration:underline; }

.pagination .page-link{
  border-radius:14px;
  margin:0 4px;
  border-color: rgba(16,24,40,.12);
  color: var(--ink);
  font-weight:800;
}
.pagination .page-item.active .page-link{
  background: rgba(15,107,58,.12);
  border-color: rgba(15,107,58,.25);
  color: var(--sitcope-green);
}

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