:root {
  --bg:#0b0d08;
  --lime:#b8ff1f;
  --muted:#c9cfbf
}
body {
  background:#0b0d08;
  color:#fff
}
header {
  border-bottom:1px solid #343b2b;
  background:#0b0d08;
  padding-top:30px;
  padding-bottom:30px
}
nav a {
  font-family:Oxanium;
  font-weight:700;
  letter-spacing:.3px
}
nav a:hover {
  color:#b8ff1f
}
.outline {
  border:1px solid #b8ff1f;
  color:#b8ff1f;
  background:none
}
.ticker {
  border-bottom:1px solid #343b2b;
  background:#171b11;
  color:#c9cfbf
}
.ticker strong {
  color:#b8ff1f
}
.news-masthead {
  padding:15px 0 25px;
  border-bottom:1px solid #343b2b
}
.news-masthead h1 {
  text-shadow:none;
  font-size:clamp(28px,3.3vw,46px)
}
.eyebrow {
  color:#8d957f
}
h1 span {
  color:#b8ff1f
}
.hero {
  gap:24px
}
.feature {
  background:#171b11;
  border:1px solid #343b2b;
  clip-path:none;
  min-height:510px
}
.feature:after {
  content:none
}
.shade {
  background:linear-gradient(0deg,#0b0d08 0%,#0b0d08aa 30%,transparent 85%)
}
.copy h2 {
  letter-spacing:-1px
}
.tag {
  background:#b8ff1f;
  color:#0b0d08;
  padding:8px 12px;
  font-weight:800
}
.side {
  background:#0b0d08;
  border:1px solid #343b2b
}
.sidehead {
  background:#171b11;
  border-bottom:1px solid #343b2b;
  color:#b8ff1f;
  font-weight:700
}
.story {
  border-color:#343b2b
}
.num {
  color:#8d957f;
  font-weight:700
}
.story:hover {
  background:#171b11
}
.category {
  color:#b8ff1f
}
.filters button {
  border:1px solid #343b2b;
  color:#c9cfbf
}
.filters .active {
  background:#b8ff1f;
  color:#0b0d08
}
.filters button:hover {
  border-color:#b8ff1f
}
.news-sidebar {
  background:#0b0d08
}
.news-thumb {
  background:#171b11
}
.thumb-2,.thumb-3 {
  background:#24291c
}
.news-row:hover {
  background:#171b1166
}
.news-row {
  padding-left:0;
  padding-right:8px
}
.news-row h3 {
  font-weight:700
}
.news-row .category {
  font-size:11px
}
.live-dot {
  box-shadow:none
}
.search {
  background:#171b11
}
.editor-note {
  background:#171b11
}
.news-sidebar b {
  color:#8d957f
}
.article-body {
  color:#c9cfbf
}
.demo-note {
  background:#171b11;
  border-color:#b8ff1f
}
.back-link {
  color:#b8ff1f
}
footer {
  border-color:#343b2b;
  color:#8d957f
}
dialog {
  background:#171b11;
  color:#fff;
  border-color:#b8ff1f
}
button:focus-visible,a:focus-visible,input:focus-visible {
  outline:2px solid #b8ff1f;
  outline-offset:4px
}
[hidden] {
  display:none!important
}
@media(max-width:800px) {
  .feature {
    min-height:480px
  }
  .news-masthead {
    padding-top:0;
    padding-bottom:20px
  }
  
}

/* Contact */
.contact-section { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: center; margin-top: 70px; padding: 45px 0; border-top: 1px solid #343b2b; scroll-margin-top: 24px; }
.contact-intro h2 { font-size: clamp(32px, 4vw, 52px); margin: 15px 0; }
.contact-intro h2 span { color: #b8ff1f; }
.contact-intro > p:last-child { color: #c9cfbf; max-width: 460px; line-height: 1.6; }
.contact-link { display: flex; justify-content: space-between; gap: 20px; align-items: center; border: 1px solid #343b2b; background: #171b11; padding: 25px; }
.contact-link small { display: block; color: #8d957f; font: 10px Oxanium; letter-spacing: 1px; margin-bottom: 12px; }
.contact-link strong { font: 700 22px Oxanium; }
.contact-link > span:last-child { color: #b8ff1f; font-size: 30px; }
.contact-link:hover { border-color: #b8ff1f; }
@media (max-width: 800px) { .contact-section { grid-template-columns: 1fr; gap: 20px; margin-top: 40px; padding: 30px 0; } }

.contact-links { display: grid; gap: 14px; min-width: 0; }
.contact-link strong { overflow-wrap: anywhere; }

/* Social media icon links */
.social-follow { display: flex; align-items: center; justify-content: flex-end; gap: 24px; flex-wrap: wrap; }
.social-heading { margin: 0; font: 800 16px Oxanium, sans-serif; letter-spacing: 2px; color: #fff; }
.social-icons { display: flex; gap: 14px; }
.social-icon { position: relative; display: grid; place-items: center; width: 52px; height: 52px; color: #b8ff1f; background: #343b2b; clip-path: polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px); transition: color .2s, background .2s; }
.social-icon::before { content: ''; position: absolute; inset: 1px; background: #171b11; clip-path: polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px); }
.social-icon svg { position: relative; width: 25px; height: 25px; }
.social-icon:hover, .social-icon:focus-visible { background: #b8ff1f; color: #fff; }
.social-icon:focus-visible { outline: none; box-shadow: inset 0 0 0 3px #b8ff1f; }
@media (max-width: 800px) { .social-follow { justify-content: flex-start; } }
@media (prefers-reduced-motion: reduce) { .social-icon { transition: none; } }