/* TV Mrągowo — wiadomości z Radio Mrągowo + regionalne ciekawostki. */

.tvm-curiosity-archive,
.tvm-curiosities-home,
.tvm-curiosity-single {
--tvm-accent: #0b6f68;
    --tvm-focus: #0b6f68;
    background: #fff;
    color: #151517;
}

.tvm-curiosities-home {
padding: clamp(4rem, 7vw, 7rem) 0;
}

.tvm-curiosities-home__head,
.tvm-curiosity-section-head {
display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 2rem;
}

.tvm-curiosities-home__head {
margin-bottom: 1.4rem;
}

.tvm-curiosities-home__head > div {
max-width: 880px;
}

.tvm-curiosities-home__head h2,
.tvm-curiosity-archive__intro h1,
.tvm-curiosity-section-head h2 {
margin: .35rem 0 0;
    font-family: var(--tvm-font-sans);
    letter-spacing: -.04em;
}

.tvm-curiosities-home__head h2,
.tvm-curiosity-archive__intro h1 {
font-size: clamp(2.1rem, 4vw, 4.2rem);
    line-height: 1;
}

.tvm-curiosities-home__head p:last-child,
.tvm-curiosity-archive__intro p:last-child {
max-width: 760px;
    margin: .9rem 0 0;
    color: #626168;
    font-size: 1rem;
    line-height: 1.55;
}

.tvm-curiosities-home__head > a,
.tvm-curiosity-section-head > a {
flex: none;
    color: inherit;
    font-weight: 800;
    text-decoration: none;
}

.tvm-curiosity-card,
.tvm-curiosity-feature,
.tvm-curiosity-rail article {
overflow: hidden;
    border-radius: 20px;
}

.tvm-curiosity-card > a,
.tvm-curiosity-feature > a,
.tvm-curiosity-rail article > a {
color: inherit;
    text-decoration: none;
}

.tvm-curiosity-feature__media::after {
content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, .04), rgba(0, 0, 0, .78));
}

.tvm-curiosity-feature__media img,
.tvm-curiosity-rail__media img,
.tvm-curiosity-card__media img {
width: 100%;
    height: 100%;
    object-fit: cover;
}

.tvm-curiosity-feature__copy small,
.tvm-curiosity-rail small,
.tvm-curiosity-card__copy small {
color: inherit;
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.tvm-curiosity-feature__copy i,
.tvm-curiosity-card__copy i {
font-style: normal; font-weight: 800;
}

.tvm-curiosity-card__media {
display: block;
    min-height: 150px;
    background: #dedbd3;
}

.tvm-curiosity-card__copy small,
.tvm-curiosity-rail small {
color: #6b696f;
}

.tvm-curiosities-home a:hover strong,
.tvm-curiosities-home a:focus-visible strong,
.tvm-curiosity-card a:hover strong,
.tvm-curiosity-card a:focus-visible strong {
text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px;
}

.tvm-curiosity-fallback {
display: grid;
    place-items: center;
    width: 100%;
    height: 100%;
    min-height: inherit;
    background: linear-gradient(135deg, #153f3e, #1b1c1e);
    color: #fff;
    font-weight: 900;
}

.tvm-curiosity-archive {
min-height: 70vh;
    padding: 0 0 clamp(4rem, 8vw, 8rem);
}

.tvm-curiosity-archive .tvm-breadcrumbs,
.tvm-curiosity-single .tvm-breadcrumbs {
color: #6e6d72;
}

.tvm-curiosity-archive .tvm-breadcrumbs a:hover,
.tvm-curiosity-archive .tvm-breadcrumbs a:focus-visible,
.tvm-curiosity-single .tvm-breadcrumbs a:hover,
.tvm-curiosity-single .tvm-breadcrumbs a:focus-visible {
color: #151517;
}

.tvm-curiosity-archive__intro {
max-width: 980px;
    padding: 0;
}

.tvm-curiosity-archive__intro h1 {
margin: .3rem 0 0;
    font-size: clamp(3rem, 6.6vw, 6.4rem);
    line-height: .9;
    letter-spacing: -.065em;
}

.tvm-curiosity-archive__intro > p:last-of-type {
max-width: 820px;
    margin: 1.3rem 0 0;
    color: #55545a;
    font-size: clamp(1.02rem, 1.45vw, 1.18rem);
    line-height: 1.62;
}

.tvm-curiosity-grid {
display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.25rem;
}

.tvm-curiosity-card {
border: 1px solid rgba(20, 20, 24, .1);
    background: #fff;
    box-shadow: 0 1px 0 rgba(20, 20, 24, .02);
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.tvm-curiosity-card:hover,
.tvm-curiosity-card:focus-within {
border-color: rgba(20, 20, 24, .18);
    box-shadow: 0 16px 40px rgba(20, 33, 32, .08);
    transform: translateY(-2px);
}

.tvm-curiosity-card > a {
display: grid; height: 100%; grid-template-rows: auto 1fr;
}

.tvm-curiosity-card__media {
aspect-ratio: 16 / 8.6; min-height: 0;
}

.tvm-curiosity-card__copy {
display: grid; align-content: start; gap: .5rem; padding: 1.05rem 1.1rem 1.2rem;
}

.tvm-curiosity-card__copy strong {
font-size: 1.08rem; line-height: 1.2;
}

.tvm-curiosity-card__copy > span {
color: #626168; font-size: .93rem; line-height: 1.5;
}

.tvm-curiosity-card__copy i {
margin-top: auto; padding-top: .4rem;
}

.tvm-curiosity-pagination {
display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: .5rem;
    margin-top: 2.4rem;
}

.tvm-curiosity-pagination a {
display: inline-flex;
    place-items: center;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 44px;
    padding: .5rem .75rem;
    border: 1px solid rgba(20, 20, 24, .16);
    border-radius: 999px;
    color: #343438;
    font-weight: 800;
    text-decoration: none;
}

.tvm-curiosity-pagination a:hover,
.tvm-curiosity-pagination a:focus-visible,
.tvm-curiosity-pagination a.is-active {
border-color: #153f3e; background: #153f3e; color: #fff;
}

.tvm-curiosity-empty {
grid-column: 1 / -1;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: clamp(1.2rem, 3vw, 2.2rem);
    align-items: center;
    min-height: 220px;
    padding: clamp(1.4rem, 3.5vw, 2.4rem);
    border: 1px solid rgba(20, 20, 24, .11);
    border-radius: 22px;
    background:
        radial-gradient(circle at 95% 0, rgba(17, 91, 86, .055), transparent 32%),
        rgba(255, 255, 255, .74);
    text-align: left;
}

.tvm-curiosity-single {
padding: clamp(2.4rem, 5vw, 5rem) 0 clamp(5rem, 8vw, 8rem);
}

.tvm-curiosity-single__header {
max-width: 1030px;
    margin: 2rem 0;
}

.tvm-curiosity-single__header h1 {
max-width: 1050px;
    margin: .55rem 0 1rem;
    font-size: clamp(2.4rem, 5.3vw, 5rem);
    line-height: .98;
    letter-spacing: -.05em;
}

.tvm-curiosity-single__lead {
max-width: 900px;
    margin: 0;
    color: #57565c;
    font-size: clamp(1.08rem, 1.8vw, 1.35rem);
    line-height: 1.55;
}

.tvm-curiosity-single__hero {
max-width: 840px;
    margin: 1.65rem 0 2.2rem;
    aspect-ratio: 16 / 8.6;
    overflow: hidden;
    border-radius: 18px;
    background: #dedbd3;
}

.tvm-curiosity-single__hero img {
display: block; width: 100%; height: 100%; object-fit: cover;
}

.tvm-curiosity-article__body {
max-width: 790px; color: #242427; font-size: 1.08rem; line-height: 1.8;
}

.tvm-curiosity-article__body > :first-child {
margin-top: 0;
}

.tvm-curiosity-article__body h2 {
margin: 2.5rem 0 .85rem; font-size: clamp(1.55rem, 2.5vw, 2.35rem); line-height: 1.1; letter-spacing: -.025em;
}

.tvm-curiosity-article__body h3 {
margin: 2rem 0 .7rem; font-size: 1.35rem;
}

.tvm-curiosity-article__body a {
color: #0d5b55; text-decoration-thickness: 1px; text-underline-offset: 3px;
}

.tvm-curiosity-article__body img {
max-width: 100%; height: auto;
}

.tvm-curiosity-source {
display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: .8rem 1.4rem;
    max-width: 790px;
    margin-top: 2.25rem;
    padding: .9rem 1rem;
    border: 1px solid rgba(20, 20, 24, .12);
    border-radius: 14px;
    background: rgba(255, 255, 255, .72);
}

.tvm-curiosity-source__identity {
display: grid;
    gap: .18rem;
    min-width: 0;
}

.tvm-curiosity-source__identity > span {
color: #6b696f; font-size: .66rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase;
}

.tvm-curiosity-source__identity strong {
min-width: 0; font-size: .94rem; line-height: 1.25; overflow-wrap: anywhere;
}

.tvm-curiosity-source a {
white-space: nowrap; color: #0d5b55; font-size: .82rem; font-weight: 800; text-decoration: none;
}

.tvm-curiosity-meta {
display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem 2rem;
    align-items: center;
    max-width: 790px;
    margin-top: 1.3rem;
    padding-top: 1.25rem;
    border-top: 1px solid rgba(20, 20, 24, .13);
}

.tvm-curiosity-meta__facts {
display: flex; flex-wrap: wrap; gap: .9rem 1.35rem;
}

.tvm-curiosity-meta__facts > span {
display: grid; gap: .2rem;
}

.tvm-curiosity-meta__facts small {
color: #6b696f; font-size: .66rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase;
}

.tvm-curiosity-meta__facts time,
.tvm-curiosity-meta__facts strong {
font-size: .84rem; font-weight: 700;
}

.tvm-curiosity-more {
margin-top: clamp(4rem, 7vw, 7rem);
}

.tvm-curiosity-section-head {
margin-bottom: 1.3rem;
}

.tvm-curiosity-section-head h2 {
font-size: clamp(1.7rem, 3vw, 2.7rem); line-height: 1.05;
}

.tvm-curiosities-home {
background: #edf1ec;
}

.tvm-curiosities-home__grid {
display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(300px, .8fr); gap: 1.25rem;
}

.tvm-curiosity-feature {
position: relative; min-height: 480px; background: #132f2e; color: #fff;
}

.tvm-curiosity-feature > a {
display: block; min-height: inherit;
}

.tvm-curiosity-feature__media {
position: absolute; inset: 0;
}

.tvm-curiosity-feature__copy {
position: absolute; z-index: 2; left: 0; right: 0; bottom: 0; display: grid; gap: .65rem; padding: clamp(1.4rem, 3vw, 2.5rem);
}

.tvm-curiosity-feature__copy strong {
font-size: clamp(1.8rem, 3vw, 3rem); line-height: 1.02; letter-spacing: -.04em;
}

.tvm-curiosity-feature__copy > span {
max-width: 700px; color: rgba(255, 255, 255, .82); line-height: 1.5;
}

.tvm-curiosity-feature__copy .tvm-curiosity-source-label {
font-size: .72rem; font-weight: 700; letter-spacing: .035em; color: rgba(255, 255, 255, .68);
}

.tvm-curiosity-card__source {
color: #6b696f; font-size: .7rem; font-weight: 700;
}

.tvm-curiosity-rail {
display: grid; gap: .8rem;
}

.tvm-curiosity-rail article {
border: 1px solid rgba(20, 20, 24, .1); background: rgba(255, 255, 255, .78);
}

.tvm-curiosity-rail article > a {
display: grid; grid-template-columns: 112px minmax(0, 1fr); min-height: 125px;
}

.tvm-curiosity-rail__media {
display: block; min-height: 125px; background: #d9ded8;
}

.tvm-curiosity-rail article > a > span:last-child {
display: grid; grid-template-columns: 1fr auto; gap: .35rem .7rem; align-content: center; padding: .85rem 1rem;
}

.tvm-curiosity-rail small,
.tvm-curiosity-rail strong {
grid-column: 1;
}

.tvm-curiosity-rail strong {
font-size: .98rem; line-height: 1.22;
}

.tvm-curiosity-rail i {
grid-column: 2; grid-row: 1 / 3; align-self: center; font-style: normal; font-weight: 800;
}

.tvm-curiosity-article {
max-width: 950px; margin: 0 auto;
}

.tvm-curiosity-article__body {
max-width: 790px;
}

.tvm-curiosity-article .tvm-curiosity-source,
.tvm-curiosity-article .tvm-curiosity-meta {
max-width: 790px;
}

@media (max-width: 900px) {
.tvm-curiosity-empty {
grid-template-columns: auto minmax(0, 1fr);
}

.tvm-curiosities-home__grid {
grid-template-columns: 1fr;
}

.tvm-curiosity-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}

@media (max-width: 700px) {
.tvm-curiosities-home {
padding: 3.4rem 0;
}

.tvm-curiosities-home__head,
.tvm-curiosity-section-head {
display: grid; gap: .9rem;
}

.tvm-curiosities-home__head > a,
.tvm-curiosity-section-head > a {
justify-self: start;
}

.tvm-curiosities-home__head h2 {
font-size: clamp(2rem, 9vw, 2.9rem);
}

.tvm-curiosity-archive__intro h1 {
font-size: clamp(2.75rem, 14vw, 4.35rem); line-height: .92;
}

.tvm-curiosity-archive__intro > p:last-of-type {
margin-top: 1rem; font-size: 1rem;
}

.tvm-curiosity-empty {
grid-template-columns: 1fr; min-height: 0; padding: 1.35rem;
}

.tvm-curiosity-archive,
.tvm-curiosity-single {
padding-top: 2.2rem;
}

.tvm-curiosity-grid {
grid-template-columns: 1fr;
}

.tvm-curiosity-single__header {
margin: 1.5rem 0;
}

.tvm-curiosity-single__header h1 {
font-size: clamp(2.2rem, 10.5vw, 3.35rem); line-height: 1;
}

.tvm-curiosity-single__hero {
margin: 1.5rem 0 2rem; border-radius: 16px;
}

.tvm-curiosity-article__body {
font-size: 1.04rem; line-height: 1.75;
}

.tvm-curiosity-source {
grid-template-columns: 1fr; align-items: start; gap: .7rem;
}

.tvm-curiosity-source a {
justify-self: start;
}

.tvm-curiosity-meta {
grid-template-columns: 1fr; align-items: start;
}

.tvm-curiosity-feature {
min-height: 420px;
}

.tvm-curiosity-feature__copy {
padding: 1.3rem;
}

.tvm-curiosity-feature__copy strong {
font-size: 2rem;
}

.tvm-curiosity-rail article > a {
grid-template-columns: 96px minmax(0, 1fr); min-height: 110px;
}

.tvm-curiosity-rail__media {
min-height: 110px;
}
}

@media (max-width: 430px) {
.tvm-curiosity-pagination {
justify-content: flex-start;
}
}

@media (prefers-reduced-motion: reduce) {
.tvm-curiosity-card {
transition: none;
}

.tvm-curiosity-card:hover,
.tvm-curiosity-card:focus-within {
transform: none;
}
}

/* Read-only feed Radio Mrągowo. TVM pokazuje skrót i prowadzi do oryginału. */
.tvm-news-home {
    padding: clamp(3.5rem, 6vw, 6rem) 0;
    border-block: 1px solid rgba(20, 20, 24, .09);
    background: #fff;
    color: #151517;
}
.tvm-news-home__head {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 2rem;
    margin-bottom: 1.35rem;
}
.tvm-news-home__head > div { max-width: 760px; }
.tvm-news-home__head h2 {
    margin: .35rem 0 0;
    font-family: var(--tvm-font-sans);
    font-size: clamp(2rem, 3.4vw, 3.7rem);
    line-height: 1;
    letter-spacing: -.04em;
}
.tvm-news-home__head p:last-child {
    max-width: 680px;
    margin: .85rem 0 0;
    color: #626168;
    line-height: 1.55;
}
.tvm-news-home__head > a {
    color: #075f5a;
    font-weight: 800;
    text-decoration-thickness: 1px;
    text-underline-offset: .22em;
}
.tvm-news-remote-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}
.tvm-news-remote-grid--home { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.tvm-news-remote-card {
    min-width: 0;
    overflow: hidden;
    border: 1px solid rgba(20, 20, 24, .1);
    border-radius: 16px;
    background: #fff;
    transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}
.tvm-news-remote-card > a {
    display: grid;
    grid-template-rows: auto 1fr;
    height: 100%;
    color: inherit;
    text-decoration: none;
}
.tvm-news-remote-card__media {
    display: block;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #edf2f0;
}
.tvm-news-remote-card__media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .22s ease;
}
.tvm-news-remote-card__fallback {
    display: grid;
    width: 100%;
    height: 100%;
    place-items: center;
    color: #075f5a;
    font-size: 1rem;
    font-weight: 900;
    letter-spacing: .08em;
}
.tvm-news-remote-card__copy {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: .55rem;
    padding: 1rem 1rem 1.05rem;
}
.tvm-news-remote-card__copy small {
    color: #6b696f;
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .055em;
    text-transform: uppercase;
}
.tvm-news-remote-card__copy strong {
    font-size: 1.05rem;
    line-height: 1.22;
    letter-spacing: -.016em;
}
.tvm-news-remote-card__copy > span {
    display: -webkit-box;
    overflow: hidden;
    color: #5f5e64;
    font-size: .9rem;
    line-height: 1.48;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.tvm-news-remote-card__copy i {
    margin-top: auto;
    padding-top: .2rem;
    color: #075f5a;
    font-size: .85rem;
    font-style: normal;
    font-weight: 800;
}
.tvm-news-remote-card:hover,
.tvm-news-remote-card:focus-within {
    border-color: rgba(7, 95, 90, .34);
    box-shadow: 0 12px 30px rgba(15, 40, 38, .08);
    transform: translateY(-2px);
}
.tvm-news-remote-card:hover .tvm-news-remote-card__media img,
.tvm-news-remote-card:focus-within .tvm-news-remote-card__media img { transform: scale(1.02); }
@media (max-width: 1180px) {
    .tvm-news-remote-grid--home { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
    .tvm-news-home { padding: 3.1rem 0 3.4rem; }
    .tvm-news-home__head { display: grid; gap: .85rem; margin-bottom: 1rem; }
    .tvm-news-home__head h2 { font-size: clamp(2rem, 10vw, 2.9rem); }
    .tvm-news-home__head > a { display: inline-flex; min-height: 44px; align-items: center; justify-self: start; }
    .tvm-news-remote-grid--home {
        display: grid;
        grid-auto-flow: column;
        grid-auto-columns: min(84vw, 350px);
        grid-template-columns: none;
        gap: .8rem;
        margin-inline: -15px;
        padding-inline: 15px;
        overflow-x: auto;
        overscroll-behavior-inline: contain;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
    }
    .tvm-news-remote-grid--home::-webkit-scrollbar { display: none; }
    .tvm-news-remote-grid--home .tvm-news-remote-card { scroll-snap-align: start; }
}
@media (max-width: 430px) {
    .tvm-news-remote-grid--home { grid-auto-columns: 87vw; }
}
@media (prefers-reduced-motion: reduce) {
    .tvm-news-remote-card,
    .tvm-news-remote-card__media img { transition: none; }
    .tvm-news-remote-card:hover,
    .tvm-news-remote-card:focus-within { transform: none; }
}