@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root {
  --ink:#11130f;
  --muted:#666a60;
  --paper:#f4f2ea;
  --card:#fffef9;
  --lime:#c9ff4a;
  --lime-dark:#697a32;
  --line:#d9d7ce;
  --dark:#171a16;
  --orange:#ff7849;
  --blue:#6f9cff;
}

* {
  box-sizing:border-box;
}

html {
  scroll-behavior:smooth;
}

body {
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:'DM Sans',sans-serif;
  overflow-x:hidden;
}

a {
  color:inherit;
  text-decoration:none;
}

p {
  line-height:1.7;
}

.skip-link {
  position:fixed;
  left:16px;
  top:-60px;
  z-index:99;
  background:var(--lime);
  padding:12px 18px;
  border-radius:8px;
  font-weight:700;
}

.skip-link:focus {
  top:12px;
}

.site-header {
  height:78px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 clamp(20px,5vw,76px);
  border-bottom:1px solid var(--line);
  position:sticky;
  top:0;
  background:rgba(244,242,234,.92);
  backdrop-filter:blur(16px);
  z-index:20;
}

.brand {
  display:flex;
  align-items:center;
  gap:11px;
  font:700 18px 'Space Grotesk';
}

.brand>span:last-child>span {
  color:var(--lime-dark);
}

.brand-mark {
  display:grid;
  place-items:center;
  width:60px;
  height:60px;
  flex:0 0 60px;
}

.brand-mark img {
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}

nav {
  display:flex;
  align-items:center;
  gap:25px;
  font-size:13px;
  font-weight:600;
}

nav a {
  position:relative;
  padding:29px 0;
}

nav a:after {
  content:'';
  position:absolute;
  left:0;
  right:100%;
  bottom:20px;
  height:2px;
  background:var(--lime-dark);
  transition:.25s;
}

nav a:hover:after,nav a.active:after {
  right:0;
}

.menu-toggle {
  display:none;
  width:auto;
  background:transparent;
  padding:10px;
  color:var(--ink);
  gap:4px;
}

.menu-toggle i {
  display:block;
  width:20px;
  height:2px;
  background:currentColor;
}

.menu-toggle b {
  position:absolute;
  clip:rect(0,0,0,0);
}

.section-pad {
  padding:110px clamp(20px,8vw,128px);
}

.section-label,.eyebrow {
  font-size:11px;
  letter-spacing:.18em;
  font-weight:700;
  color:#62675d;
}

.hero {
  min-height:730px;
  padding:88px clamp(20px,8vw,128px);
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:6vw;
  align-items:center;
}

.hero h1,.section-head h2,.intro h2,.limiter h2,.database-section h2,.faq h2,.final-cta h2 {
  font:700 clamp(42px,6.2vw,78px)/.98 'Space Grotesk';
  letter-spacing:-.055em;
  margin:24px 0;
}

.hero h1 em {
  font-style:normal;
  color:#778747;
}

.hero-copy>p {
  max-width:690px;
  font-size:19px;
  color:var(--muted);
}

.eyebrow {
  display:flex;
  align-items:center;
  gap:9px;
}

.eyebrow span {
  width:9px;
  height:9px;
  border-radius:50%;
  background:var(--lime);
  box-shadow:0 0 0 4px #dff6a6;
}

.hero-actions {
  display:flex;
  align-items:center;
  gap:25px;
  margin-top:32px;
}

.primary-action {
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  background:var(--dark);
  color:white;
  padding:16px 20px;
  border-radius:10px;
  font-weight:700;
  transition:.25s;
}

.primary-action:hover {
  transform:translateY(-3px);
  box-shadow:0 12px 25px #171a1633;
}

.primary-action span {
  color:var(--lime);
}

.text-action {
  font-size:14px;
  font-weight:700;
  border-bottom:1px solid #9da093;
  padding-bottom:4px;
}

.trust-row {
  display:flex;
  flex-wrap:wrap;
  gap:22px;
  margin-top:34px;
  font-size:12px;
  font-weight:700;
}

.trust-row span:before {
  content:'✓';
  color:var(--lime-dark);
  margin-right:7px;
}

.hero-visual {
  height:480px;
  position:relative;
  display:grid;
  place-items:center;
}

.orbit {
  position:absolute;
  border:1px solid #cccbc1;
  border-radius:50%;
  animation:spin 24s linear infinite;
}

.orbit.one {
  width:400px;
  height:400px;
}

.orbit.two {
  width:285px;
  height:285px;
  animation-direction:reverse;
  animation-duration:17s;
}

.orbit:before {
  content:'';
  position:absolute;
  width:13px;
  height:13px;
  background:var(--lime-dark);
  border:5px solid var(--paper);
  border-radius:50%;
  top:-12px;
  left:calc(50% - 12px);
}

.chip {
  position:absolute;
  width:150px;
  padding:18px;
  background:var(--card);
  border:1px solid var(--line);
  border-radius:15px;
  box-shadow:0 18px 45px #2224;
  animation:float 4s ease-in-out infinite;
}

.chip small {
  display:block;
  font-size:9px;
  letter-spacing:.13em;
  color:var(--muted);
}

.chip strong {
  display:block;
  font:700 38px 'Space Grotesk';
  margin:5px 0;
}

.chip span {
  font-size:11px;
  color:var(--muted);
}

.cpu-chip {
  top:60px;
  left:10px;
}

.gpu-chip {
  right:0;
  bottom:60px;
  animation-delay:-2s;
}

.balance-badge {
  width:180px;
  height:180px;
  border-radius:50%;
  display:grid;
  place-content:center;
  text-align:center;
  background:var(--dark);
  color:white;
  box-shadow:0 0 0 20px #e3ebc8,0 25px 60px #2225;
}

.balance-badge strong {
  font:700 54px 'Space Grotesk';
  color:var(--lime);
}

.balance-badge span {
  font-size:11px;
}

.hero-visual>p {
  position:absolute;
  bottom:5px;
  font-size:12px;
  font-weight:700;
}

.hero-visual>p b {
  color:var(--lime-dark);
  margin:0 8px;
}

.calculator-shell {
  background:var(--dark);
  color:white;
  padding:95px clamp(20px,8vw,128px);
  display:grid;
  grid-template-columns:minmax(260px,.85fr) minmax(390px,1.15fr);
  gap:8vw;
  align-items:start;
  scroll-margin-top:78px;
}

.calculator-copy h2,.result h2 {
  font:600 clamp(36px,5vw,60px)/1.02 'Space Grotesk';
  letter-spacing:-.045em;
  margin:18px 0;
}

.calculator-copy p {
  color:#b8bcb2;
}

.calculator-copy .section-label {
  color:var(--lime);
}

.calculator-copy ul {
  padding:0;
  list-style:none;
  margin-top:30px;
}

.calculator-copy li {
  color:#c8cbc3;
  padding:9px 0;
  border-bottom:1px solid #343832;
  font-size:13px;
}

.calculator-copy li:before {
  content:'✓';
  color:var(--lime);
  margin-right:10px;
}

.calculator-card {
  background:#232720;
  border:1px solid #343931;
  border-radius:20px;
  padding:28px;
  box-shadow:0 30px 80px #090b08;
}

.calculator-card>label {
  display:block;
  font-size:12px;
  color:#c6c9c1;
  font-weight:700;
  letter-spacing:.04em;
}

.calculator-card>label>span {
  float:right;
  color:#72786e;
}

select {
  display:block;
  width:100%;
  margin-top:10px;
  background:#171a16;
  color:white;
  border:1px solid #3b4037;
  border-radius:11px;
  padding:16px;
}

.connector {
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  margin:12px auto;
  border-radius:50%;
  background:#30352d;
  color:var(--lime);
}

fieldset {
  border:0;
  padding:0;
  margin:24px 0;
}

legend {
  font-size:12px;
  color:#c6c9c1;
  font-weight:700;
  margin-bottom:10px;
}

.resolution-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
}

.resolution-grid input {
  position:absolute;
  opacity:0;
}

.resolution-grid label span {
  display:block;
  border:1px solid #3b4037;
  border-radius:10px;
  padding:12px 8px;
  text-align:center;
  font-size:12px;
  cursor:pointer;
}

.resolution-grid small {
  display:block;
  margin-top:4px;
  color:#858b81;
}

.resolution-grid input:checked+span {
  border-color:var(--lime);
  background:#2d3523;
  color:var(--lime);
}

button {
  border:0;
  cursor:pointer;
  font-family:inherit;
}

.analyze-button {
  width:100%;
  background:var(--lime);
  color:#151814;
  padding:17px 20px;
  border-radius:11px;
  font-weight:700;
  display:flex;
  justify-content:space-between;
}

.analyze-button:hover {
  filter:brightness(.94);
}

.form-note {
  text-align:center;
  font-size:11px;
  margin:15px 0 0;
  color:#777d73;
}

.result {
  padding:80px clamp(20px,8vw,128px);
  background:var(--card);
  scroll-margin-top:78px;
}

.result-heading {
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:30px;
}

.score {
  text-align:right;
}

.score strong {
  display:block;
  font:700 54px 'Space Grotesk';
  color:var(--lime-dark);
}

.score span {
  font-size:12px;
  color:var(--muted);
}

.balance-track {
  height:8px;
  background:linear-gradient(90deg,var(--orange),#d9e8a4 45%,#d9e8a4 55%,var(--blue));
  margin:45px 0 34px;
  border-radius:9px;
  position:relative;
  display:flex;
  justify-content:space-between;
}

.balance-track span {
  font-size:10px;
  color:var(--muted);
  margin-top:15px;
}

.balance-track div {
  position:absolute;
  top:-9px;
  width:25px;
  height:25px;
  border-radius:50%;
  background:#111;
  border:5px solid white;
  transform:translateX(-50%);
  transition:left .5s;
}

.result-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
}

.result-grid article {
  border:1px solid var(--line);
  border-radius:15px;
  padding:23px;
}

.result-grid span {
  font-size:11px;
  color:var(--muted);
  text-transform:uppercase;
}

.result-grid strong {
  display:block;
  font:600 25px 'Space Grotesk';
  margin:12px 0;
}

.result-grid p {
  color:var(--muted);
  font-size:13px;
}

.resolution-results {
  margin-top:22px;
  border-top:1px solid var(--line);
}

.resolution-row {
  display:grid;
  grid-template-columns:1.5fr 1fr 1fr;
  gap:20px;
  padding:16px;
  border-bottom:1px solid var(--line);
  font-size:13px;
}

.resolution-row small {
  color:var(--muted);
}

.resolution-row.selected {
  background:#eff5dc;
}

.intro {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8vw;
}

.intro p {
  color:var(--muted);
}

.intro .large-copy {
  font-size:21px;
  color:var(--ink);
  line-height:1.55;
}

.section-head {
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:8vw;
  margin-bottom:55px;
}

.section-head h2,.intro h2,.database-section h2,.faq h2,.final-cta h2 {
  font-size:clamp(38px,5vw,62px);
}

.section-head>p {
  max-width:420px;
  color:var(--muted);
}

.steps {
  background:#e8e5db;
}

.step-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}

.step-grid article {
  background:var(--card);
  padding:28px;
  border-radius:16px;
  border:1px solid var(--line);
  position:relative;
}

.step-grid article>b {
  position:absolute;
  right:22px;
  color:#a7aa9e;
}

.step-grid article>i {
  display:grid;
  place-items:center;
  width:62px;
  height:62px;
  border-radius:50%;
  background:var(--dark);
  color:var(--lime);
  font:700 13px 'Space Grotesk';
  font-style:normal;
}

.step-grid h3,.resolution-cards h3,.range-list h3,.hub-grid h3 {
  font:600 21px 'Space Grotesk';
  margin:22px 0 8px;
}

.step-grid p,.resolution-cards p,.range-list p,.hub-grid p {
  color:var(--muted);
  font-size:14px;
}

.resolution-cards {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}

.resolution-cards article {
  padding:30px;
  border:1px solid var(--line);
  border-radius:18px;
  background:var(--card);
}

.resolution-cards article.featured {
  background:var(--dark);
  color:white;
  transform:translateY(-12px);
}

.resolution-cards article>strong {
  font:700 38px 'Space Grotesk';
  color:var(--lime-dark);
}

.resolution-cards .featured>strong {
  color:var(--lime);
}

.resolution-cards .featured p,.resolution-cards .featured small {
  color:#b9beb4;
}

.load-line {
  height:7px;
  background:#deddd5;
  border-radius:8px;
  margin:28px 0 10px;
  overflow:hidden;
}

.load-line i {
  display:block;
  height:100%;
  background:var(--lime-dark);
  border-radius:8px;
}

.featured .load-line {
  background:#363a33;
}

.featured .load-line i {
  background:var(--lime);
}

.resolution-cards small {
  font-size:11px;
  color:var(--muted);
}

.limiter-section {
  display:grid;
  grid-template-columns:1fr 1fr;
}

.limiter {
  padding:95px clamp(24px,7vw,110px);
}

.limiter h2 {
  font-size:clamp(36px,4vw,55px);
}

.limiter p,.limiter li {
  color:#62665d;
}

.limiter ul {
  padding-left:20px;
  line-height:2;
}

.cpu-limiter {
  background:#ffe5db;
}

.gpu-limiter {
  background:#e1ebff;
}

.limiter-tag {
  font-size:11px;
  font-weight:700;
  letter-spacing:.16em;
}

.range-list {
  border-top:1px solid var(--line);
}

.range-list article {
  display:grid;
  grid-template-columns:150px 1fr 150px;
  align-items:center;
  gap:25px;
  padding:25px 5px;
  border-bottom:1px solid var(--line);
}

.range-list article>strong {
  font:700 30px 'Space Grotesk';
}

.range-list h3 {
  margin:0;
}

.range-list p {
  margin:5px 0;
}

.range-list article>span {
  justify-self:end;
  border-radius:20px;
  padding:7px 12px;
  font-size:11px;
  font-weight:700;
}

.good {
  background:#dff1ae;
}

.mild {
  background:#edf0c9;
}

.medium {
  background:#ffe1a9;
}

.high {
  background:#ffd0c0;
}

.database-section {
  background:#dfe9b8;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7vw;
  align-items:center;
}

.database-section p {
  color:#53594a;
}

.database-actions {
  display:flex;
  gap:25px;
  flex-wrap:wrap;
  margin-top:25px;
}

.database-actions a {
  font-size:13px;
  font-weight:700;
  border-bottom:1px solid #77805e;
}

.stat-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  border:1px solid #adb78d;
  border-radius:18px;
  overflow:hidden;
}

.stat-grid div {
  padding:32px;
  border-right:1px solid #adb78d;
  border-bottom:1px solid #adb78d;
}

.stat-grid div:nth-child(2n) {
  border-right:0;
}

.stat-grid div:nth-last-child(-n+2) {
  border-bottom:0;
}

.stat-grid strong {
  display:block;
  font:700 36px 'Space Grotesk';
}

.stat-grid span {
  font-size:11px;
  color:#596047;
}

.hub-grid {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:13px;
}

.hub-grid a {
  display:flex;
  flex-direction:column;
  min-height:280px;
  padding:25px;
  background:var(--card);
  border:1px solid var(--line);
  border-radius:16px;
  transition:.25s;
}

.hub-grid a:hover {
  transform:translateY(-6px);
  border-color:#aeb887;
  box-shadow:0 18px 40px #2222;
}

.hub-grid small {
  font-size:10px;
  letter-spacing:.15em;
  color:var(--lime-dark);
  font-weight:700;
}

.hub-grid span {
  margin-top:auto;
  font-size:12px;
  font-weight:700;
}

.latest-article-grid {
  grid-template-columns:repeat(3,1fr);
}

.latest-article-grid a {
  min-height:430px;
  overflow:hidden;
}

.latest-article-grid img {
  display:block;
  width:calc(100% + 50px);
  max-width:none;
  height:auto;
  aspect-ratio:1200 / 630;
  margin:-25px -25px 22px;
  object-fit:cover;
  border-bottom:1px solid var(--line);
}

.latest-articles-link {
  margin:24px 0 0;
}

.latest-articles-link a {
  color:var(--lime-dark);
  font-weight:700;
  text-decoration:underline;
  text-underline-offset:4px;
}

.popular-component-grid a {
  min-height:330px;
}

.popular-component-image {
  display:block;
  width:100%;
  height:86px;
  margin:0 0 17px;
  padding:8px;
  object-fit:contain;
  background:#f1f0e9;
  border:1px solid var(--line);
  border-radius:10px;
}

.faq {
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:8vw;
  background:#e8e5db;
}

.faq-title {
  position:sticky;
  top:120px;
  align-self:start;
}

.faq-list details {
  border-top:1px solid #c9c7bd;
  padding:21px 0;
}

.faq-list summary {
  display:flex;
  justify-content:space-between;
  cursor:pointer;
  font:600 18px 'Space Grotesk';
  list-style:none;
}

.faq-list summary::-webkit-details-marker {
  display:none;
}

.faq-list summary span {
  font-size:22px;
  transition:.2s;
}

.faq-list details[open] summary span {
  transform:rotate(45deg);
}

.faq-list p {
  color:var(--muted);
  font-size:14px;
  padding-right:40px;
}

.final-cta {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:6vw;
  background:#dfe9b8;
  color:var(--ink);
}

.final-cta p {
  color:#555b4b;
}

.final-cta .section-label {
  color:var(--lime-dark);
}

.final-cta .primary-action {
  background:var(--dark);
  color:white;
  white-space:nowrap;
}

footer {
  background:#0f120e;
  color:white;
  padding:65px clamp(20px,6vw,90px) 25px;
}

.footer-main {
  display:grid;
  grid-template-columns:2fr repeat(4,1fr);
  gap:55px;
}

.footer-main h3 {
  font:600 13px 'Space Grotesk';
  color:var(--lime);
}

.footer-main>div>a:not(.brand) {
  display:block;
  color:#a9aea5;
  font-size:13px;
  padding:6px 0;
}

.footer-brand p {
  max-width:280px;
  color:#92978e;
  font-size:13px;
}

.footer-bottom {
  display:flex;
  justify-content:space-between;
  border-top:1px solid #2c302a;
  margin-top:50px;
  padding-top:22px;
  color:#777d73;
  font-size:11px;
}

.reveal {
  opacity:0;
  transform:translateY(22px);
  transition:opacity .7s ease,transform .7s ease;
}

.reveal.visible {
  opacity:1;
  transform:none;
}

@keyframes spin {
  to {
    transform:rotate(360deg);
  }
}

@keyframes float {
  50% {
    transform:translateY(-12px);
  }
}

@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto;
  }
  .orbit,.chip {
    animation:none;
  }
  .reveal {
    opacity:1;
    transform:none;
    transition:none;
  }
}

@media(max-width:980px) {
  nav {
    gap:14px;
  }
  nav a {
    font-size:12px;
  }
  .hero {
    grid-template-columns:1fr;
    min-height:auto;
  }
  .hero-visual {
    max-width:520px;
    width:100%;
    margin:auto;
  }
  .step-grid,.resolution-cards {
    grid-template-columns:1fr;
  }
  .resolution-cards article.featured {
    transform:none;
  }
  .hub-grid {
    grid-template-columns:1fr 1fr;
  }
  .calculator-shell {
    grid-template-columns:1fr;
  }
  .faq {
    grid-template-columns:1fr;
  }
  .faq-title {
    position:static;
  }
}

@media(max-width:720px) {
  .site-header {
    height:68px;
  }
  .menu-toggle {
    display:flex;
    flex-direction:column;
  }
  .site-header nav {
    display:none;
    position:absolute;
    top:68px;
    left:0;
    right:0;
    background:var(--paper);
    padding:12px 20px 25px;
    border-bottom:1px solid var(--line);
    flex-direction:column;
    align-items:stretch;
  }
  .site-header nav.open {
    display:flex;
  }
  .site-header nav a {
    padding:10px 0;
  }
  .site-header nav a:after {
    bottom:4px;
  }
  .hero {
    padding:60px 20px;
  }
  .hero h1 {
    font-size:48px;
  }
  .hero-visual {
    height:380px;
  }
  .orbit.one {
    width:320px;
    height:320px;
  }
  .orbit.two {
    width:230px;
    height:230px;
  }
  .chip {
    width:125px;
    padding:13px;
  }
  .chip strong {
    font-size:30px;
  }
  .cpu-chip {
    left:0;
  }
  .gpu-chip {
    right:0;
  }
  .balance-badge {
    width:145px;
    height:145px;
  }
  .balance-badge strong {
    font-size:44px;
  }
  .section-pad,.calculator-shell,.result {
    padding:75px 20px;
  }
  .intro,.limiter-section,.database-section {
    grid-template-columns:1fr;
  }
  .section-head,.final-cta {
    align-items:flex-start;
    flex-direction:column;
  }
  .result-heading {
    align-items:flex-start;
  }
  .result-grid {
    grid-template-columns:1fr;
  }
  .range-list article {
    grid-template-columns:90px 1fr;
  }
  .range-list article>span {
    grid-column:2;
    justify-self:start;
  }
  .stat-grid {
    margin-top:20px;
  }
  .hub-grid {
    grid-template-columns:1fr;
  }
  .footer-main {
    grid-template-columns:1fr 1fr;
  }
  .footer-brand {
    grid-column:1/-1;
  }
  .footer-bottom {
    flex-direction:column;
  }
  .resolution-row {
    grid-template-columns:1fr 1fr;
  }
  .resolution-row small {
    grid-column:1/-1;
  }
}

@media(max-width:440px) {
  .hero h1 {
    font-size:41px;
  }
  .hero-actions {
    align-items:flex-start;
    flex-direction:column;
  }
  .hero-visual {
    height:335px;
  }
  .orbit.one {
    width:285px;
    height:285px;
  }
  .orbit.two {
    width:205px;
    height:205px;
  }
  .chip {
    width:112px;
  }
  .balance-badge {
    width:125px;
    height:125px;
  }
  .resolution-grid {
    grid-template-columns:1fr;
  }
  .footer-main {
    grid-template-columns:1fr;
  }
  .footer-brand {
    grid-column:auto;
  }
}

/* Keep full-width color bands while aligning their content to one centered column. */ @media(min-width:721px) {
  .site-header,.hero,.calculator-shell,.result,.section-pad,footer {
    padding-left:max(32px,calc((100vw - 1180px)/2));
    padding-right:max(32px,calc((100vw - 1180px)/2));
  }
}

@media(min-width:1181px) {
  .hero,.calculator-shell,.result,.section-pad {
    column-gap:72px;
  }
}

@media(min-width:721px) {
  .limiter-section {
    background:linear-gradient(90deg,#ffe5db 0 50%,#e1ebff 50% 100%);
    padding-left:max(32px,calc((100vw - 1180px)/2));
    padding-right:max(32px,calc((100vw - 1180px)/2));
    column-gap:72px;
  }
  .limiter-section .limiter {
    padding:95px 0;
    background:transparent;
  }
}

/* Internal content links: theme green, bold and underlined so they are clearly clickable.
   Pure light lime (#c9ff4a) is used on dark backgrounds in this theme; on the light paper
   background it is unreadable, so text links use the theme's lime-dark green. */
main p a:not(.primary-action):not(.text-action),
main li a:not(.primary-action):not(.text-action),
.content-main p a:not(.primary-action),
.content-main li a:not(.primary-action),
.catalog-cta p a,
.database-actions a,
.trust-card a,
.hub-grid a span,
.content-sidebar a {
  color: var(--lime-dark);
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
}