* {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
  scroll-padding-top: 110px;
}
:focus {
  outline: 0;
}
a,
body,
div,
em,
h1,
html,
i,
img,
li,
p,
section,
span,
strong,
ul,
video {
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}
a:active,
a:hover {
  outline: 0;
}
button {
  border: none;
  outline: none;
  margin: 0;
}
img,
video {
  max-width: 100%;
}
img,
svg,
video {
  vertical-align: middle;
}
button {
  line-height: normal;
}
h1 {
  margin: 0;
}
a {
  text-decoration: none;
}
li,
ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
em {
  font-style: normal;
}
html {
  color: var(--color-text);
  transition: var(--theme-text);
  -webkit-tap-highlight-color: transparent;
  font-size: 18px;
  line-height: 1.5;
  overflow: visible !important;
}
*,
:after,
:before {
  box-sizing: border-box;
  scrollbar-color: var(--color-scrollbar) var(--color-gray-light);
  scrollbar-width: thin;
  transition: scrollbar-color 0.3s ease-out;
}
::-webkit-scrollbar {
  width: 0.88rem;
}
::-webkit-scrollbar-track {
  background-color: var(--color-gray-light);
  -webkit-transition: var(--theme);
  transition: var(--theme);
}
::-webkit-scrollbar-thumb {
  background-color: var(--color-scrollbar);
  border: 2px solid var(--color-gray-light);
  -webkit-transition: var(--theme), var(--theme-border);
  transition: var(--theme), var(--theme-border);
  border-radius: 40px;
}
::-webkit-scrollbar-thumb:hover {
  background-color: var(--color-scrollbar);
  -webkit-transition: var(--theme);
  transition: var(--theme);
}
::-webkit-scrollbar-corner {
  background: 0 0;
}
body {
  background-color: var(--color-bg);
  font-family: var(--sans);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: var(--theme), var(--theme-text);
  margin: 0;
  padding: 0;
  font-weight: 400;
}
body p {
  line-height: 1.5;
}
main {
  overflow: hidden;
}
video {
  width: 100%;
  height: auto;
  min-height: 300px;
}
.img {
  width: 66.6666666667%;
}
@media (max-width: 500px) {
  .img {
    width: 100%;
  }
}

.comment {
  padding-left: 16px;
  padding-right: 16px;
  width: 66.6667%;
  float: none;
}
@media (max-width: 500px) {
  .comment {
    width: 100%;
  }
}
.comment-content {
  display: flex;
  flex-direction: column;
}
.comment-block {
  margin-top: 1rem;
  display: flex;
  justify-content: flex-start;
  border-top: 1px solid #767d843c;
  padding-top: 0.5rem;
}
.comment-block-answer {
  margin-left: 2rem;
}
.block-avatar {
  margin-right: 1rem;
}
.block-avatar img {
  border-radius: 50%;
  width: 50px;
}
.block-info {
  width: 100%;
}
.block-info-comment {
  position: relative;
}
.block-info-comment a {
  font-weight: 400 !important;
}
.block-info-comment__svg {
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 50%;
  font-size: 0.8rem;
}
.block-info-comment__svg svg {
  background-color: #62626237;
  border-radius: 50%;
  fill: #303030;
  width: 20px;
  padding: 5px;
}
.block-info-comment__name {
  font-weight: 700;
  color: #052962;
  padding-bottom: 1rem;
}
.block-info-comment__name span {
  font-size: 0.8rem;
  font-weight: normal;
  color: #30303093;
  padding-left: 0.5rem;
}
.block-info-line {
  display: flex;
  flex-direction: column;
}
.block-info-line__like {
  display: flex;
  justify-content: flex-end;
  color: #626262;
  font-weight: normal;
  font-size: 0.7rem;
}
.block-info-comment__name {
  position: relative;
  margin-bottom: 10px;
  padding-right: 50px;
}
.block-info-comment__name span {
  position: absolute;
  bottom: 0;
  left: 0;
  padding-left: 0;
}
.block-info-comment__svg {
  display: flex;
  align-items: center;
  gap: 5px;
}
.img {
  display: block;
  margin: 0 auto;
}
@font-face {
  font-display: block;
  font-family: icomoon;
  font-style: normal;
  font-weight: 400;
  src: url("/fonts/icomoon.ttf") format("truetype"),
    url("/fonts/icomoon.woff") format("woff");
}

.main {
  --sans: "Inter", sans-serif;
  --serif: "EB Garamond", serif;
  --mono: "Space Mono", monospace;
  --grotesk: "Space Grotesk", sans-serif;
  --threat: "garage-gothic", sans-serif;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semibold: 600;
  --bold: 700;
  --extrabold: 800;
  --max: 900;
  --move: translateY(-1px);
  --default: translateY(1px);
  --smooth: 0.5s ease-out;
  --theme: background-color 0.3s ease-out;
  --theme-border: border 0.3s ease-out;
  --theme-text: color 0.3s ease-out;
  --theme-fill: fill 0.3s ease-out;
  --theme-gradient: gradient 0.3s ease-out;
  --theme-all: all 0.3s ease-out;
  --logo-automagazin: url("/img/automagazin.svg");
  --logo-napirajz: url("/img/napirajz.svg");
  --logo-hold: url("/img/hold.svg");
  --logo-after-white: url("/img/after-light.svg");
  --logo-viral-red: url("/img/zacc-light.svg");
  --icon-x: url("/img/icon-x-dark.svg");
  --white: #fff;
  --white-medium: #f1f1f1;
  --black: #222;
  --black-dark: #111;
  --red: #c00;
  --red-inv: #ebb;
  --after: #7b52c2;
  --after-inv: #aaf;
  --litera: #ffd;
  --g7: #4c4;
  --g7-inv: #9f9;
  --zacc: #f44;
  --zacc-inv: #eaa;
}
.main--light {
  --color-scrollbar: #999;
  --color-accent: #096;
  --rgb-accent: 0, 153, 102;
  --color-accent-light: #0cc;
  --color-accent-dark: #096;
  --color-accent-inv: #0fb;
  --color-secondary: #135;
  --color-secondary-inv: #8df;
  --color-after: #7b52c2;
  --color-after-inv: #aaf;
  --color-litera: #ffd;
  --color-g7: #4c4;
  --color-podcast: #fa8;
  --color-podcast-text: #222;
  --color-profile: #27c;
  --color-yellow: #fe0;
  --color-red: #c00;
  --color-red-inv: #ebb;
  --color-outward: #18f;
  --color-text: #333;
  --color-text-long: #444;
  --color-bg: #fff;
  --color-op-value: 0.2;
  --color-bg-fade: linear-gradient(0deg, #fff, #ffffff80 60%, #fff0);
  --color-bg-long: #f9f9f9;
  --color-bg-inv: #222;
  --color-gray-extra-dark: #444;
  --color-gray-dark: #777;
  --color-gray-medium: #999;
  --color-gray-medium-inv: #aaa;
  --color-gray-mid-light: #ddd;
  --color-gray-mid-light-fx: #bbd2dd;
  --color-gray-mid-light-inv: #555;
  --color-gray-light: #f2f2f2;
  --color-gray-light-fade: linear-gradient(
    0deg,
    #f2f2f2,
    #f2f2f280 60%,
    #f2f2f200
  );
  --color-gray-light-fx: #e6eefe;
  --color-gray-extra-light: #f9f9f9;
  --color-general: #135;
  --color-nav: #024;
  --color-nav-light: #f9f9f9;
  --color-nav-mid-light: #ddd;
  --color-cards: #fff;
  --color-list: #f6f6f6;
  --color-viral: #f44;
  --color-viral-inv: #eaa;
  --color-viral-light: #f4f2ff;
  --color-light: #fff;
  --color-hold: #150f46;
  --color-hold-accent: #cd3160;
  --color-eszkombajn-blue: #049;
  --color-eszkombajn-red: #e01;
  --color-usa2024: #000;
  --color-icon-x: url("/img/icon-x-light.svg");
  --logo-adatbank: url("/img/adatbank-light.svg");
  --logo-after: url("/img/after-light.svg");
  --logo-direkt: url("/img/direkt-light.svg");
  --logo-eszkombajn: url("/img/eszkombajn-light.svg");
  --logo-g7: url("/img/g7-light.svg");
  --logo-helyben: url("/img/helyben-light.svg");
  --logo-karakter: url("/img/karakter-light.svg");
  --logo-komplex: url("/img/komplex-light.svg");
  --logo-szepkilatas: url("/img/szepkilatas-light.svg");
  --logo-tarca: url("/img/telex-tarcak-light.svg");
  --logo-valasztasi-foldrajz: url("/img/valasztasi-foldrajz-light.svg");
  --logo-viral: url("/img/zacc-light.svg");
  --logo-viral-inv: url("/img/zacc-dark.svg");
  --logo-biztos_dontes: url("/img/biztos-light.svg");
  --logo-bunteto: url("/img/bunteto-light.svg");
  --logo-usa2024: url("/img/usa2024logo-light.svg");
  --logo-zenga: url("/img/otp_zenga-light.svg");
  --gfx-empty: url("/img/search_empty-light.svg");
  --gfx-apps: url("/img/mobile-light.svg");
  --gradient-tabs: linear-gradient(-90deg, #fff, #fff 30%, #fff0);
  --gradient-filters: linear-gradient(-90deg, #f6f6f6, #f6f6f6 30%, #f5f5f500);
  --effect-line: 3px solid #1356;
  --podcast-bg: #00000080;
  --1percent: url("/img/1percent-light.svg");
  --profile-gradient: linear-gradient(0deg, #f2f2f2, #f2f2f200 70%);
}
.main--light.main--t--d {
  --color-secondary-light: #113355b3;
  --color-secondary-extra-light: #1353;
}
.main--t--d {
  --accent: #096;
  --profile: #27c;
  --secondary: #135;
  --yellow: #fe0;
  --red: #f23;
  --gray-extra-dark: #444;
  --gray-dark: #777;
  --gray-medium: #999;
  --gray-mid-light: #ddd;
  --gray-mid-light-fx: #bbd2dd;
  --gray-mid-light-inv: #555;
  --gray-light: #f2f2f2;
  --gray-light-fade: linear-gradient(0deg, #222, #22222280 60%, #2220);
  --gray-light-fx: #e6eefe;
  --gray-extra-light: #f9f9f9;
  --accent-dark: #0fb;
  --secondary-dark: #8df;
  --cards-dark: #333;
  --cw-a: #244;
  --cw-a--accent: var(--yellow);
  --cw-b: #331d33;
  --cw-b--accent: #8df;
  --cw-c: #22222b;
  --cw-c--accent: #ea7;
}
.main--t--d {
  --youth-a: #9dd;
  --youth-b: #df6;
  --youth-c: #c0b6fa;
  --youth-d: #713;
  --youth-e: #162c46;
  --youth-f: #223;
}
#donate-navigation-right:has(.remp-banner) .remp-preload-banner {
  display: none;
}
.main .burger-bar {
  background-color: var(--color-text);
  height: 2px;
  transition: var(--theme-text);
  width: auto;
  margin-top: -1px;
  position: absolute;
  top: 50%;
  left: 6px;
  right: 6px;
}
.main .burger-bar--1 {
  transform: translateY(-6px);
}
.main .burger-bar--2 {
  transform-origin: 100%;
}
.main .burger-bar--3 {
  transform: translateY(6px);
}
.main .burger-button {
  cursor: pointer;
  pointer-events: all;
  z-index: 999;
  background-color: #0000;
  border: 0;
  border-radius: 0;
  width: 40px;
  height: 30px;
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  display: block;
  position: relative;
}
.main .navigation {
  z-index: 10;
  flex-direction: column;
  width: 100%;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  transform: translateY(-32%);
}
.main .navigation a {
  cursor: pointer;
}
.main .navigation__button {
  cursor: pointer;
  font-size: 0.7rem;
  font-weight: var(--bold);
  border-radius: 2px;
  padding: 4px 7px;
  display: block;
}
.main .navigation__button:hover {
  background-color: var(--white-medium);
  transition: var(--smooth);
}
.main .navigation__button:focus {
  outline-offset: 3px;
  outline: 1px solid #ffffff80;
}
@media screen and (min-width: 375px) {
  .main .navigation__button {
    font-size: 0.8rem;
  }
}
@media screen and (min-width: 500px) {
  .main .navigation__button {
    padding: 8px 15px;
  }
}
.main .navigation--domain {
  background: var(--color-nav);
  justify-content: space-between;
  align-items: center;
  padding: 6px 15px 7px;
  display: flex;
}
@media screen and (min-width: 1200px) {
  .main .navigation--domain {
    padding: 6px 50px 7px;
  }
}
.main .navigation--domain__list {
  font-weight: var(--medium);
  -ms-overflow-style: none;
  scrollbar-width: none;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  width: max-content;
  margin: 0 auto;
  transition: none;
  display: flex;
  overflow: scroll;
}
.main .navigation--domain__list::-webkit-scrollbar {
  display: none;
}
@media screen and (min-width: 1200px) {
  .main .navigation--domain__list {
    justify-content: center;
    overflow: visible;
  }
}
.main .navigation--domain__list__item {
  font-family: Inter, sans-serif;
  font-size: 0.6rem;
  font-weight: var(--semibold);
  text-transform: uppercase;
  white-space: nowrap;
  padding: 0 0 0 12px;
  transition: none;
  position: relative;
}
.main .navigation--domain__list__item:hover {
  opacity: 0.85;
}
.main .navigation--domain__list__item:before {
  content: "";
  background: #ffffff4d;
  border-radius: 1px;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.main .navigation--options {
  background-color: var(--color-general);
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  width: 100%;
  height: 100%;
  padding: 15px 10px 15px 15px;
  display: flex;
  position: relative;
}
@media screen and (min-width: 500px) {
  .main .navigation--options {
    padding: 15px 20px;
  }
}
@media screen and (min-width: 1200px) {
  .main .navigation--options {
    padding: 22px 50px;
  }
}
.main .navigation--options__group {
  align-items: center;
  gap: 20px;
  width: max-content;
  display: flex;
}
.main .navigation--options__group:nth-child(3) {
  justify-content: flex-end;
}
@media screen and (min-width: 375px) {
  .main .navigation--options__group {
    gap: 30px;
  }
}
.main .navigation--options__group .profile__btn {
  display: none;
}
@media screen and (min-width: 768px) {
  .main .navigation--options__group .profile__btn {
    font-weight: var(--bold);
    justify-content: center;
    align-items: center;
    padding: 0;
    display: flex;
  }
  .main .navigation--options__group .profile__btn i {
    margin: 0 7px 0 0;
    font-size: 1.3rem;
  }
}
.main .navigation--options__group .search {
  width: 20px;
  transform: translateY(2px);
}
.main .navigation__labels {
  cursor: pointer;
  font-weight: var(--semibold);
  place-items: center flex-start;
  display: flex;
}
.main .navigation__labels p {
  display: none;
}
@media screen and (min-width: 768px) {
  .main .navigation__labels p {
    display: initial;
    margin-left: 4px;
  }
}
.main .navigation__labels:hover {
  opacity: 0.9;
}
.main .navigation__logo {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%) translateY(calc(-50% - 2px));
}
.main .navigation__logo svg {
  cursor: pointer;
}
.main .navigation--widgets {
  -ms-overflow-style: none;
  scrollbar-width: none;
  align-items: center;
  width: 260px;
  display: flex;
  overflow: scroll;
}
.main .navigation--widgets::-webkit-scrollbar {
  display: none;
}
.main .navigation--widgets .widget {
  white-space: nowrap;
}
.main .navigation--widgets--left {
  justify-content: flex-start;
}
.main .navigation--widgets--right {
  justify-content: flex-end;
}
@media screen and (min-width: 1300px) {
  .main .navigation--widgets {
    width: 100%;
    min-width: 400px;
  }
}
.main body:not(.scroll-down, .scroll-up) .navigation {
  transform: none;
}
.main .widget--date,
.main .widget--rate {
  font-size: 0.66rem;
  display: inline-flex;
}
.main .widget--date div:first-child:after {
  content: "–";
  padding: 0 5px;
}
.main .widget--date div:last-child {
  font-weight: var(--semibold);
}
.main .widget--rate {
  font-weight: var(--medium);
}
.main .widget--rate__item {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.main .widget--rate--dn {
  transition: var(--theme-text);
  padding-left: 5px;
}
.main .widget--rate--dn:after {
  transition: var(--theme-text);
  font-size: 0.4rem;
  right: 6px;
}
.main .widget--rate--dn:after {
  content: "▼";
}
.main .widget--rate > div {
  padding-right: 17px;
  position: relative;
}
.main .widget--rate > div:after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.main .widget--weather {
  font-weight: var(--regular);
  align-items: center;
  display: flex;
}
.main .widget--weather img {
  width: 18px;
  height: 17px;
  margin-right: 2px;
}
.main .widget--weather__degree {
  flex-direction: row;
  font-size: 0.66rem;
}
.main .widget--weather__degree > :first-child,
.main .widget--weather__degree > :nth-child(2) {
  transition: var(--theme-text);
}
.main--t--d .navigation {
  background-color: var(--color-general);
}
.main--t--d .navigation__button {
  background: var(--yellow);
  color: var(--black-dark);
}
@media screen and (min-width: 768px) {
  .main--t--d .navigation--options .profile__btn {
    color: var(--white);
  }
}
.main--t--d .navigation--options svg {
  fill: var(--white);
}
.main--t--d .navigation__labels {
  color: var(--white);
}
.main--t--d .navigation__logo svg {
  width: 80px;
  height: 33px;
}
@media screen and (min-width: 375px) {
  .main--t--d .navigation__logo svg {
    width: 84px;
  }
}
@media screen and (min-width: 500px) {
  .main--t--d .navigation__logo svg {
    width: 101px;
  }
}
@media screen and (min-width: 1200px) {
  .main--t--d .navigation__logo svg {
    width: 130px;
    height: 42px;
  }
}
.main--t--d .navigation--domain__list__item {
  color: var(--white);
}
.main--t--d .navigation--domain__list__item--active:before {
  background: var(--white);
}
.main--t--d .navigation--domain__list__item:hover:before {
  background: var(--white);
  opacity: 0.7;
}
.main--t--d .navigation .burger-bar {
  background-color: var(--white);
}
.main--t--d .widget--date,
.main--t--d .widget--rate {
  color: var(--white);
}
.main--t--d .widget--rate--dn,
.main--t--d .widget--rate--dn:after {
  color: #0fb;
}
.main--t--d .widget--weather__degree > :first-child {
  color: #8df;
}
.main--t--d .widget--weather__degree > :nth-child(2) {
  color: var(--red-inv);
}

.main-container {
  position: relative;
}
.main-container,
.sub-container {
  flex-direction: column;
  display: flex;
}
.sub-container {
  padding: 90px 0 0;
}
@media screen and (min-width: 500px) {
  .sub-container {
    padding-top: 100px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-container {
    padding-top: 140px;
  }
}
.container {
  width: 100%;
}
@media screen and (min-width: 1200px) {
  .container {
    max-width: 1120px;
  }
}
.container {
  flex: none;
  min-height: 85vh;
  margin: 0 auto;
  position: relative;
}
@media screen and (min-width: 768px) {
  .container {
    margin: 0 auto;
  }
}
@media screen and (min-width: 1200px) {
  .container {
    max-width: 1120px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 1199px) {
  .container {
    padding: 0 30px;
  }
}
@media screen and (max-width: 768px) {
  .container {
    padding: 0 15px;
  }
}
.tag {
  cursor: pointer;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  white-space: nowrap;
  z-index: 1;
  font-size: 0.6rem;
  text-decoration: none;
}
.tag--basic {
  color: var(--color-accent);
  font-weight: var(--semibold);
  transition: var(--theme-text);
  width: min-content;
  margin: 0;
  padding: 0;
  line-height: 1;
}
.tag--basic:hover {
  color: var(--color-secondary);
}
.content-wrapper .tag--basic {
  white-space: nowrap;
  margin-right: 15px;
}
.btn {
  cursor: pointer;
  font-size: 0.88rem;
  font-weight: var(--bold);
  white-space: nowrap;
  border-radius: 3px;
  height: 36px;
  padding: 10px 16px;
  line-height: 1;
}
@media screen and (min-width: 500px) {
  .btn {
    max-width: 250px;
    height: 40px;
  }
}
@media screen and (min-width: 768px) {
  .btn {
    max-width: none;
  }
}
.btn:hover {
  opacity: 0.9;
}

.single_article:not(.longform) {
  padding: 15px 0 40px;
}
@media screen and (min-width: 768px) {
  .single_article:not(.longform) {
    padding: 20px 0 40px;
  }
}
.single_article .article-html-content {
  font-size: 0.95rem;
}
.single_article .article-html-content p {
  word-break: break-word;
}
.single_article .article-html-content > div {
  font-size: 0.95rem;
}
.single_article .article-html-content > div > * {
  max-width: calc(100vw - 30px);
  transition: var(--theme);
  margin: 0;
  padding: 0 0 20px;
}
.single_article .article-html-content > div > :first-child {
  margin: 0;
}
@media screen and (min-width: 1200px) {
  .single_article .article-html-content > div > * {
    max-width: 690px !important;
  }
}
.single_article .article-html-content img {
  max-width: 100%;
}
.single_article .article-html-content strong {
  font-weight: var(--bold) !important;
}
.single_article .article-html-content a {
  color: var(--color-accent);
  transition: var(--theme-text);
  text-decoration: none;
}
.single_article .article-html-content a:hover {
  text-decoration: underline;
}
.single_article .article-html-content i {
  font-style: italic;
}
.single_article .article-html-content ul {
  margin-left: 25px;
}
.single_article .article-html-content li {
  list-style-type: disc;
}
.single_article .article-html-content li {
  position: relative;
}
.single_article .article-html-content li:after {
  content: "";
  display: block;
}
.single_article .article-html-content ul {
  margin-left: 0;
}
.single_article .article-html-content ul li {
  font-weight: var(--regular);
  padding-left: 25px;
  list-style-type: none;
}
.single_article .article-html-content ul li:not(:last-of-type) {
  margin-bottom: 0;
}
.single_article .article-html-content ul li:first-child {
  margin-top: 1em;
}
.single_article .article-html-content ul li:before {
  background-color: var(--color-accent-dark);
  content: "";
  border-radius: 50%;
  width: 8px;
  height: 8px;
  display: block;
  position: absolute;
  top: 9px;
  left: 0;
}
.single_article .sub-article .article-html-content > div > :after {
  background: var(--color-cards);
}
img {
  color: #0000;
}
.article-container {
  flex-direction: column;
  justify-content: center;
  margin: 0;
  display: flex;
}
.article_body_ {
  justify-content: center;
  align-items: center;
  width: 1120px;
  max-width: calc(100vw - 30px);
  display: flex;
}
.article_body_ img {
  cursor: pointer;
}
.article_body_ ul {
  padding: 20px 0 0;
}
.article_body_ ul li {
  font-weight: var(--regular);
  padding: 0 0 10px 30px;
  margin: 0 0 0 15px !important;
}
.article_body_ ul li:before {
  top: 12px;
}
.article_body_ ol li::marker {
  list-style-type: none;
}
.article_container_ {
  width: calc(100% - 430px);
}
@media screen and (max-width: 1200px) {
  .article_body_ {
    width: 100%;
  }
  .article_container_ {
    width: calc(100% - 360px);
  }
}
@media screen and (max-width: 850px) {
  .article_container_ {
    width: calc(100% - 330px);
  }
}
@media screen and (max-width: 768px) {
  .article_body_ {
    flex-direction: column;
  }
  .article_body_,
  .article_container_ {
    width: 100%;
  }
}
p {
  display: block;
}
.article--important {
  white-space: nowrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  transform: translateY(-1px);
}
.article--important:hover .article--important__label {
  color: var(--color-secondary);
}
.article--important:hover svg {
  fill: var(--color-secondary);
}
.article--important__label {
  color: var(--color-text);
  font-size: 0.7rem;
  font-weight: var(--semi-bold);
  transition: var(--theme-text);
  margin-right: 15px;
  line-height: 1.3;
}
.article--important svg {
  fill: var(--color-accent);
  transition: var(--theme-fill);
  width: 13px;
  margin-right: 2px;
}
.single-article__content {
  grid-gap: 0;
  display: grid;
  position: relative;
}
.single-article__content h1 {
  color: var(--color-text);
  font-size: 1.3rem;
  font-weight: var(--bold);
  transition: var(--theme-text);
  margin: 0 0 10px;
  line-height: 1.4;
}
@media screen and (min-width: 500px) {
  .single-article__content h1 {
    width: calc(100% - 80px);
    margin: 10px 0;
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 1200px) {
  .single-article__content h1 {
    font-size: 1.9rem;
    line-height: 1.3;
  }
}
.history {
  flex-wrap: wrap;
  display: flex;
}
.journalist {
  cursor: pointer;
  flex-wrap: wrap;
  align-items: flex-start;
  display: flex;
}
.author {
  justify-content: center;
  align-items: center;
  padding-right: 30px;
  display: flex;
}
.author__info {
  grid-gap: 2px;
  place-content: center left;
  align-items: center;
  min-height: 40px;
  margin: 10px 0;
  display: grid;
}
.author__name {
  color: var(--color-accent);
  font-size: 0.8rem;
  font-weight: var(--medium);
  transition: var(--theme-text);
  line-height: 1.4;
  text-decoration: none;
}
.author__name {
  max-width: 160px;
  display: block;
}
.author:hover .author__name {
  color: var(--color-secondary);
}
@media screen and (max-width: 400px) {
  .journalist {
    padding: 0 15px 0 0;
  }
  .author__name {
    margin: 0;
  }
}
@media screen and (max-width: 250px) {
  .author {
    padding: 0;
  }
}
.top-shr {
  gap: 10px;
  padding: 0;
}
.content-wrapper,
.top-shr {
  align-items: center;
  display: flex;
}
.content-wrapper {
  flex-wrap: wrap;
}
.content-wrapper__child {
  margin: 0 0 8px;
}
.top-section {
  flex-direction: column;
  align-items: flex-start;
  padding: 10px 0 20px;
  display: flex;
}
@media screen and (min-width: 500px) {
  .top-section {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    padding: 20px 0;
  }
}
.options {
  background-color: var(--color-gray-light);
  height: 40px;
  transition: var(--theme);
  border-radius: 3px;
  display: inline-flex;
}
.options svg {
  fill: var(--color-secondary);
  height: 20px;
  transition: var(--theme-fill);
  place-self: center;
  width: 20px;
}
.options-top {
  align-items: center;
  width: auto;
  padding: 0 12px;
}
.options-top p {
  color: var(--color-secondary);
  font-size: 12px;
  font-weight: var(--semibold);
  text-align: left;
  height: 18px;
  transition: var(--theme-text);
  align-self: center;
  width: auto;
  margin: 0 4px 0 6px;
  line-height: 18px;
  text-decoration: none;
}
@media screen and (max-width: 500px) {
  .spacing-top {
    margin: 0 12px 0 0;
  }
}
.options:hover {
  cursor: pointer;
}
.options:hover {
  background-color: var(--color-gray-light-fx);
}
.tooltip {
  display: inline-block;
  position: relative;
}
.tooltiptext {
  background-color: var(--color-general);
  color: var(--white-medium);
  font-size: 12px;
  font-weight: var(--bold);
  opacity: 0;
  text-align: center;
  white-space: nowrap;
  z-index: 1;
  border-radius: 4px;
  padding: 6px 10px;
  transition: opacity 0.2s;
  position: absolute;
  bottom: 120%;
  left: 65px;
  transform: translate(-50%);
  box-shadow: 0 -1px #ffffff4d;
}
@media screen and (min-width: 500px) {
  .tooltiptext {
    left: 50%;
  }
  .tooltiptext:after {
    border-color: var(--color-general) transparent transparent transparent;
    content: "";
    border-style: solid;
    border-width: 5px;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%);
  }
}
.title-section__tags {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
@-moz-document url-prefix() {
}
.longform .single-article__content .article-html-content > div > :after {
  display: none;
}
.longform--cw--a .article-html-content > :after,
.longform--cw--a .article_container_ > :after {
  background: var(--cw-a) !important;
}
.longform--cw--b .article-html-content > :after,
.longform--cw--b .article_container_ > :after {
  background: var(--cw-b) !important;
}
.longform--cw--c .article-html-content > :after,
.longform--cw--c .article_container_ > :after {
  background: var(--cw-c) !important;
}
.single-article__container {
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
}
:is(
    .main--a .article .shint_box:first-word,
    .main--a .singlecolumn .shint_box:first-word
  ) {
  background: red;
}

.main--light {
  --quiz-gradient: #fff 0%, #fff0 100%;
  --quiz-active: #fffc;
  --correct: #0966;
  --incorrect: #ff22334d;
}
.title-section__separator {
  border-bottom: 1px dotted var(--color-gray-medium);
  width: 100%;
  height: 0;
  margin: 0;
}
.title-section .content-wrapper {
  margin: 0 !important;
}
.smallcover .title-section__separator {
  border: none;
  margin: 7px 0;
}
@media screen and (min-width: 769px) {
  .smallcover .title-section__separator {
    border-bottom: 1px dotted var(--color-gray-medium);
    margin: 7px 0 30px;
  }
}
.journalist {
  position: relative;
}
.author {
  transition: all 0.5s;
}
.main--light {
  --color-szepkilatas-border: #111;
  --color-szepkilatas-blue: #59c;
}