@import url('source.css?v=1');
.nt-media .page-content{--bg-deep:#102b40;--bg-mid:#183d4f;--bg-card:#214956;--bg-card2:#1a4050;--teal:#b6f1df;--teal-dim:#94d6c4;--teal-glow:#a9e5d51a;--teal-glow2:#a9e5d50c;--cyan:#b6f1df;--white:#f7fcff;--grey:#c2d9df;--border:#b6f1df40;--border-mid:#ffffff24;--font-body:'Open Sans',sans-serif;background:var(--bg-deep);color:var(--white);font-family:var(--font-body);font-size:16px;line-height:1.7}
.nt-media .page-content .container{width:100%;max-width:1140px;margin:auto;padding-inline:32px}
.nt-media .page-content .hero{width:100%;max-width:none;min-height:550px;margin:0;padding:58px 24px;border:0;border-radius:0;display:flex;isolation:isolate;background:#102b40;box-shadow:none}
.nt-media .page-content .hero::after{display:none}
.nt-media .page-content .hero__bg{filter:brightness(.6) saturate(.9);transform:none;transition:none}
.nt-media .page-content .hero__overlay{background:linear-gradient(110deg,#102b40b3,#183d4f77 65%,#205b5090)}
.nt-media .page-content .hero__content{max-width:800px}
.nt-media .page-content .hero__eyebrow{letter-spacing:.08em;font-size:11px;margin-bottom:22px;color:#d9f7ed;background:#153a46b3}
.nt-media .page-content .hero__title{font-size:clamp(30px,4.4vw,49px);font-weight:500;line-height:1.25;letter-spacing:-.045em}
.nt-media .page-content .hero__title em{color:#b6f1df}
.nt-media .page-content .hero__sub{font-size:17px;font-weight:400;color:#eef6fa;line-height:1.75;margin-bottom:26px}
.nt-media .page-content .section{padding:52px 0}
.nt-media .page-content .section--alt{background:linear-gradient(125deg,#173b4e,#214d50)}
.nt-media .page-content .section__head{margin-bottom:26px}
.nt-media .page-content .section__label{color:#b6f1df;letter-spacing:.09em}
.nt-media .page-content .section__title{font-size:clamp(23px,2.5vw,32px);font-weight:500;line-height:1.35;letter-spacing:-.035em}
.nt-media .page-content .section__desc{font-size:16px;line-height:1.75;font-weight:400;color:#dbeaf0}
.nt-media .page-content .btn{border-radius:12px;font-size:14px;font-weight:600;min-height:48px;padding:13px 22px;white-space:normal}
.nt-media .page-content .btn--primary{background:linear-gradient(110deg,#b7f2da,#73d4c5);color:#123a43;border:1px solid #b7f2da88;box-shadow:0 6px 20px #071b2925}
.nt-media .page-content .btn--outline{color:#f3fffb;background:#20534e;border-color:#a2ddd0a0}
.nt-media .page-content :is(.format-card,.yt-card,.series-card,.social-card){border:1px solid #b6f1df2b;background:linear-gradient(130deg,#204755,#285d59);border-radius:18px;box-shadow:0 8px 20px #061b2920;transition:border-color .15s}
.nt-media .page-content :is(.format-card,.yt-card,.series-card,.social-card):hover{transform:none;border-color:#b6f1df80}
.nt-media .page-content .format-card{padding:24px}
.nt-media .page-content .format-card__icon{margin-bottom:16px}
.nt-media .page-content :is(.format-card__title,.yt-card__title,.series-card__title,.social-card__title,.guide-step__title){font-weight:500;line-height:1.55}
.nt-media .page-content :is(.format-card__desc,.yt-card__desc,.social-card__desc,.guide-step__desc){font-size:14px;font-weight:400;line-height:1.75;color:#e0edf1}
.nt-media .page-content .series-card__count{color:#d0e4e6;font-weight:400}
.nt-media .page-content .yt-card__thumb img{object-fit:contain;aspect-ratio:16/9}
.nt-media .page-content .episode-item{border-color:#b6f1df26;padding:16px;gap:14px}
.nt-media .page-content .episode-item__title{font-weight:600;color:#f7fcff}
.nt-media .page-content .episode-item__meta{color:#c2d9df;font-weight:400}
.nt-media .page-content .episode-item__dur{color:#b6f1df}
.nt-media .page-content .filter-tabs{gap:8px;margin:20px 0}
.nt-media .page-content .filter-tab{min-height:40px;padding:9px 14px;color:#e0edf1;border-color:#b6f1df40}
.nt-media .page-content .filter-tab.active{background:#b6f1df;color:#123a43;border-color:#b6f1df}
.nt-media .page-content .guide-step{position:relative}
.nt-media .page-content .guide-step>.ux-icon{width:24px;height:24px;margin-bottom:14px}
.nt-media .page-content .cta-final{padding:54px 24px;background:linear-gradient(125deg,#173e4c,#28635c)}
.nt-media .page-content .cta-final__title{font-size:clamp(24px,3vw,34px);font-weight:500;line-height:1.4;color:#f7fcff}
.nt-media .page-content .cta-final__sub{color:#e0edf1;font-weight:400}
@media(max-width:700px){
 .nt-media .page-content .container{padding-inline:20px}
 .nt-media .page-content .hero{min-height:0;padding:44px 20px}
 .nt-media .page-content .hero__content{padding:0}
 .nt-media .page-content .hero__title{font-size:29px}
 .nt-media .page-content .hero__sub{font-size:15px}
 .nt-media .page-content .hero__actions{gap:10px}
 .nt-media .page-content .section{padding:36px 0}
 .nt-media .page-content .formats-grid{grid-template-columns:minmax(0,1fr);gap:14px}
 .nt-media .page-content .format-card{padding:22px}
 .nt-media .page-content .section__title{font-size:23px}
 .nt-media .page-content .section__desc{font-size:15px}
 .nt-media .page-content .episode-item{padding:14px 10px;gap:10px}
 .nt-media .page-content .episode-item__title{font-size:14px}
 .nt-media .page-content .episode-item__num{display:none}
}
.nt-media .page-content .fade-up{opacity:1;transform:none;animation:none}
.nt-media .page-content .btn--ghost{color:#f3fffb;background:#20534e;border-color:#a2ddd0a0}
/* Keep long Russian series and episode titles readable at narrow widths. */
.nt-media .page-content .series-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.nt-media .page-content .series-card{display:grid;grid-template-columns:46px minmax(0,1fr);column-gap:14px;padding:20px}
.nt-media .page-content .series-card__num{grid-row:span 2;font-size:23px;margin:0;line-height:1.4;color:#a9d9d0;opacity:1;white-space:nowrap}
.nt-media .page-content .series-card__title{font-size:14px;margin:0 0 8px;overflow-wrap:normal}
.nt-media .page-content .series-card__count{font-size:12px;margin:0}
.nt-media .page-content .episode-item__title{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.55}
.nt-media .page-content .episode-item__meta{margin-top:4px}
@media(max-width:700px){.nt-media .page-content .series-grid{grid-template-columns:minmax(0,1fr);gap:10px}.nt-media .page-content .series-card{padding:18px}.nt-media .page-content .episode-item__dur{font-size:12px}.nt-media .page-content .episode-item__icon{width:34px;height:34px}}
