:root {
  --radar-border: hsl(174 76% 47% / 0.2);
  --radar-surface: hsl(210 9% 12% / 0.9);
  --font-size-base: 1.45rem;
  --font-size-h3: 1.7rem;
  --font-size-h4: 1.55rem;
  --widget-content-vertical-padding: 18px;
  --widget-content-horizontal-padding: 19px;
}

body {
  background-color: hsl(210 8% 8%);
  line-height: 1.72;
}

.widget {
  border: 1px solid hsl(210 10% 24% / 0.7);
  border-radius: 8px;
  box-shadow: 0 12px 28px hsl(0 0% 0% / 0.18);
  transition: border-color 160ms ease, transform 160ms ease, box-shadow 160ms ease;
}

.widget:hover {
  border-color: var(--radar-border);
  box-shadow: 0 16px 34px hsl(0 0% 0% / 0.26);
  transform: translateY(-2px);
}

.widget-type-rss.priority-news {
  border-color: var(--radar-border);
}

.widget-type-rss a {
  font-weight: 600;
  line-height: 1.45;
}

.widget-type-bookmarks a {
  font-weight: 600;
}

.widget-header,
.title,
.bookmarks-group-title {
  font-weight: 700;
}

.color-base,
.color-paragraph {
  color: var(--color-text-paragraph);
}

@media (max-width: 700px) {
  :root {
    font-size: 10px;
    --font-size-base: 1.55rem;
    --font-size-h3: 1.8rem;
    --font-size-h4: 1.65rem;
    --widget-content-vertical-padding: 14px;
    --widget-content-horizontal-padding: 14px;
  }

  body {
    line-height: 1.75;
  }

  .widget:hover {
    transform: none;
  }

  .widget {
    border-radius: 6px;
  }
}