html, body {
    background: #fff;
    color: #1a2a35;
}

.news-detail {
    width: 100%;
    padding-bottom: 64px;
    background: #fff;
}

.row-center {
    display: flex;
    justify-content: center;
    padding-top: 130px;
}

/* O nás - nadpis */
.row-wavename {
    position: relative;
    width: 100%;
    max-width: 100%;
    min-height: clamp(3rem, 10vw, 5.5rem);
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    overflow-wrap: anywhere;
    box-sizing: border-box;
}

.row-wavename h1,
.row-wavename h2 {
    z-index: 10;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);

    font-family: "Montserrat", sans-serif;
    font-size: clamp(1rem, calc(7vw + 1rem), 4rem);

    white-space: normal;
    overflow-wrap: anywhere;
    word-break: normal;

    width: 100%;
    max-width: 100%;
    margin: 0;
    box-sizing: border-box;
}
.row-wavename h1:nth-child(1), .row-wavename h2:nth-child(1) {
    color: rgba(18, 113, 172, 0.6);
    z-index: 1;

}
.row-wavename h1:nth-child(2), .row-wavename h2:nth-child(2) {
    z-index: 2;
    color: rgba(18,112,172,1);
    animation: wave 4s ease-in-out infinite;
}
@keyframes wave{
    0%, 100%{
        clip-path: polygon(0% 45%, 7% 42%, 13% 40%, 20% 41%, 26% 42%, 32% 46%, 37% 51%, 44% 53%, 51% 55%, 55% 60%, 64% 60%, 71% 62%, 80% 62%, 84% 59%, 90% 57%, 94% 55%, 98% 54%, 100% 51%, 100% 100%, 0% 100%);
    }
    50%{
        clip-path: polygon(0% 75%, 9% 75%, 19% 75%, 26% 74%, 31% 71%, 38% 68%, 42% 64%, 50% 60%, 56% 57%, 63% 54%, 69% 52%, 75% 53%, 81% 53%, 88% 54%, 91% 55%, 93% 58%, 96% 63%, 100% 67%, 100% 100%, 0% 100%);
    }
}

.news-detail-article {
    width: min(860px, calc(100% - 32px));
    margin: 40px auto 0;
}

.news-detail-date {
    font-size: 0.88rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #1270ac;
    margin: 0 0 22px;
}

.news-detail-hero,
.news-detail-figure {
    margin: 0 0 28px;
    border-radius: 18px;
    overflow: hidden;
    background: #eef3f7;
}

.news-detail-hero img,
.news-detail-figure img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 520px;
    object-fit: cover;
}

.news-detail-body h2,
.news-detail-body h3 {
    color: #1a2a35;
    margin: 1.6rem 0 0.7rem;
    line-height: 1.3;
}

.news-detail-body h2 { font-size: 1.55rem; }
.news-detail-body h3 { font-size: 1.25rem; }

.news-detail-body p {
    color: #3d4f5c;
    font-size: 1.05rem;
    line-height: 1.75;
    margin: 0 0 1.05rem;
}

.news-detail-body strong { color: #1a2a35; }
.news-detail-body mark {
    background: rgba(250, 193, 19, 0.45);
    padding: 0 0.15em;
}
.news-detail-body u { text-decoration-color: #1270ac; }

.news-detail-body a {
    color: #1270ac;
    font-weight: 600;
}

.news-detail-body blockquote {
    margin: 0 0 1.2rem;
    padding: 14px 18px;
    border-left: 4px solid #1270ac;
    background: #f4f8fb;
    color: #1a2a35;
    font-style: italic;
}

.news-detail-extra,
.news-detail-back {
    margin-top: 28px;
}

.news-detail-extra a,
.news-detail-back a {
    color: #1270ac;
    font-weight: 600;
    text-decoration: none;
}

.news-detail-extra a:hover,
.news-detail-back a:hover {
    text-decoration: underline;
}