@font-face {
  font-family: "Inter";
  src: url("/assets/inter-latin-variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

@font-face {
  font-family: "Roboto Condensed";
  src: url("/assets/roboto-condensed-latin-variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

:root {
  --myhp-radius: 14px;
}

:root:not([data-scheme="light"]) {
  --color-widget-background-hsl-values: var(--bghs), calc(var(--bgl) + 4%);
  --color-widget-background: hsl(var(--color-widget-background-hsl-values));
  --color-widget-content-border: hsl(var(--bghs), calc(var(--bgl) + 9%));
}

body,
button,
input,
select,
textarea {
  font-family: "Inter", Arial, sans-serif;
}

h1,
h2,
h3,
.widget-header,
.widget-title {
  font-family: "Roboto Condensed", "Arial Narrow", Arial, sans-serif;
  letter-spacing: 0.01em;
}

.widget {
  border-radius: var(--myhp-radius);
}

.widget-type-search {
  max-width: 900px;
  margin-inline: auto;
}

.widget-type-rss .item-title {
  line-height: 1.35;
}

@media (max-width: 700px) {
  .widget {
    border-radius: 10px;
  }

  .widget-type-rss .item-title {
    font-size: 1.05rem;
  }
}