@charset "utf-8";

.article-extra { margin-top: 2rem; margin-bottom: 2rem; font-size: 20px; line-height: 1.5; color: rgb(29, 34, 40); }

.article-extra a:not(.article-extra__cta):not(.fb-comment__react) { color: rgb(230, 126, 0); font-weight: 700; text-decoration: none; }

.article-extra a:not(.article-extra__cta):not(.fb-comment__react):hover { text-decoration: underline; }

.article-extra h2, .article-extra h3 { font-size: 24px; line-height: 1.3; font-weight: 700; color: rgb(5, 41, 98); margin: 2rem 0px 1rem; }

.article-extra p { margin-bottom: 1rem; font-size: 20px; }

.article-extra__reg-box { border-radius: 8px; padding: 1.5rem 1.5rem 0.5rem; margin: 1.5rem 0px 2rem; }

.article-extra__reg-box h3 { margin-top: 0px; font-size: 22px; }

.article-extra__reg-box ol { list-style: decimal; padding-left: 1.5rem; margin: 0px 0px 1rem; font-size: 20px; }

.article-extra__reg-box li { margin-bottom: 0.75rem; line-height: 1.5; }

.article-extra__reg-box li p { margin-bottom: 0.5rem; }

.article-extra__warning { color: rgb(196, 30, 58); font-weight: 700; }

.article-extra__cta { display: block; width: 100%; max-width: 520px; margin: 1.5rem auto 2.5rem; padding: 18px 24px; text-align: center; text-decoration: none; text-transform: uppercase; font-weight: 700; font-size: 20px; line-height: 1.3; background-color: rgb(1, 89, 153); border-radius: 8px; box-sizing: border-box; color: rgb(255, 255, 255) !important; }

.article-extra__cta:hover { background-color: rgb(3, 74, 122); color: rgb(255, 255, 255) !important; }

.article-extra .feedback { display: flex; flex-direction: column; gap: 1.25rem; margin-bottom: 1.5rem; padding: 1.25rem; border-radius: 8px; }

.article-extra .feedback__header { display: flex; gap: 1.25rem; align-items: center; }

.article-extra .feedback__ava { flex-shrink: 0; width: 72px; height: 72px; }

.article-extra .feedback__ava img { width: 72px; height: 72px; border-radius: 50%; object-fit: cover; display: block; }

.article-extra .feedback__name { font-size: 20px; font-weight: 700; color: rgb(5, 41, 98); line-height: 1.3; }

.article-extra .feedback__prof { font-size: 18px; color: rgb(90, 101, 112); margin-top: 0.25rem; }

.article-extra .feedback__main { border-top: 1px solid rgb(212, 216, 220); padding-top: 1rem; }

.article-extra .feedback__text { margin: 0px; font-size: 20px; font-style: italic; color: rgb(29, 34, 40); line-height: 1.5; }

.article-extra .comment-block { margin-top: 2.5rem; padding-top: 1.5rem; border-top: 2px solid rgb(5, 41, 98); }

.article-extra .fb-post { max-width: 100%; }

.article-extra .fb-comment__item-input { display: flex; align-items: flex-start; gap: 8px; margin-bottom: 1rem; }

.article-extra .fb-comment__avatar { width: 40px; height: 40px; min-width: 40px; border-radius: 50%; object-fit: cover; border: 1px solid rgba(0, 0, 0, 0.1); }

.article-extra .btn_comm { flex: 1 1 0%; min-width: 0px; }

.article-extra .fb-comment__text-input { background: rgb(242, 243, 245); border-radius: 18px; padding: 10px 14px; }

.article-extra .comment-block-input__input { width: 100%; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: transparent; font-size: 18px; color: rgb(96, 103, 112); }

.article-extra .comment-block-input__button { margin-top: 6px; font-size: 16px; font-weight: 600; color: rgb(54, 88, 153); cursor: default; }

.article-extra .fb-comment__sort { color: rgb(54, 88, 153); font-weight: 600; font-size: 18px; margin: 0.75rem 0px 1rem; padding-bottom: 0.5rem; border-bottom: 1px solid rgb(232, 234, 237); }

.article-extra .fb-comment__item { display: flex; align-items: flex-start; gap: 8px; margin-bottom: 1.25rem; }

.article-extra .fb-comment__content { flex: 1 1 0%; min-width: 0px; }

.article-extra .fb-comment__text { position: relative; border-radius: 18px; padding: 12px 14px 32px; font-size: 20px; line-height: 1.45; box-sizing: border-box; }

.article-extra .fb-comment__author { font-weight: 600; font-size: 20px; color: rgb(54, 88, 153); display: block; margin-bottom: 4px; }

.article-extra .fb-comment__like { position: absolute; bottom: 6px; right: 8px; display: flex; align-items: center; gap: 3px; background: rgb(255, 255, 255); border-radius: 10px; padding: 2px 6px; font-size: 14px; color: rgb(141, 148, 158); box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 3px; }

.article-extra .fb-comment__like img { width: 16px; height: 16px; }

.article-extra .fb-comment__react { font-size: 16px; color: rgb(54, 88, 153); text-decoration: none; margin-right: 4px; }

.article-extra .fb-comment__react::after { content: "·"; color: rgb(96, 103, 112); margin-left: 4px; }

.article-extra .fb-comment__posted { font-size: 16px; color: rgb(144, 148, 156); }

.article-extra .fb-comment__proof { margin-top: 8px; max-width: 220px; }

.article-extra .fb-comment__proof img { width: 100%; height: auto; border-radius: 8px; display: block; }

@media (max-width: 768px) {
  .article-extra .feedback__header { flex-direction: column; text-align: center; }
  .article-extra .feedback__ava { margin: 0px auto; }
  .article-extra__cta { font-size: 18px; padding: 14px 16px; }
}

@media (prefers-color-scheme: dark) {
  .article-extra { color: rgb(232, 234, 237); }
  .article-extra h2, .article-extra h3, .article-extra .feedback__name { color: rgb(158, 197, 240); }
  .article-extra a:not(.article-extra__cta):not(.fb-comment__react) { color: rgb(255, 179, 71); border-bottom: 0.1rem solid rgb(255, 255, 255); }
  .article-extra a:not(.article-extra__cta):not(.fb-comment__react):hover { color: rgb(255, 255, 255); }
  .article-extra__reg-box h3 { color: rgb(158, 197, 240); }
  .article-extra__warning { color: rgb(255, 107, 122); }
  .article-extra__cta { background-color: rgb(26, 123, 196); color: rgb(255, 255, 255) !important; }
  .article-extra__cta:hover { background-color: rgb(1, 89, 153); color: rgb(255, 255, 255) !important; }
  .article-extra .feedback { }
  .article-extra .feedback__prof { color: rgb(176, 184, 192); }
  .article-extra .feedback__main { border-top-color: rgb(74, 79, 85); }
  .article-extra .feedback__text { color: rgb(232, 234, 237); }
  .article-extra .comment-block { border-top-color: rgb(158, 197, 240); }
  .article-extra .fb-comment__avatar { border-color: rgba(255, 255, 255, 0.15); }
  .article-extra .fb-comment__text-input, .article-extra .fb-comment__text { color: rgb(228, 230, 235); }
  .article-extra .comment-block-input__input { color: rgb(176, 179, 184); }
  .article-extra .comment-block-input__button, .article-extra .fb-comment__sort, .article-extra .fb-comment__author, .article-extra .fb-comment__react { color: rgb(138, 180, 248); }
  .article-extra .fb-comment__sort { border-bottom-color: rgb(74, 79, 85); }
  .article-extra .fb-comment__react::after, .article-extra .fb-comment__posted { color: rgb(176, 179, 184); }
  .article-extra .fb-comment__like { background: rgb(36, 37, 38); color: rgb(176, 179, 184); box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 3px; }
}