body {overflow-x: hidden;}
    main {padding-bottom: 0;}
    .img_link {background-color: #D9DADB; margin: auto; max-width: 360px; position: relative; transform: rotate(.0001deg);}
    .img_link .hover {background-color: #5D5E60; opacity: 0; position: absolute; top: 0;}
    .img_link--up {background-color: #006FAD; margin: auto; max-width: 360px;}
    @property --img_link-opacity {syntax: '<number>'; inherits: true; initial-value: 0;}
    .anim {animation: blik 0.5s ease-out;}
    .anim img.hover {opacity: var(--img_link-opacity, 0);}
    @keyframes blik {0% {background-color: #D9DADB; --img_link-opacity: 0;} 50% {background-color: #5D5E60; --img_link-opacity: 1;} 100% {background-color: #D9DADB; --img_link-opacity: 0;}}
    .img_link--up.anim {animation: blik--up 0.5s ease-out;} @keyframes blik--up {0% {background-color: #006FAD;} 50% {background-color: #00568C;} 100% {background-color: #006FAD;}}
    .img_link .disabled, .img_link--up .disabled {cursor: default; filter: blur(4px) grayscale(); pointer-events: none;}
    .img_link a {-webkit-tap-highlight-color: transparent;}
    header {align-content: center;}
    h1 {font-size: 2.074em;}
    h2 {font-size: 1.728em; margin-top: 0;}
    h3 {font-size: 1.44em; margin-top: 0;}
    h4 {font-size: 1.2em; margin-top: 0;}
    .ce-uploads {display: inline-block;}
    .panel {margin-bottom: 0;}
    .panel-default {border: none;}
    .panel-body {padding: 0;}
    .panel-body:first-child {padding: 0 0 11px;}
    .ghost-button, #scrollspyAlt a, .frame-type-expanding_content button {display: inline-flex; align-items: center; justify-content: center; gap: 8px; background-color: #006FAD; border: 1px solid transparent; border-radius: 6px; color: #FFF; font-size: 0.95em; font-weight: 500; padding: 6px 14px; transition: background-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease;}
    .ghost-button--small, #scrollspyAlt a, .frame-type-expanding_content button {padding: 4px 10px; font-size: 0.85em; border-radius: 4px;}
    .frame-type-expanding_content button {margin-bottom: 11px;}
    .ghost-button:last-child {margin-bottom: 0;}
    p:has(.ghost-button) {display: inline-flex; align-items: center; gap: 8px; flex-wrap: wrap;}
    #tx_cookies {z-index: 1;}
    #top-link-block {z-index: 2;}
    @media screen and (max-width: 390px) {#page__title--xs {margin-bottom: 15px;}}
    @media screen and (min-width: 391px) and (max-width: 399px) {#page__title--xs {margin-bottom: calc(15px + (100vw - 390px) / 2);}}
    @media screen and (min-width: 400px) and (max-width: 767px) {#page__title--xs {margin-bottom: 20px;}}
    @media screen and (max-width: 767px) {
      html, body {max-width: 100%; overflow-x: hidden; position: relative;}
      #page__title--xs h4 {font-size: 1em; margin-top: 11px;}
      #scrollspyAlt {align-items: center; display: flex; flex-wrap: wrap; gap: 8px; justify-content: center;}
      #scrollspyAlt p {margin: 0;}
      br:has(+ #scrollspyAlt), #scrollspyAlt + hr {display: none;}
      .ghost-button, #scrollspyAlt a, .frame-type-expanding_content button {background-color: #00568C; box-shadow: 0 2px 6px rgba(0, 86, 140, 0.25); -webkit-tap-highlight-color: transparent;}
      .ghost-button:active, #scrollspyAlt a:active, .frame-type-expanding_content button:active, .ghost-button:focus, #scrollspyAlt a:focus, .frame-type-expanding_content button:focus {color: #FFF; background-color: #00426C; transform: scale(0.96); box-shadow: 0 1px 3px rgba(0, 86, 140, 0.15);}
      #scrollspyAlt a, .frame-type-expanding_content button {padding: 5px 12px;}
    }
    @media screen and (min-width: 768px) {
      body {background-color: #2B2B2B;}
      .ghost-button:active, #scrollspyAlt a:active, .frame-type-expanding_content button:active, .ghost-button:focus, #scrollspyAlt a:focus, .frame-type-expanding_content button:focus {color: #FFF; transform: scale(0.98);}
    }
    @media screen and (min-width: 768px) and (hover: hover) {
      .img_link img:hover {opacity: 1;} .img_link--up img:hover {background-color: #00568C;}
      :where(.navbar-brand, a img, button, .novinka__article, .kalendar__container, .kalendar__event, .board_item, .board_item__title, .content__tile, .content__tile > img, .content__tile--equal, .content__tile--equal > img, .footer__img img, .footer__logo img) {transition: none;}
      .navbar-brand, .footer__logo img {transition: background-color 0.2s ease-out;}
      a img, .content__tile--equal > img, .content__tile > img {transition: background-color 0.2s ease-out, opacity 0.2s ease-out, transform 0.2s ease-out;}
      button {transition: background-color 0.15s ease-out, border-color 0.15s ease-out, box-shadow 0.15s ease-out;}
      .novinka__article, .kalendar__container, .board_item, .content__tile, .content__tile--equal {transition: background-color 0.2s ease-out, box-shadow 0.2s ease-out, color 0.2s ease-out;}
      .kalendar__event, .board_item__title {transition: color 0.15s ease-out;}
      .ghost-button:hover, #scrollspyAlt a:hover, .frame-type-expanding_content button:hover {background-color: #00568C; color: #FFF; box-shadow: 0 4px 12px rgba(0, 86, 140, 0.2);}
      .footer__img img {transition: transform 0.2s ease-out;}
    }