.page-must-see #layout-header:not(.header-fixed) {
  color: #ffffff; }
  .page-must-see #layout-header:not(.header-fixed) a {
    color: #ffffff; }
  .page-must-see #layout-header:not(.header-fixed) svg {
    fill: #ffffff; }
  .page-must-see #layout-header:not(.header-fixed) nav.nav-languages ul li.is-active a {
    color: #58c5c7; }
  .page-must-see #layout-header:not(.header-fixed) nav.nav-languages ul li a:hover {
    color: #ffffff; }

.page-must-see #layout-content h1,
.page-must-see #layout-content .list-page > .layout-wysiwyg {
  color: #ffffff; }

.page-must-see #layout-content:before {
  background-color: #282f50;
  content: '';
  display: block;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1; }
  @media only screen and (min-width: 0) and (max-width: calc(1024px - 1px)) {
    .page-must-see #layout-content:before {
      height: 78px; } }
  @media only screen and (min-width: 1024px) {
    .page-must-see #layout-content:before {
      height: 120px; } }

@media only screen and (min-width: 600px) {
  .page-must-see.has-notice #layout-content:before {
    top: 72px; } }

.page-must-see .hero {
  background: #282f50;
  margin-bottom: 0; }
  @media only screen and (min-width: 0) and (max-width: calc(600px - 1px)) {
    .page-must-see .hero h1 {
      margin: 0;
      padding-bottom: 20px; } }
  .page-must-see .hero .ai-summary .btn {
    color: #ffffff; }
    .ai-summary .btn:hover,
    .ai-summary .btn:focus-visible {
      border-color: #58c5c7; }
  .page-must-see .hero + .layout-wysiwyg {
    margin: 0 auto;
    max-width: 1440px;
    position: relative; }
    .page-must-see .hero + .layout-wysiwyg:after {
      background: #282f50;
      content: '';
      height: calc(100% + 55px);
      left: 50%;
      position: absolute;
      top: 0;
      transform: translateX(-50%);
      width: 100vw;
      z-index: -1; }
    @media only screen and (min-width: 900px) {
      .page-must-see .hero + .layout-wysiwyg > * {
        max-width: 41.67%; } }
    @media only screen and (min-width: 0) and (max-width: calc(1024px - 1px)) {
      .page-must-see .hero + .layout-wysiwyg {
        padding-bottom: 28px; } }
    @media only screen and (min-width: 1024px) and (max-width: calc(1200px - 1px)) {
      .page-must-see .hero + .layout-wysiwyg {
        padding: 0 64px; } }
    @media only screen and (min-width: 1200px) and (max-width: calc(1680px - 1px)) {
      .page-must-see .hero + .layout-wysiwyg {
        max-width: none; } }
    @media only screen and (min-width: 1200px) {
      .page-must-see .hero + .layout-wysiwyg {
        padding: 0;
        width: calc(100% - 2 * 120px); } }
    @media only screen and (min-width: 1680px) {
      .page-must-see .hero + .layout-wysiwyg {
        max-width: 1440px; } }
    @media only screen and (min-width: 0) and (max-width: calc(1024px - 1px)) {
      .page-must-see .hero + .layout-wysiwyg {
        padding-bottom: 28px;
        padding-top: 28px; } }
    @media only screen and (min-width: 1024px) {
      .page-must-see .hero + .layout-wysiwyg {
        padding-bottom: 55px;
        padding-top: 55px; } }

.page-must-see #list-content-wrapper {
  background: #ffffff;
  color: #282f50; }

.page-must-see .article-metas {
  background-color: #ffffff;
  color: #282f50; }

/*# sourceMappingURL=must_see.css.map */