:root{
  /* TV KADR — global public typography */
  --tvk-font-ui:"Inter Variable",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --tvk-font-display:"Cormorant Garamond Variable",Georgia,"Times New Roman",serif;
  --tvk-font-editorial:"Cormorant Garamond Variable",Georgia,"Times New Roman",serif;

  --tvk-type-hero-title:45px;
  --tvk-type-hero-title-mobile:34px;

  /*
   * TV KADR brand-led public hero.
   * PUB-01 is the approved visual reference.
   */
  --tvk-font-brand-hero:"Segoe UI",var(--tvk-font-ui);
  --tvk-type-brand-hero-title:51px;
  --tvk-type-brand-hero-title-line-height:1.08;
  --tvk-type-brand-hero-body:15px;
  --tvk-type-brand-hero-body-line-height:1.56;
  --tvk-type-brand-hero-button:13.5px;
  --tvk-type-hero-body:14px;

  --tvk-type-feature-title:30px;
  --tvk-type-feature-body:14px;

  --tvk-type-card-title:17px;
  --tvk-type-card-body:11px;

  --tvk-type-feature-meta:12px;
  --tvk-type-card-meta:10px;

  --tvk-type-promo-title:21px;
  --tvk-type-promo-body:13px;

  color-scheme:dark;
  --bg:#050607;--surface-1:#090B0D;--surface-2:#0D1012;--border:#232629;
  --gold:#D07B00;--gold-bright:#F0A000;--gold-dark:#6A4300;
  --text:#F2F2F0;--yellow:#F0A000;--secondary:#A8AAA7;--muted:#727570;--success:#49A34A;--error:#C94B43;
  font-family:var(--tvk-font-ui);background:var(--bg);color:var(--text);--tvk-public-page-title:var(--tvk-type-hero-title);--tvk-public-detail-title:36px;--tvk-public-feature-title:var(--tvk-type-feature-title);--tvk-public-section-title:var(--tvk-type-promo-title);--tvk-public-card-title:var(--tvk-type-card-title);--tvk-public-primary:var(--tvk-type-feature-body);--tvk-public-secondary:var(--tvk-type-promo-body);--tvk-public-small:var(--tvk-type-card-body);--tvk-public-meta:var(--tvk-type-feature-meta);--tvk-public-micro:var(--tvk-type-card-meta);--tvk-public-button:14px;--tvk-public-price:var(--tvk-type-feature-title);--tvk-public-brand-hero-body:13px;--tvk-public-brand-hero-body-line:1.5;--tvk-public-article-lead:22px;--tvk-public-article-body:17px
}
*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.public-page{min-height:100vh;background:var(--bg)}.site-shell{width:min(1280px,calc(100% - 64px));margin:0 auto}.frame-gold{border:1px solid color-mix(in srgb,var(--gold-dark) 70%,var(--border));border-radius:6px;background:var(--surface-1)}

@media(max-width:1050px){
  :root{
    --tvk-type-brand-hero-title:45px;
  }
}

@media(max-width:720px){
  :root{
    --tvk-type-brand-hero-title:34px;
    --tvk-type-brand-hero-title-line-height:1.06;
    --tvk-type-brand-hero-body:11.8px;
    --tvk-type-brand-hero-body-line-height:1.48;
    --tvk-type-brand-hero-button:11px;
    --tvk-public-page-title:var(--tvk-type-hero-title-mobile);
    --tvk-public-detail-title:30px;
    --tvk-public-feature-title:24px;
    --tvk-public-section-title:19px;
    --tvk-public-card-title:16px;
    --tvk-public-primary:13px;
    --tvk-public-secondary:12px;
    --tvk-public-small:11px;
    --tvk-public-meta:11px;
    --tvk-public-micro:10px;
    --tvk-public-button:12px;
    --tvk-public-price:19px;
    --tvk-public-brand-hero-body:11.8px;
    --tvk-public-brand-hero-body-line:1.48;
    --tvk-public-article-lead:19px;
    --tvk-public-article-body:16px;
  }
}

/* Public header */
.site-header{position:sticky;top:0;z-index:50;background:rgba(5,6,7,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.site-header__inner{height:70px;display:flex;align-items:center;gap:38px}.wordmark{display:flex;flex-direction:column;flex:0 0 auto}.wordmark>span,.wordmark:not(:has(>span)){font-size:20px;line-height:1;letter-spacing:.18em;font-weight:600}.wordmark__dot{color:var(--gold-bright)}.wordmark small{font-size:9px;color:var(--muted);letter-spacing:0;margin-top:6px}.site-nav{display:flex;align-items:stretch;height:100%;gap:28px;flex:1}.site-nav a{position:relative;display:flex;align-items:center;color:var(--secondary);font-size:14px;white-space:nowrap}.site-nav a:hover,.site-nav a.active{color:var(--text)}.site-nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--gold-bright)}.site-actions{display:flex;align-items:center;gap:16px;flex:0 0 auto}.site-action-link{display:flex;align-items:center;gap:7px;color:var(--secondary);font-size:13px}.site-action-link:hover{color:var(--gold-bright)}.site-icon{width:20px;height:20px;color:var(--gold-bright)}.site-icon svg,.mobile-menu-button svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.mobile-menu-button{display:none;width:44px;height:44px;padding:10px;border:0;background:transparent;color:var(--gold-bright);cursor:pointer}.mobile-nav{display:none;border-top:1px solid var(--border);background:var(--surface-1)}.mobile-nav__inner{padding:12px 0 18px;display:grid}.mobile-nav a{padding:12px 4px;border-bottom:1px solid var(--border);font-size:15px}.mobile-nav a:last-child{color:var(--gold-bright)}

/* Shared components */
.button{min-height:44px;padding:0 18px;border-radius:4px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;cursor:pointer;transition:.16s ease}.button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold-bright);outline-offset:2px}.button--primary{background:linear-gradient(180deg,#F4B213,#E39100);border-color:#F0A000;color:#090B0D}.button--primary:hover{filter:brightness(1.08)}.button--secondary{background:var(--surface-1);border-color:var(--gold-dark);color:var(--text)}.button--secondary:hover{border-color:var(--gold-bright);color:var(--gold-bright)}.button--compact{min-height:40px;padding:0 16px}.button-row{display:flex;gap:12px;flex-wrap:wrap}.eyebrow,.section-label{color:var(--gold-bright);font-size:12px;font-weight:700;letter-spacing:.04em}.meta-row{display:flex;align-items:center;gap:22px;color:var(--secondary);font-size:13px}.meta-row span:first-child{color:#C9B27B}.panel-link{color:var(--gold-bright);font-size:13px;text-align:center;display:block;padding-top:14px}.empty-copy{color:var(--muted)}

/* Home */
.home-page{padding:14px 0 34px}.home-hero{min-height:350px;display:grid;grid-template-columns:42% 58%;overflow:hidden;background:#040505}.home-hero__copy{padding:28px 30px 26px;position:relative;z-index:2}.home-hero__copy>p{max-width:430px;color:var(--secondary);font-size:var(--tvk-type-hero-body);line-height:1.45;margin:0 0 14px}.home-hero blockquote{margin:0 0 14px;padding-left:20px;max-width:440px;color:#D9D9D6;font-family:Georgia,serif;font-size:13px;line-height:1.45;position:relative}.home-hero blockquote:before{content:'“';position:absolute;left:0;top:-7px;color:var(--gold-bright);font-size:35px}.home-hero blockquote span{font-style:italic;margin-left:14px;color:var(--secondary)}.home-hero__art{background:url('/brand/hero-approved.webp') center/cover no-repeat;min-height:348px}.featured-release{display:grid;grid-template-columns:52% 48%;margin-top:14px;overflow:hidden}.featured-release__image{min-height:270px;background:url('/brand/featured-approved.webp') center/cover no-repeat}.featured-release__content{padding:25px 30px;display:flex;flex-direction:column;justify-content:center}.featured-release time{color:var(--gold-bright);font-size:12px;margin:8px 0 8px}.featured-release h2{font-family:var(--tvk-font-editorial);font-size:var(--tvk-type-feature-title);line-height:1.15;font-weight:400;margin:0 0 10px}.featured-release p{max-width:500px;color:var(--secondary);font-size:var(--tvk-type-feature-body);line-height:1.5;margin:0 0 15px}.featured-release__actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:15px}.home-section{margin-top:14px;padding:14px 18px 18px}.topic-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:12px;margin-top:12px}.topic-card{min-height:82px;border:1px solid var(--gold-dark);border-radius:4px;background:#08090A;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:var(--secondary);font-size:12px}.topic-card:hover{border-color:var(--gold-bright);color:var(--text)}.topic-card b{color:var(--gold-bright);font-size:30px;line-height:1;font-weight:400}.club-section{margin-top:14px;padding:14px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px}.club-intro{display:grid;grid-template-columns:170px 1fr;gap:16px;align-items:center}.club-intro__art{height:170px;background:url('/brand/club-approved.webp') center/contain no-repeat}.club-intro h2{font-size:21px;letter-spacing:.12em;font-weight:500;margin:0 0 8px}.club-intro h2 span{color:var(--gold-bright)}.club-intro p{color:var(--secondary);font-size:13px;margin:0 0 6px}.club-intro ul{list-style:none;padding:0;margin:0 0 12px;color:var(--secondary);font-size:12px;line-height:1.55}.club-intro li:before{content:'✓';color:var(--gold-bright);margin-right:8px}.price-card{border:1px solid var(--gold-dark);border-radius:4px;padding:18px;display:flex;flex-direction:column;justify-content:center;text-align:center;gap:10px;background:#08090A}.price-card>strong{color:var(--gold-bright);font-size:26px;font-weight:500}.price-card strong small{font-size:13px}.price-card p{color:var(--secondary);font-size:12px;margin:0}.price-card>small{color:var(--muted);font-size:10px}.home-two-col{display:grid;grid-template-columns:1.05fr .95fr;gap:14px;margin-top:14px}.materials-panel,.fact-panel{padding:14px 18px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.panel-heading h2,.fact-panel h2{font-size:15px;font-weight:500;margin:0}.mini-tabs{display:flex;gap:16px;color:var(--muted);font-size:11px}.mini-tabs .active{color:var(--text)}.material-list{margin-top:10px}.material-list article{display:grid;grid-template-columns:92px 1fr 24px;gap:12px;align-items:center;padding:6px 0;border-bottom:1px solid var(--border)}.material-thumb{height:52px;border-radius:3px;background:linear-gradient(135deg,#18120A,#3D260A);position:relative;overflow:hidden}.material-thumb span{position:absolute;right:3px;bottom:3px;background:#050607;border:1px solid #555;padding:2px 4px;font-size:9px;z-index:1}.material-list time{font-size:10px;color:var(--gold-bright)}.material-list h3{font-family:Georgia,serif;font-size:13px;font-weight:400;margin:3px 0}.material-list .meta-row{font-size:9px;gap:13px}.bookmark{border:0;background:transparent;color:var(--gold-bright);font-size:21px;cursor:pointer}.fact-panel>a:not(.panel-link){display:grid;grid-template-columns:28px 1fr 34px 14px;align-items:center;gap:7px;padding:8px 0;border-bottom:1px solid var(--border);font-size:12px}.fact-panel>a b,.fact-panel>a em{color:var(--gold-bright);font-style:normal}.fact-panel>a small{color:var(--secondary);text-align:right}.news-strip{margin-top:14px;padding:18px}.news-strip__head{display:flex;justify-content:space-between;align-items:end;gap:16px}.news-strip__head h2{font-family:Georgia,serif;font-size:25px;font-weight:400;margin:4px 0 0}.news-strip__head>a{color:var(--gold-bright);font-size:12px}.news-strip__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border:1px solid var(--border);margin-top:14px}.news-strip__grid a{background:var(--surface-1);padding:14px;display:flex;flex-direction:column;gap:7px;min-height:130px}.news-strip__grid a:hover{background:var(--surface-2)}.news-strip__grid small{color:var(--gold-bright);font-size:10px}.news-strip__grid strong{font-family:var(--tvk-font-editorial);font-weight:400;font-size:var(--tvk-type-card-title)}.news-strip__grid span{color:var(--muted);font-size:var(--tvk-type-card-body);line-height:1.4}.promo-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.mail-promo,.support-promo,.club-promo{min-height:105px;padding:18px 22px;display:flex;align-items:center;gap:16px}.mail-promo>b,.support-promo>b{font-size:37px;font-weight:300;color:var(--gold-bright)}.mail-promo h2,.support-promo h2{font-family:Georgia,serif;font-size:17px;font-weight:400;margin:0 0 4px}.support-promo h2{font-family:inherit;font-size:14px}.mail-promo p,.support-promo p,.club-promo p{color:var(--secondary);font-size:11px;line-height:1.45;margin:0}.mail-form{margin-left:auto;display:grid;grid-template-columns:minmax(160px,1fr) auto}.mail-form input{height:44px;background:#050607;border:1px solid var(--gold-dark);border-right:0;color:var(--text);padding:0 12px;min-width:180px}.mail-form .button{border-radius:0 4px 4px 0}.support-promo .button,.club-promo .button{margin-left:auto;white-space:nowrap}

/* News listing - follows PUB-08 hierarchy */
.section-page{padding:14px 0 34px}.breadcrumbs{display:flex;gap:9px;align-items:center;color:var(--muted);font-size:12px;padding:10px 0 14px}.breadcrumbs a:hover{color:var(--gold-bright)}.breadcrumbs strong{font-weight:400;color:var(--secondary)}.section-hero{min-height:245px;display:grid;grid-template-columns:45% 55%;overflow:hidden}.section-hero>div:first-child{padding:28px 30px;align-self:center}.section-hero h1{font-family:var(--tvk-font-editorial);font-size:var(--tvk-public-page-title);font-weight:400;line-height:1.06;margin:8px 0 12px;letter-spacing:-.01em;color:var(--text)}.section-hero p{color:var(--secondary);font-size:var(--tvk-public-primary);line-height:1.5;max-width:520px;font-family:var(--tvk-font-ui);font-weight:400;letter-spacing:0}.section-stats{display:flex;gap:26px;color:var(--secondary);font-size:var(--tvk-public-small);margin-top:28px;font-family:var(--tvk-font-ui);line-height:1.4;font-weight:400;letter-spacing:0}.section-stats span:first-child{color:#C6A665}.section-hero__map{background:url('/brand/news-map-approved.webp') center/cover no-repeat;min-height:245px}.filter-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0}.filter-chips{display:flex;gap:8px;flex-wrap:wrap}.filter-chips a,.sort-control{min-height:38px;padding:0 14px;border:1px solid var(--gold-dark);border-radius:4px;display:inline-flex;align-items:center;color:var(--secondary);font-size:var(--tvk-public-small);background:var(--surface-1);font-family:var(--tvk-font-ui);line-height:1.4;font-weight:400;letter-spacing:0}.filter-chips a:hover,.filter-chips a.active{background:var(--gold-bright);color:#070809;border-color:var(--gold-bright)}.sort-control{min-width:150px;justify-content:center;font-family:var(--tvk-font-ui);font-size:var(--tvk-public-small);line-height:1.4;font-weight:400;letter-spacing:0;color:var(--secondary)}.listing-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(270px,1fr);gap:14px}.news-feature{display:grid;grid-template-columns:48% 52%;overflow:hidden;min-height:275px}.news-feature__visual{background:url('/brand/news-map-approved.webp') center/cover no-repeat;position:relative}.news-feature__visual span{position:absolute;left:14px;top:14px;background:var(--gold-bright);color:#08090A;padding:6px 9px;font-size:var(--tvk-public-micro);font-weight:400;font-family:var(--tvk-font-ui);line-height:1.3;letter-spacing:0}.news-feature__copy{padding:24px;display:flex;flex-direction:column}.news-feature__copy time,.news-list-card time{color:var(--muted);font-size:var(--tvk-public-meta);font-family:var(--tvk-font-ui);line-height:1.35;font-weight:400;letter-spacing:0}.news-feature__copy h2{font-family:var(--tvk-font-editorial);font-size:var(--tvk-public-feature-title);font-weight:400;line-height:1.15;margin:8px 0 10px;letter-spacing:-.01em;color:var(--text)}.news-feature__copy p{color:var(--secondary);font-size:var(--tvk-public-primary);line-height:1.5;margin:0;font-family:var(--tvk-font-ui);font-weight:400;letter-spacing:0}.news-feature__bottom{margin-top:auto;padding-top:18px;display:flex;justify-content:space-between;color:var(--secondary);font-size:var(--tvk-public-small);font-family:var(--tvk-font-ui);line-height:1.4;font-weight:400;letter-spacing:0}.news-feature__bottom b{font-size:22px}.news-list-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}.news-list-card{overflow:hidden;padding-bottom:14px;display:flex;flex-direction:column;min-height:300px}.news-list-card__visual{height:120px;border-bottom:1px solid var(--border);background:linear-gradient(135deg,#0B0D0F,#3C2704);position:relative;overflow:hidden}.news-list-card__visual:after{content:"";position:absolute;inset:0;background:url('/brand/news-map-approved.webp') center/cover no-repeat;opacity:.65}.news-list-card__visual--2:after{filter:hue-rotate(10deg) brightness(.7)}.news-list-card__visual--3:after{filter:grayscale(.55) brightness(.75)}.news-list-card__visual--4:after{filter:sepia(.35) brightness(.7)}.news-list-card__visual span{position:absolute;left:10px;bottom:9px;color:var(--gold-bright);font-size:var(--tvk-public-micro);z-index:1;font-family:var(--tvk-font-ui);line-height:1.3;font-weight:400;letter-spacing:0}.news-list-card time,.news-list-card h3,.news-list-card p,.news-list-card__meta{margin-left:13px;margin-right:13px}.news-list-card time{margin-top:12px;font-family:var(--tvk-font-ui);font-size:var(--tvk-public-meta);line-height:1.35;font-weight:400;letter-spacing:0;color:var(--muted)}.news-list-card h3{font-family:var(--tvk-font-editorial);font-size:var(--tvk-public-card-title);font-weight:400;line-height:1.2;margin-top:7px;margin-bottom:7px;letter-spacing:0;color:var(--text)}.news-list-card p{color:var(--secondary);font-size:var(--tvk-public-primary);line-height:1.5;margin-top:0;font-family:var(--tvk-font-ui);font-weight:400;letter-spacing:0}.news-list-card__meta{margin-top:auto;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:var(--tvk-public-meta);font-family:var(--tvk-font-ui);line-height:1.35;font-weight:400;letter-spacing:0}.news-list-card__meta b{color:var(--gold-bright);font-size:18px}.listing-sidebar{display:grid;gap:14px;align-content:start}.sidebar-card{padding:14px}.sidebar-card h2{font-size:var(--tvk-public-small);color:var(--gold-bright);font-weight:700;margin:0 0 8px;font-family:var(--tvk-font-ui);line-height:1.35;letter-spacing:0}.sidebar-card>a:not(.panel-link){display:flex;gap:9px;align-items:center;padding:10px 0;border-bottom:1px solid var(--border)}.sidebar-card>a>b{color:var(--gold-bright);font-size:var(--tvk-public-small);font-family:var(--tvk-font-ui);line-height:1.35;font-weight:700;letter-spacing:0}.sidebar-card>a>div{display:grid;gap:4px}.sidebar-card>a strong{font-family:var(--tvk-font-editorial);font-size:var(--tvk-public-card-title);font-weight:400;line-height:1.2;letter-spacing:0;color:var(--text)}.sidebar-card>a small{color:var(--muted);font-size:var(--tvk-public-meta);font-family:var(--tvk-font-ui);line-height:1.35;font-weight:400;letter-spacing:0}.sidebar-topic{display:flex;justify-content:space-between;padding:8px;border:1px solid var(--border);border-bottom:0;font-size:var(--tvk-public-small);color:var(--secondary);font-family:var(--tvk-font-ui);line-height:1.4;font-weight:400;letter-spacing:0}.sidebar-topic:last-of-type{border-bottom:1px solid var(--border)}.sidebar-topic em{font-style:normal}.sidebar-topic small{color:var(--muted)}.empty-state-public{padding:40px;color:var(--secondary);text-align:center;font-family:var(--tvk-font-ui);font-size:var(--tvk-public-primary);line-height:1.5;font-weight:400;letter-spacing:0}.promo-row--bottom{margin-top:14px}.club-promo{justify-content:space-between}.club-promo>div{max-width:360px}

/* News article */
.article-layout{padding:14px 0 34px}.article-columns{display:grid;grid-template-columns:minmax(0,3fr) minmax(260px,1fr);gap:32px;padding-top:18px}.editorial-article{max-width:850px}.editorial-article h1{font-family:var(--tvk-font-editorial);font-size:var(--tvk-public-detail-title);line-height:1.15;font-weight:400;margin:10px 0 16px;letter-spacing:-.01em;color:var(--text)}.article-meta{display:flex;gap:18px;color:var(--muted);font-size:var(--tvk-public-meta);padding-bottom:18px;font-family:var(--tvk-font-ui);line-height:1.35;font-weight:400;letter-spacing:0}.article-lead{font-family:var(--tvk-font-editorial);font-size:var(--tvk-public-article-lead);line-height:1.5;color:var(--text);margin:18px 0;font-weight:400;letter-spacing:0}.article-divider{height:1px;background:var(--gold-dark);margin:20px 0}.article-body{font-family:var(--tvk-font-editorial);color:var(--text);font-size:var(--tvk-public-article-body);line-height:1.78;font-weight:400;letter-spacing:0}.article-body p{margin:0 0 20px}.source-link{display:inline-block;color:var(--gold-bright);border-bottom:1px solid var(--gold-dark);padding-bottom:3px;margin-top:4px}.article-actions{display:flex;gap:10px;border-top:1px solid var(--border);padding-top:20px;margin-top:28px}.article-sidebar{display:grid;align-content:start;gap:14px}.article-brand-visual{min-height:210px;background:url('/brand/news-map-approved.webp') center/cover no-repeat;display:flex;flex-direction:column;justify-content:flex-end;padding:18px}.article-brand-visual span{color:var(--gold-bright);font-size:var(--tvk-public-small);letter-spacing:0;font-family:var(--tvk-font-ui);line-height:1.35;font-weight:700}.article-brand-visual strong{font-family:var(--tvk-font-editorial);font-size:var(--tvk-public-section-title);font-weight:400;margin-top:8px;line-height:1.2;letter-spacing:0;color:var(--text)}

/* Footer */
.site-footer{border-top:1px solid var(--gold-dark);background:#040505;padding:28px 0 34px}.site-footer__grid{display:grid;grid-template-columns:1.35fr .8fr 1.15fr 1fr;gap:28px}.site-footer h3{font-size:13px;font-weight:500;margin:0 0 12px;color:var(--secondary)}.site-footer__grid>div:not(.footer-brand){display:flex;flex-direction:column;gap:7px;color:var(--muted);font-size:11px}.site-footer__grid a:hover{color:var(--gold-bright)}.wordmark--footer{font-size:18px}.footer-brand p{max-width:230px;color:var(--secondary);font-size:11px;line-height:1.5}.footer-brand small{color:var(--muted);font-size:10px}.footer-socials{display:flex;gap:8px;margin-top:13px}.footer-socials span{min-width:22px;height:22px;border:1px solid var(--border);display:grid;place-items:center;color:var(--secondary);font-size:9px;border-radius:3px}

@media(max-width:1180px){.site-nav{gap:17px}.site-nav a{font-size:12px}.site-action-link span:last-child{display:none}.topic-grid{grid-template-columns:repeat(4,1fr)}.club-section{grid-template-columns:1.6fr 1fr 1fr}.news-list-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:920px){.site-nav{display:none}.site-actions{margin-left:auto}.mobile-menu-button{display:block}.mobile-nav{display:block}.home-hero{grid-template-columns:1fr;position:relative;min-height:480px}.home-hero__art{position:absolute;inset:0 0 0 35%;opacity:.72}.home-hero__copy{max-width:530px;background:linear-gradient(90deg,#040505 50%,rgba(4,5,5,.75) 75%,transparent);padding-right:80px}.featured-release{grid-template-columns:1fr}.featured-release__image{min-height:330px}.club-section{grid-template-columns:1fr 1fr}.club-intro{grid-column:1/-1}.home-two-col,.listing-layout,.article-columns{grid-template-columns:1fr}.listing-sidebar,.article-sidebar{grid-template-columns:1fr 1fr}.promo-row{grid-template-columns:1fr}.section-hero{grid-template-columns:1fr;position:relative;overflow:hidden}.section-hero__map{position:absolute;right:0;top:0;bottom:0;width:55%;opacity:.55}.section-hero>div:first-child{position:relative;z-index:1;background:linear-gradient(90deg,#090B0D 55%,rgba(9,11,13,.78) 77%,transparent);padding-right:35%}.news-list-grid{grid-template-columns:repeat(3,1fr)}.site-footer__grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.site-shell{width:calc(100% - 32px)}.site-header__inner{height:74px}.wordmark>span{font-size:19px}.wordmark small{font-size:8px}.site-subscribe{display:none}.site-action-link--search span:last-child,.site-action-link--login span:last-child{display:none}.site-icon{width:26px;height:26px}.site-actions{gap:15px}.mobile-menu-button{width:46px;height:46px;padding:8px}.home-page{padding-top:12px}.home-hero{min-height:360px}.home-hero__copy{padding:22px 22px 18px;max-width:100%;background:linear-gradient(90deg,rgba(4,5,5,.98) 0,rgba(4,5,5,.86) 48%,rgba(4,5,5,.18) 100%)}.home-hero h1{font-size:34px;line-height:1.06;max-width:340px}.home-hero__copy>p{font-size:13px;line-height:1.4;max-width:300px}.home-hero blockquote{display:none}.home-hero__art{left:22%;background-position:center;opacity:.68}.home-hero .button{min-height:48px}.featured-release__image{min-height:250px}.featured-release__content{padding:20px}.featured-release h2{font-size:26px}.featured-release__actions{grid-template-columns:1fr}.topic-grid{grid-template-columns:repeat(2,1fr);gap:8px}.topic-card{min-height:54px;flex-direction:row;gap:10px;justify-content:flex-start;padding:0 16px}.topic-card b{font-size:24px}.club-section{grid-template-columns:1fr 1fr;padding:10px;gap:8px}.club-intro{grid-template-columns:130px 1fr}.club-intro__art{height:145px}.club-intro h2{font-size:18px}.club-intro ul{font-size:11px}.club-intro .button-row .button--secondary{display:none}.price-card{padding:14px 10px}.price-card>strong{font-size:22px}.home-two-col{display:block}.fact-panel{margin-top:12px}.panel-heading{display:block}.mini-tabs{margin-top:10px;gap:0;overflow-x:auto}.mini-tabs span{border:1px solid var(--gold-dark);padding:8px 12px;white-space:nowrap}.mini-tabs .active{background:var(--gold-bright);color:#08090A}.material-list article{grid-template-columns:115px 1fr 24px}.news-strip__grid{grid-template-columns:1fr}.mail-promo,.support-promo,.club-promo{align-items:flex-start;flex-wrap:wrap}.mail-form{width:100%;margin-left:0;grid-template-columns:1fr auto}.support-promo .button,.club-promo .button{margin-left:0}.breadcrumbs{font-size:11px}.section-page{padding-top:4px}.section-hero{min-height:230px}.section-hero>div:first-child{padding:20px;background:linear-gradient(90deg,rgba(9,11,13,.98) 0,rgba(9,11,13,.78) 67%,rgba(9,11,13,.15) 100%)}.section-hero h1{font-size:var(--tvk-public-page-title);font-family:var(--tvk-font-editorial);line-height:1.06;font-weight:400;letter-spacing:-.01em;color:var(--text)}.section-hero p{font-size:var(--tvk-public-primary);max-width:330px;font-family:var(--tvk-font-ui);line-height:1.5;font-weight:400;letter-spacing:0;color:var(--secondary)}.section-stats{gap:14px;flex-direction:column;margin-top:18px;font-family:var(--tvk-font-ui);font-size:var(--tvk-public-small);line-height:1.4;font-weight:400;letter-spacing:0;color:var(--secondary)}.section-hero__map{width:78%;opacity:.48}.filter-row{align-items:stretch;flex-direction:column}.filter-chips{overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}.filter-chips a{white-space:nowrap;min-height:40px;font-family:var(--tvk-font-ui);font-size:var(--tvk-public-small);line-height:1.4;font-weight:400;letter-spacing:0;color:var(--secondary)}.sort-control{align-self:flex-end;font-family:var(--tvk-font-ui);font-size:var(--tvk-public-small);line-height:1.4;font-weight:400;letter-spacing:0;color:var(--secondary)}.news-feature{grid-template-columns:1fr}.news-feature__visual{min-height:190px}.news-feature__copy{padding:18px}.news-feature__copy h2{font-size:var(--tvk-public-feature-title);font-family:var(--tvk-font-editorial);line-height:1.15;font-weight:400;letter-spacing:-.01em;color:var(--text)}.news-list-grid{grid-template-columns:1fr}.news-list-card{min-height:auto;display:grid;grid-template-columns:125px 1fr;grid-template-rows:auto auto 1fr auto;column-gap:12px;padding:0 12px 0 0}.news-list-card__visual{grid-row:1/-1;height:100%;min-height:155px;border-bottom:0;border-right:1px solid var(--border)}.news-list-card time{grid-column:2;margin:12px 0 0;font-family:var(--tvk-font-ui);font-size:var(--tvk-public-meta);line-height:1.35;font-weight:400;letter-spacing:0;color:var(--muted)}.news-list-card h3{grid-column:2;margin:5px 0;font-size:var(--tvk-public-card-title);font-family:var(--tvk-font-editorial);line-height:1.2;font-weight:400;letter-spacing:0;color:var(--text)}.news-list-card p{display:none;font-family:var(--tvk-font-ui);font-size:var(--tvk-public-primary);line-height:1.5;font-weight:400;letter-spacing:0;color:var(--secondary)}.news-list-card__meta{grid-column:2;margin:0 0 10px;font-family:var(--tvk-font-ui);font-size:var(--tvk-public-meta);line-height:1.35;font-weight:400;letter-spacing:0;color:var(--muted)}.listing-sidebar,.article-sidebar{grid-template-columns:1fr}.article-columns{padding-top:8px}.editorial-article h1{font-size:var(--tvk-public-detail-title);font-family:var(--tvk-font-editorial);line-height:1.15;font-weight:400;letter-spacing:-.01em;color:var(--text)}.article-lead{font-size:var(--tvk-public-article-lead);font-family:var(--tvk-font-editorial);line-height:1.5;font-weight:400;letter-spacing:0;color:var(--text)}.article-body{font-size:var(--tvk-public-article-body);font-family:var(--tvk-font-editorial);line-height:1.78;font-weight:400;letter-spacing:0;color:var(--text)}.article-brand-visual{display:none}.site-footer__grid{grid-template-columns:1fr 1fr;gap:24px}.footer-brand{grid-column:1/-1}.site-footer{padding-bottom:28px}}
@media(max-width:470px){.site-shell{width:calc(100% - 24px)}.home-hero h1{font-size:30px}.home-hero__copy>p{max-width:250px}.home-hero__copy .button-row{gap:8px}.home-hero__copy .button{padding:0 12px;font-size:12px}.club-intro{grid-template-columns:105px 1fr}.club-intro__art{height:125px}.club-intro li:nth-child(n+4){display:none}.price-card>strong{font-size:19px}.mail-form{grid-template-columns:1fr}.mail-form input{border-right:1px solid var(--gold-dark);min-width:0}.mail-form .button{border-radius:4px;margin-top:8px}.material-list article{grid-template-columns:100px 1fr 20px}.site-footer__grid{grid-template-columns:1fr}}

.login-page{min-height:100vh;display:grid;place-items:center;padding:32px;background:radial-gradient(circle at 50% 15%,#221a08 0,#080808 42%)}.login-card{width:min(500px,100%);border:1px solid #473811;background:#0e0e0e;padding:38px}.login-brand{display:flex;flex-direction:column;letter-spacing:.18em;font-size:24px;font-weight:800;margin-bottom:40px}.login-brand small{font-size:9px;color:#777;margin-top:5px}.login-card h1{font-size:42px;margin:8px 0}.login-card>p{color:#999;margin-bottom:26px}.form-stack{display:grid;gap:17px}.form-stack label,.admin-editor label{display:grid;gap:8px;color:#a9a9a9;font-size:12px}.form-stack input,.admin-editor input,.admin-editor textarea,.admin-editor select{width:100%;background:#0a0a0a;border:1px solid #403519;color:#eee;padding:12px 13px;outline:none}.form-stack input:focus,.admin-editor input:focus,.admin-editor textarea:focus,.admin-editor select:focus{border-color:var(--yellow)}.login-back{display:inline-block;margin-top:24px;color:#777;font-size:13px}.form-error,.form-notice{padding:13px 15px;margin:12px 0;border:1px solid}.form-error{border-color:#6b271e;background:#24110f;color:#ff9f91}.form-notice{border-color:#31551a;background:#12200c;color:#9bd56a}.admin-app{min-height:100vh;display:grid;grid-template-columns:230px 1fr;background:#090909}.admin-sidebar{position:sticky;top:0;height:100vh;border-right:1px solid #33290f;background:#090909;padding:26px 0;display:flex;flex-direction:column}.admin-brand{padding:0 26px 26px;color:#f3f3f3;font-size:21px;letter-spacing:.13em;font-weight:800}.admin-brand small{display:block;font-size:8px;color:#777;margin-top:6px;letter-spacing:.08em}.admin-nav{display:grid}.admin-nav a,.admin-nav__disabled{padding:15px 25px;border-left:3px solid transparent;color:#c2c2c2;font-size:13px;display:flex;justify-content:space-between}.admin-nav a.active{background:linear-gradient(90deg,#3a2d0f,#15110a);border-left-color:var(--yellow);color:var(--yellow)}.admin-nav__disabled{color:#555}.admin-nav__disabled em{font-style:normal;font-size:9px;color:#494949}.admin-sidebar__public{margin:auto 18px 0;border:1px solid #3b3015;color:var(--yellow);padding:12px;text-align:center;font-size:12px}.admin-main{min-width:0}.admin-topbar{height:78px;border-bottom:1px solid #2b240f;display:flex;align-items:center;justify-content:flex-end;padding:0 34px;gap:28px}.admin-search{margin-right:auto;margin-left:auto;width:min(420px,45%);border:1px solid #342b14;color:#666;padding:11px 14px;font-size:12px}.admin-search span{float:right;color:var(--yellow)}.admin-user{display:flex;align-items:center;gap:10px;font-size:11px}.admin-user__dot{color:var(--yellow);font-size:20px}.admin-user small{display:block;color:#777;margin-top:3px}.admin-content{padding:30px 34px 60px;max-width:1600px;margin:0 auto}.admin-heading h1{font-size:30px;margin:0 0 6px}.admin-heading p{color:#888;margin:0 0 24px}.admin-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #3b2f12;padding-bottom:16px;margin-bottom:16px}.admin-tabs{display:flex;gap:4px;flex-wrap:wrap}.admin-tabs span{padding:8px 11px;color:#888;border:1px solid transparent;font-size:11px}.admin-tabs span.active{border-color:#6c5315;color:var(--yellow);background:#171308}.admin-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}.admin-stat-grid article{border:1px solid #302713;background:#0d0d0d;padding:18px}.admin-stat-grid small{color:#828282}.admin-stat-grid strong{display:block;font-size:28px;margin-top:8px}.admin-editor{border:1px solid #443515;background:#0e0e0e;padding:22px;margin:16px 0}.admin-editor__title{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:18px}.admin-editor__title h2{margin:0;font-size:18px}.admin-editor__title span{color:#777;font-size:11px}.admin-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.span-2{grid-column:1/-1}.checkbox-field{display:flex!important;grid-column:1/-1;grid-template-columns:auto 1fr!important;align-items:center}.checkbox-field input{width:auto}.admin-editor__actions{display:flex;gap:10px;margin-top:18px}.admin-table-card{border:1px solid #332a13;background:#0d0d0d;margin-top:16px}.admin-table-card__head{padding:15px 16px;border-bottom:1px solid #302713;display:flex;justify-content:space-between}.admin-table-card__head span{color:#777;font-size:11px}.admin-table-wrap{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;font-size:12px}.admin-table th{color:#888;font-weight:400;text-align:left;padding:13px;border-bottom:1px solid #2c2513;white-space:nowrap}.admin-table td{padding:14px 13px;border-bottom:1px solid #211d11;color:#c7c7c7;vertical-align:middle}.admin-table td strong{display:block;color:#e6e6e6}.admin-table td small{display:block;color:#666;margin-top:5px}.status-badge{display:inline-block;padding:5px 8px;border:1px solid #444;font-size:10px;border-radius:3px}.status-published{color:#78c73d;border-color:#315b1d;background:#10200b}.status-draft{color:#aaa;border-color:#414141}.status-hidden{color:#e06b4d;border-color:#6a2b1b;background:#23100b}.status-scheduled{color:#dfb634;border-color:#6a5413}.row-actions{display:flex;gap:6px}.row-actions button,.table-action{background:#0c0c0c;border:1px solid #604b13;color:var(--yellow);padding:7px 9px;cursor:pointer;font-size:10px}.empty-state{padding:28px;text-align:center;color:#666}.categories-layout{display:grid;grid-template-columns:1fr 340px;gap:16px}.category-create{margin-top:16px;height:max-content;display:grid;gap:14px}.admin-footer{border-top:1px solid #2d250f;padding:20px 34px;color:#666;display:flex;gap:24px;font-size:11px}.admin-footer strong{color:var(--yellow);letter-spacing:.14em}@media(max-width:1050px){.public-nav{display:none}.news-grid{grid-template-columns:repeat(2,1fr)}.lead-news{grid-template-columns:1fr}.lead-news__visual{display:none}.admin-app{grid-template-columns:180px 1fr}.categories-layout{grid-template-columns:1fr}.admin-stat-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.public-shell{width:min(100% - 28px,1440px)}.public-header__inner{height:64px}.brand{min-width:0}.brand small,.public-actions .ghost-link{display:none}.public-actions{margin-left:auto}.news-page{padding-top:34px}.news-title-row{align-items:flex-start;flex-direction:column}.news-title-row h1{font-size:40px}.lead-news>div:first-child{padding:24px}.lead-news h2{font-size:31px}.news-grid,.home-news-list{grid-template-columns:1fr}.admin-app{display:block}.admin-sidebar{position:static;height:auto;padding:16px}.admin-brand{padding:0 0 14px}.admin-nav{display:flex;overflow-x:auto}.admin-nav a,.admin-nav__disabled{white-space:nowrap;padding:10px 12px;border-left:0;border-bottom:2px solid transparent}.admin-nav a.active{border-bottom-color:var(--yellow)}.admin-sidebar__public{display:none}.admin-topbar{height:auto;padding:12px 16px}.admin-search{display:none}.admin-content{padding:22px 14px}.admin-toolbar{align-items:flex-start;flex-direction:column}.admin-stat-grid{grid-template-columns:1fr 1fr}.admin-form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.development-hero{padding:28px}.development-hero h1{font-size:54px}.dev-status{grid-template-columns:1fr 1fr}.article-page{padding-top:30px}.news-article h1{font-size:40px}.article-meta{flex-direction:column;gap:6px;font-family:var(--tvk-font-ui);font-size:var(--tvk-public-meta);line-height:1.35;font-weight:400;letter-spacing:0;color:var(--muted)}}

/* Stage 2 v0.6 - production news module */
.admin-tabs button{padding:8px 11px;color:#888;border:1px solid transparent;font-size:11px;background:transparent;cursor:pointer}.admin-tabs button.active{border-color:#6c5315;color:var(--yellow);background:#171308}.admin-tabs button:hover{color:#ddd}.admin-check-grid{grid-column:1/-1;display:flex;gap:28px;flex-wrap:wrap}.admin-check-grid .checkbox-field{grid-column:auto!important}.admin-cover-preview{height:180px;border:1px solid #403519;background-position:center;background-size:cover;background-repeat:no-repeat;position:relative}.admin-cover-preview:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.65))}.admin-cover-preview span{position:absolute;left:14px;bottom:12px;z-index:1;color:#ddd;font-size:11px}.row-actions{flex-wrap:wrap}.row-actions .danger-action{border-color:#612c23;color:#e88470}.row-actions .danger-action:hover{background:#26110d}.yellow-button:disabled{opacity:.55;cursor:wait}
.news-strip__grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.news-feature__visual.has-cover,.news-list-card__visual.has-cover{background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important}.sidebar-category{display:flex!important;align-items:center;justify-content:space-between!important;padding:11px 0!important}.sidebar-category>span{color:var(--secondary);font-family:var(--tvk-font-ui);font-size:var(--tvk-public-small);line-height:1.4;font-weight:400;letter-spacing:0}.sidebar-category>b{color:var(--gold-bright)}.sidebar-empty{color:var(--secondary);font-size:var(--tvk-public-small);padding:8px 0;font-family:var(--tvk-font-ui);line-height:1.4;font-weight:400;letter-spacing:0}.pagination{margin-top:18px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid var(--border);padding-top:16px}.pagination a{min-width:105px;border:1px solid var(--gold-dark);padding:10px 12px;color:var(--secondary);text-align:center;font-size:var(--tvk-public-small);font-family:var(--tvk-font-ui);line-height:1.4;font-weight:400;letter-spacing:0}.pagination a:last-child{margin-left:auto}.pagination a.disabled{opacity:.35;pointer-events:none}.pagination span{color:var(--muted);font-size:var(--tvk-public-meta);font-family:var(--tvk-font-ui);line-height:1.35;font-weight:400;letter-spacing:0}.article-cover{height:420px;margin:24px 0;background-position:center;background-size:cover;background-repeat:no-repeat}.source-card{margin-top:28px;border:1px solid var(--gold-dark);padding:18px;display:grid;grid-template-columns:150px 1fr auto;align-items:center;gap:18px;background:var(--surface-1)}.source-card>div{display:grid;gap:5px}.source-card strong{font-family:var(--tvk-font-editorial);font-size:var(--tvk-public-card-title);font-weight:400;line-height:1.2;letter-spacing:0;color:var(--text)}.source-card small{color:var(--muted);font-family:var(--tvk-font-ui);font-size:var(--tvk-public-meta);line-height:1.35;font-weight:400;letter-spacing:0}.source-card>a{color:var(--gold-bright);font-size:var(--tvk-public-small);white-space:nowrap;font-family:var(--tvk-font-ui);line-height:1.35;font-weight:700;letter-spacing:0}
@media(max-width:720px){.admin-check-grid{display:grid;gap:10px}.admin-cover-preview{height:150px}.pagination{flex-wrap:wrap}.pagination span{order:-1;width:100%;text-align:center;font-family:var(--tvk-font-ui);font-size:var(--tvk-public-meta);line-height:1.35;font-weight:400;letter-spacing:0;color:var(--muted)}.article-cover{height:230px;margin:18px 0}.source-card{grid-template-columns:1fr;gap:10px}.source-card>a{justify-self:start;font-family:var(--tvk-font-ui);font-size:var(--tvk-public-small);line-height:1.35;font-weight:700;letter-spacing:0;color:var(--gold-bright)}}


/* Stage 2 v0.7 - Episodes catalog and Episode core */
.stage-boundary-note{display:grid;grid-template-columns:auto 1fr;gap:14px;border:1px solid #4c3b13;background:#121007;padding:13px 15px;margin:14px 0;color:#9a9a9a;font-size:11px;line-height:1.5}.stage-boundary-note strong{color:var(--yellow);white-space:nowrap}.episode-production-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.episode-production-grid article{border:1px solid #332a13;background:#090909;padding:13px;display:grid;gap:5px}.episode-production-grid b{font-size:12px}.episode-production-grid span{color:var(--yellow);font-size:10px}.episode-production-grid small{color:#666}.admin-editor__actions button:disabled{opacity:.42;cursor:not-allowed}
.episodes-page{padding:0 0 34px}.episodes-hero{min-height:205px;display:grid;grid-template-columns:48% 52%;align-items:center;overflow:hidden;border-bottom:1px solid #2c2411}.episodes-hero>div:first-child{padding:35px 0 32px}.episodes-hero h1{font-family:var(--tvk-font-display);font-weight:400;font-size:var(--tvk-type-hero-title);line-height:1.06;margin:0 0 14px;letter-spacing:-.01em}.episodes-hero p{max-width:520px;margin:0;color:var(--secondary);font-size:var(--tvk-type-hero-body);line-height:1.45}.episodes-hero__map{height:205px;background:linear-gradient(90deg,#030405 0,rgba(3,4,5,.18) 22%,rgba(3,4,5,.02) 58%),url('/assets/hero/world-map-gold.png') 52% center/138% auto no-repeat;opacity:.92}.episode-controls{display:grid;grid-template-columns:1fr 260px auto;gap:12px;align-items:center;padding:14px 0 16px}.episode-filter-chips{display:flex;gap:7px;flex-wrap:wrap}.episode-filter-chips a,.episode-view-actions a{border:1px solid var(--gold-dark);background:#08090a;color:var(--secondary);min-height:34px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;border-radius:3px}.episode-filter-chips a.active,.episode-view-actions a.active{background:var(--gold-bright);color:#070707;border-color:var(--gold-bright)}.episode-search{height:36px;border:1px solid var(--gold-dark);display:flex;background:#070809}.episode-search input{min-width:0;flex:1;background:transparent;border:0;color:var(--text);padding:0 12px;outline:0;font-size:11px}.episode-search button{width:42px;border:0;background:transparent;color:var(--gold-bright);cursor:pointer;font-size:19px}.episode-view-actions{display:flex;gap:7px}.episode-view-actions a:first-child{min-width:120px}.episode-feature{position:relative;display:grid;grid-template-columns:58% 42%;overflow:hidden;min-height:305px}.episode-feature__visual{position:relative;background-position:center;background-size:cover;min-height:305px}.episode-feature__visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.22))}.episode-feature__visual>span{position:absolute;left:18px;top:16px;z-index:2;background:var(--gold-bright);color:#090909;padding:7px 10px;font-size:11px}.episode-feature__visual>b{position:absolute;left:18px;bottom:15px;z-index:2;background:#070707;border:1px solid #777;padding:5px 8px;font-size:12px;font-weight:500}.episode-feature__copy{padding:28px 30px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.episode-feature__copy time{color:var(--gold-bright);font-size:var(--tvk-type-feature-meta)}.episode-card time{color:var(--gold-bright);font-size:var(--tvk-type-card-meta)}.episode-feature__copy h2{font-family:var(--tvk-font-editorial);font-weight:400;font-size:var(--tvk-type-feature-title);line-height:1.15;margin:12px 0}.episode-feature__copy p{color:var(--secondary);font-size:var(--tvk-type-feature-body);line-height:1.5;margin:0 0 18px}.episode-feature__meta{display:flex;gap:16px;color:var(--muted);font-size:11px;margin-bottom:20px}.episode-feature__bookmark{position:absolute;right:18px;top:13px;color:var(--gold-bright);font-size:28px}.episode-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:14px}.episode-card{overflow:hidden;display:flex;flex-direction:column;min-width:0}.episode-card__visual{position:relative;height:150px;background-size:cover;background-position:center}.episode-card__visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.55))}.episode-card__visual span{position:absolute;left:10px;bottom:9px;z-index:1;background:#080808;border:1px solid #666;padding:4px 7px;font-size:10px}.episode-card__copy{padding:13px 14px 14px;display:flex;flex-direction:column;flex:1}.episode-card h3{font-family:var(--tvk-font-editorial);font-size:var(--tvk-type-card-title);line-height:1.2;font-weight:400;margin:8px 0}.episode-card p{color:var(--secondary);font-size:var(--tvk-type-card-body);line-height:1.4;margin:0 0 12px}.episode-card__meta{margin-top:auto;padding-top:10px;border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:10px}.episode-grid--list{grid-template-columns:1fr}.episode-grid--list .episode-card{display:grid;grid-template-columns:260px 1fr}.episode-grid--list .episode-card__visual{height:170px}.episode-grid--list .episode-card h3{font-size:23px}.episode-pagination{max-width:430px;margin:18px auto 0}.episode-pagination a{min-width:42px}.episode-detail-page{padding:18px 0 32px}.episode-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px}.episode-player{height:500px;background-size:cover;background-position:center;position:relative;display:grid;place-items:center;overflow:hidden}.episode-player__play{width:80px;height:80px;border-radius:50%;border:2px solid var(--gold-bright);background:rgba(0,0,0,.55);color:#fff;font-size:28px;padding-left:7px;cursor:not-allowed}.episode-player__bar{position:absolute;left:15px;right:15px;bottom:13px;height:44px;display:flex;align-items:center;gap:14px;background:rgba(0,0,0,.78);border-top:2px solid #b41313;padding:0 12px;font-size:11px}.episode-player__bar i{flex:1}.episode-heading{padding:22px 0 16px}.episode-heading h1{font-family:Georgia,serif;font-weight:400;font-size:36px;line-height:1.15;margin:9px 0 12px}.episode-meta{display:flex;gap:22px;color:var(--secondary);font-size:12px;margin-bottom:14px;flex-wrap:wrap}.episode-tabs{display:flex;gap:32px;border-bottom:1px solid var(--gold-dark);height:46px;align-items:end}.episode-tabs span{height:46px;display:flex;align-items:center;color:var(--secondary);font-size:12px;position:relative}.episode-tabs .active{color:var(--text)}.episode-tabs .active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--gold-bright)}.episode-about{padding:18px 0}.episode-about>p{color:#c6c7c4;line-height:1.7;font-size:13px;max-width:850px}.episode-about>small{display:block;color:var(--secondary);margin:22px 0 10px}.episode-tags{display:flex;gap:8px;flex-wrap:wrap}.episode-tags a,.episode-tags span{border:1px solid var(--gold-dark);padding:7px 11px;color:var(--secondary);font-size:11px}.episode-comments{border-top:1px solid var(--border);padding-top:18px}.episode-comments__head{display:flex;justify-content:space-between;align-items:center}.episode-comments__head h2{font-size:16px;font-weight:500}.episode-comments__head span{color:var(--secondary);font-size:11px}.episode-comment-input{height:45px;border:1px solid var(--gold-dark);display:flex;align-items:center;gap:12px;padding:0 12px;color:var(--gold-bright)}.episode-comment-input span{color:var(--muted)}.episode-empty-comments{padding:28px 0;color:var(--muted);font-size:12px}.episode-sidebar{display:grid;gap:14px;align-content:start}.next-episode{display:grid!important;grid-template-columns:110px 1fr!important;gap:10px!important;align-items:center!important}.next-episode>div{height:68px;background-size:cover;background-position:center;position:relative}.next-episode>div span{position:absolute;right:4px;bottom:4px;background:#050607;padding:2px 5px;font-size:9px}.next-episode p{margin:0}.next-episode strong{font-family:Inter,system-ui,sans-serif!important;font-size:11px!important;line-height:1.35!important}.next-episode small{display:block!important;margin-top:7px!important}.episode-club-card{padding:15px;display:grid;grid-template-columns:100px 1fr;gap:13px;align-items:center}.episode-club-art{height:120px;background:url('/brand/club-approved.webp') center/contain no-repeat}.episode-club-card p{color:var(--secondary);font-size:11px;line-height:1.45}.episode-club-card .button{width:100%;min-height:36px}.support-promo--stack{min-height:0;align-items:flex-start;flex-wrap:wrap}.support-promo--stack .button{width:100%}.fact-mini-row{margin-top:20px;border-top:1px solid var(--gold-dark);padding-top:14px}.fact-mini-row h2{font-size:14px;font-weight:500}.fact-mini-row>div{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.fact-mini-row article{padding:15px;display:grid;grid-template-columns:35px 1fr;column-gap:10px}.fact-mini-row article b{grid-row:1/3;color:var(--gold-bright);font-size:25px}.fact-mini-row article strong{font-size:12px}.fact-mini-row article small{color:var(--muted);font-size:10px;margin-top:4px}
@media(max-width:1050px){.episode-controls{grid-template-columns:1fr 220px}.episode-view-actions{grid-column:1/-1;justify-content:flex-end}.episode-grid{grid-template-columns:repeat(2,1fr)}.episode-detail-layout{grid-template-columns:1fr}.episode-sidebar{grid-template-columns:1fr 1fr}.episode-sidebar .sidebar-card{grid-row:span 2}.episode-player{height:440px}.fact-mini-row>div{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.stage-boundary-note{grid-template-columns:1fr}.episode-production-grid{grid-template-columns:1fr 1fr}.episodes-page{padding-top:0}.episodes-hero{grid-template-columns:1fr;min-height:0}.episodes-hero>div:first-child{padding:26px 0 18px}.episodes-hero h1{font-size:39px}.episodes-hero__map{height:105px;margin-left:-18px;margin-right:-18px}.episode-controls{grid-template-columns:1fr}.episode-filter-chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.episode-filter-chips a{white-space:nowrap}.episode-search{width:100%}.episode-view-actions{grid-column:auto;justify-content:flex-start}.episode-feature{grid-template-columns:1fr}.episode-feature__visual{min-height:210px}.episode-feature__copy{padding:19px}.episode-feature__copy h2{font-size:26px}.episode-grid,.episode-grid--list{grid-template-columns:1fr}.episode-grid--list .episode-card{display:flex}.episode-grid--list .episode-card__visual{height:170px}.episode-detail-page{padding-top:8px}.episode-detail-layout{display:block}.episode-player{height:260px}.episode-player__play{width:62px;height:62px;font-size:22px}.episode-player__bar{height:38px;font-size:9px;gap:9px}.episode-heading h1{font-size:29px}.episode-tabs{gap:22px;overflow-x:auto}.episode-tabs span{white-space:nowrap}.episode-sidebar{display:grid;grid-template-columns:1fr;margin-top:18px}.episode-club-card{grid-template-columns:85px 1fr}.fact-mini-row>div{grid-template-columns:1fr 1fr}.fact-mini-row article{padding:12px}.episode-comments{margin-bottom:8px}}

/* Stage 2 v0.8 — search, topic pages, related materials and progressive catalog */
.load-more-wrap{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 0 2px}.load-more-wrap small{color:var(--muted);font-size:11px}.load-more-button{min-width:190px}.load-more-wrap--done{padding-top:14px}.load-more-error{color:var(--error);text-align:center;font-size:12px;margin:12px 0}.related-picker{border:1px solid var(--gold-dark);padding:14px;margin:0}.related-picker legend{padding:0 8px;color:var(--gold-bright);font-size:12px}.related-picker>p{margin:0 0 12px;color:var(--muted);font-size:11px;line-height:1.45}.related-picker__grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-height:250px;overflow:auto;padding-right:4px}.related-picker__item{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--border);background:#08090a;padding:9px;cursor:pointer}.related-picker__item input{margin-top:3px;accent-color:var(--gold-bright)}.related-picker__item span{display:grid;gap:4px}.related-picker__item b{font-size:11px;font-weight:500}.related-picker__item small{color:var(--muted);font-size:9px}

.search-page{padding:18px 0 32px}.search-heading{padding:18px 0 8px}.search-heading h1{font-family:var(--tvk-font-editorial);font-size:var(--tvk-public-page-title);font-weight:400;line-height:1.06;margin:0 0 12px;letter-spacing:-.01em;color:var(--text)}.search-heading p{color:var(--secondary);margin:0;font-size:var(--tvk-public-primary);font-family:var(--tvk-font-ui);line-height:1.5;font-weight:400;letter-spacing:0}.search-main-form{display:grid;grid-template-columns:1fr 150px;gap:10px;max-width:720px;margin:18px 0}.search-main-form input,.search-filter input,.search-filter select{height:44px;border:1px solid var(--gold-dark);background:#070809;color:var(--text);padding:0 13px;outline:0;font-family:var(--tvk-font-ui);font-size:var(--tvk-public-secondary);line-height:1.4;font-weight:400;letter-spacing:0}.search-type-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.search-type-tabs a{min-width:120px;border:1px solid var(--gold-dark);padding:10px 13px;display:flex;justify-content:space-between;gap:20px;color:var(--secondary);background:#08090a;font-family:var(--tvk-font-ui);font-size:var(--tvk-public-small);line-height:1.4;font-weight:400;letter-spacing:0}.search-type-tabs a.active{background:var(--gold-bright);color:#080808;border-color:var(--gold-bright)}.search-type-tabs b{font-weight:500}.search-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px}.search-results{display:grid;gap:10px;align-content:start}.search-result-card{display:grid;grid-template-columns:240px minmax(0,1fr) 30px;gap:16px;padding:10px;align-items:center;min-height:145px}.search-result-card__image{height:125px;background-size:cover;background-position:center;position:relative}.search-result-card__image--fallback{background:url('/brand/news-map-approved.webp') center/cover no-repeat}.search-result-card__image span{position:absolute;left:7px;bottom:7px;background:#050607;border:1px solid #666;padding:4px 7px;font-size:var(--tvk-public-micro);font-family:var(--tvk-font-ui);line-height:1.3;font-weight:400;letter-spacing:0}.search-result-card__copy>small{color:var(--gold-bright);font-size:var(--tvk-public-small);font-weight:700;font-family:var(--tvk-font-ui);line-height:1.35;letter-spacing:0}.search-result-card__copy h2{font-family:var(--tvk-font-editorial);font-size:var(--tvk-public-card-title);font-weight:400;line-height:1.2;margin:6px 0 7px;letter-spacing:0;color:var(--text)}.search-result-card__copy p{color:var(--secondary);font-size:var(--tvk-public-primary);line-height:1.5;margin:7px 0 0;font-family:var(--tvk-font-ui);font-weight:400;letter-spacing:0}.search-result-card__meta{display:flex;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:var(--tvk-public-meta);font-family:var(--tvk-font-ui);line-height:1.35;font-weight:400;letter-spacing:0}.search-result-card__save{color:var(--gold-bright);font-size:22px;font-weight:400}.search-filter{padding:18px;align-self:start;position:sticky;top:88px}.search-filter h2{font-size:var(--tvk-public-section-title);font-weight:400;margin:0 0 14px;font-family:var(--tvk-font-editorial);line-height:1.2;letter-spacing:0;color:var(--text)}.search-filter form{display:grid;gap:14px}.search-filter label{display:grid;gap:6px;color:var(--secondary);font-size:var(--tvk-public-small);font-family:var(--tvk-font-ui);line-height:1.4;font-weight:400;letter-spacing:0}.search-filter select{width:100%;font-family:var(--tvk-font-ui);font-size:var(--tvk-public-secondary);line-height:1.4;font-weight:400;letter-spacing:0;color:var(--text)}.search-filter .button{width:100%}.search-reset{display:block;color:var(--secondary);font-size:var(--tvk-public-small);margin-top:14px;font-family:var(--tvk-font-ui);line-height:1.4;font-weight:400;letter-spacing:0}.search-pagination{margin-top:8px}

.topics-index{padding:18px 0 42px}.topics-index__hero{padding:30px 0 24px;max-width:720px}.topics-index__hero h1{font-family:var(--tvk-font-editorial);font-size:var(--tvk-public-page-title);font-weight:400;margin:8px 0 12px;line-height:1.06;letter-spacing:-.01em;color:var(--text)}.topics-index__hero p{color:var(--secondary);line-height:1.5;margin:0;font-family:var(--tvk-font-ui);font-size:var(--tvk-public-primary);font-weight:400;letter-spacing:0}.topics-index__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.topic-index-card{padding:20px;min-height:160px;position:relative}.topic-index-card>b{color:var(--gold-dark);font-size:30px}.topic-index-card h2{font-family:var(--tvk-font-editorial);font-size:var(--tvk-public-card-title);font-weight:400;margin:22px 0 7px;line-height:1.2;letter-spacing:0;color:var(--text)}.topic-index-card p{color:var(--secondary);font-size:var(--tvk-public-primary);font-family:var(--tvk-font-ui);line-height:1.5;font-weight:400;letter-spacing:0}.topic-index-card>span{position:absolute;right:16px;bottom:14px;color:var(--gold-bright);font-size:20px}.topic-index-card:hover{border-color:var(--gold-bright)}

.topic-page{padding:0 0 32px}.topic-controls{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:14px 0}.topic-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:16px}.topic-feature{display:grid;grid-template-columns:55% 45%;min-height:270px;overflow:hidden}.topic-feature__image{background-size:cover;background-position:center;position:relative;min-height:270px}.topic-feature__image>span{position:absolute;left:14px;top:14px;background:var(--gold-bright);color:#080808;padding:6px 9px;font-size:var(--tvk-public-micro);font-family:var(--tvk-font-ui);line-height:1.3;font-weight:400;letter-spacing:0}.topic-feature__image>b{position:absolute;left:14px;bottom:12px;background:#060708;border:1px solid #666;padding:4px 7px;font-size:var(--tvk-public-micro);font-family:var(--tvk-font-ui);line-height:1.3;font-weight:400;letter-spacing:0}.topic-feature__copy{padding:24px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.topic-feature__copy time,.topic-card time{color:var(--muted);font-size:var(--tvk-public-meta);font-family:var(--tvk-font-ui);line-height:1.35;font-weight:400;letter-spacing:0}.topic-feature__copy h2{font-family:var(--tvk-font-editorial);font-size:var(--tvk-public-feature-title);line-height:1.15;font-weight:400;margin:10px 0;letter-spacing:-.01em;color:var(--text)}.topic-feature__copy p{color:var(--secondary);font-size:var(--tvk-public-primary);line-height:1.5;margin:0 0 14px;font-family:var(--tvk-font-ui);font-weight:400;letter-spacing:0}.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}.topic-card{padding-bottom:13px;overflow:hidden}.topic-card__image{height:135px;background-size:cover;background-position:center;position:relative}.topic-card__image span{position:absolute;left:7px;bottom:7px;background:#050607;border:1px solid #666;padding:3px 6px;font-size:var(--tvk-public-micro);font-family:var(--tvk-font-ui);line-height:1.3;font-weight:400;letter-spacing:0}
/* PUB-08 - MATERIAL TEXT FLOW */
.topic-card time,
.topic-card h3,
.topic-card p,
.topic-card > small {
  display:block;
  margin-left:12px;
  margin-right:12px;
}
/* PUB-06 — fact center categories */

.fact-category-grid{
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:10px;
  margin-top:12px;
}


.fact-category-card{
  min-height:130px;
  padding:14px;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  gap:14px;
  background:
    linear-gradient(
      145deg,
      rgba(245,166,0,.22) 0%,
      rgba(245,166,0,.09) 38%,
      rgba(7,9,10,1) 82%
    );
  transition:border-color .2s ease;
}

.fact-category-card:hover{
  border-color:var(--gold-bright);
}

.fact-category-card__icon{
  width:44px;
  height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.fact-category-card__icon img{
  width:100%;
  height:100%;
  object-fit:contain;
}

.fact-category-card__content{
  display:grid;
  gap:6px;
}

.fact-category-card__content h3{
  margin:0;
  font-family:var(--tvk-font-editorial);
  font-size:var(--tvk-public-card-title);
  line-height:1.2;
  font-weight:400;
  color:var(--text);
}

.fact-category-card__content p{
  margin:0;
  color:var(--secondary);
  font-family:var(--tvk-font-ui);
  font-size:var(--tvk-public-small);
  line-height:1.4;
}

@media(max-width:980px){
  .fact-category-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:640px){
  .fact-category-grid{
    grid-template-columns:1fr;
  }
}
.topic-card time{margin-top:11px;font-family:var(--tvk-font-ui);font-size:var(--tvk-public-meta);line-height:1.35;font-weight:400;letter-spacing:0;color:var(--muted)}.topic-card h3{font-family:var(--tvk-font-editorial);font-size:var(--tvk-public-card-title);line-height:1.2;font-weight:400;margin-top:7px;margin-bottom:7px;letter-spacing:0;color:var(--text)}.topic-card p{color:var(--secondary);font-size:var(--tvk-public-primary);line-height:1.5;min-height:42px;font-family:var(--tvk-font-ui);font-weight:400;letter-spacing:0}.topic-card>small{color:var(--muted);border-top:1px solid var(--border);padding-top:8px;font-family:var(--tvk-font-ui);font-size:var(--tvk-public-meta);line-height:1.35;font-weight:400;letter-spacing:0}.topic-page .listing-sidebar{align-content:start}

@media(max-width:1050px){.search-layout,.topic-layout{grid-template-columns:1fr}.search-filter{position:static}.topic-grid{grid-template-columns:repeat(2,1fr)}.topics-index__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.related-picker__grid{grid-template-columns:1fr}.search-heading h1,.topics-index__hero h1,.topic-hero h1{font-size:var(--tvk-public-page-title);font-family:var(--tvk-font-editorial);line-height:1.06;font-weight:400;letter-spacing:-.01em;color:var(--text)}.search-main-form{grid-template-columns:1fr}.search-layout{display:block}.search-type-tabs{flex-wrap:nowrap;overflow-x:auto}.search-type-tabs a{min-width:110px;font-family:var(--tvk-font-ui);font-size:var(--tvk-public-small);line-height:1.4;font-weight:400;letter-spacing:0;color:var(--secondary)}.search-result-card{grid-template-columns:110px 1fr 20px;gap:10px;min-height:110px}.search-result-card__image{height:90px}.search-result-card__copy h2{font-size:var(--tvk-public-card-title);font-family:var(--tvk-font-editorial);line-height:1.2;font-weight:400;letter-spacing:0;color:var(--text)}.search-result-card__copy p{display:none;font-family:var(--tvk-font-ui);font-size:var(--tvk-public-primary);line-height:1.5;font-weight:400;letter-spacing:0;color:var(--secondary)}.search-filter{margin-top:14px}.topics-index__grid{grid-template-columns:1fr 1fr}.topic-index-card{min-height:130px;padding:15px}.topic-index-card h2{font-size:var(--tvk-public-card-title);margin-top:15px;font-family:var(--tvk-font-editorial);line-height:1.2;font-weight:400;letter-spacing:0;color:var(--text)}.topic-controls{align-items:flex-start;flex-direction:column}.topic-feature{grid-template-columns:1fr}.topic-feature__image{min-height:205px}.topic-feature__copy{padding:18px}.topic-feature__copy h2{font-size:var(--tvk-public-feature-title);font-family:var(--tvk-font-editorial);line-height:1.15;font-weight:400;letter-spacing:-.01em;color:var(--text)}.topic-grid{grid-template-columns:1fr}.topic-card__image{height:180px}}

/* Stage 2 v0.9 — public auth, account and saved materials */
.site-action-link--login.active{color:var(--gold-bright)}.save-button{gap:8px}.save-button.active{border-color:var(--gold-bright);color:var(--gold-bright)}.save-button--compact{min-height:36px;padding:0 12px;font-size:12px}
.auth-page{padding:28px 0 36px}.auth-hero{display:grid;grid-template-columns:52% 48%;overflow:hidden;min-height:610px;background:linear-gradient(115deg,#08090a 0,#08090a 44%,#070809 100%)}.auth-hero__intro{padding:48px 46px;position:relative;background:radial-gradient(circle at 72% 36%,rgba(240,160,0,.13),transparent 38%),linear-gradient(90deg,rgba(5,6,7,.95),rgba(5,6,7,.62)),url('/brand/news-map-approved.webp') center/cover no-repeat}.auth-hero__intro h1{font-family:var(--tvk-font-editorial);font-weight:400;font-size:var(--tvk-public-page-title);line-height:1.06;margin:8px 0 20px;letter-spacing:-.01em;color:var(--text)}.auth-hero__intro h1 em{font-style:normal;color:var(--gold-bright)}.auth-hero__intro>p{max-width:470px;color:var(--secondary);line-height:1.5;margin:0 0 30px;font-family:var(--tvk-font-ui);font-size:var(--tvk-public-primary);font-weight:400;letter-spacing:0}.auth-benefits{list-style:none;margin:0;padding:0;display:grid;gap:16px}.auth-benefits li{display:grid;grid-template-columns:54px 1fr;gap:14px;align-items:center}.auth-benefits li>b{width:50px;height:50px;border:1px solid var(--gold-dark);border-radius:6px;display:grid;place-items:center;color:var(--gold-bright);font-size:24px}.auth-benefits li span{display:grid;gap:5px}.auth-benefits li strong{font-size:var(--tvk-public-primary);font-weight:600;font-family:var(--tvk-font-ui);line-height:1.45;letter-spacing:0;color:var(--text)}.auth-benefits li small{color:var(--secondary);line-height:1.4;font-family:var(--tvk-font-ui);font-size:var(--tvk-public-small);font-weight:400;letter-spacing:0}.auth-panel{padding:46px 38px;border-left:1px solid var(--gold-dark);display:flex;flex-direction:column;justify-content:center}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--border);margin-bottom:30px}.auth-tabs>*{padding:13px 8px;text-align:center;color:var(--secondary);position:relative;font-family:var(--tvk-font-ui);font-size:var(--tvk-public-small);line-height:1.4;font-weight:400;letter-spacing:0}.auth-tabs .active{color:var(--text)}.auth-tabs .active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--gold-bright)}.auth-form{display:grid;gap:16px}.auth-form>label:not(.check-line){display:grid;gap:8px;color:var(--secondary);font-size:var(--tvk-public-small);font-family:var(--tvk-font-ui);line-height:1.4;font-weight:400;letter-spacing:0}.auth-form input[type="email"],.auth-form input[type="password"],.auth-form input:not([type]){height:48px;background:#070809;border:1px solid var(--border);color:var(--text);padding:0 14px;outline:none;font-family:var(--tvk-font-ui);font-size:var(--tvk-public-secondary);line-height:1.4;font-weight:400;letter-spacing:0}.auth-form input:focus{border-color:var(--gold-bright)}.auth-form__meta{display:flex;justify-content:space-between;gap:12px;align-items:center;color:var(--secondary);font-size:var(--tvk-public-small);font-family:var(--tvk-font-ui);line-height:1.4;font-weight:400;letter-spacing:0}.check-line{display:flex!important;align-items:center;gap:8px;color:var(--secondary);font-size:12px}.check-line input{accent-color:var(--gold-bright)}.auth-muted-link{color:var(--gold-bright)}.auth-submit{width:100%}.auth-login-link{text-align:center;color:var(--secondary);font-size:var(--tvk-public-small);font-family:var(--tvk-font-ui);line-height:1.4;font-weight:400;letter-spacing:0}.auth-login-link b{color:var(--gold-bright)}.auth-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.auth-info-grid article{padding:20px;display:grid;grid-template-columns:48px 1fr;gap:14px}.auth-info-grid article>b{color:var(--gold-bright);font-size:30px}.auth-info-grid h2{font-family:var(--tvk-font-editorial);font-size:var(--tvk-public-card-title);font-weight:400;margin:0 0 6px;line-height:1.2;letter-spacing:0;color:var(--text)}.auth-info-grid p{color:var(--secondary);font-size:var(--tvk-public-primary);line-height:1.5;margin:0;font-family:var(--tvk-font-ui);font-weight:400;letter-spacing:0}
.account-loading{min-height:55vh;padding:60px 0;color:var(--secondary);font-family:var(--tvk-font-ui);font-size:var(--tvk-public-primary);line-height:1.5;font-weight:400;letter-spacing:0}.account-page{padding:18px 0 38px}.account-hero{margin-top:8px;padding:28px;display:grid;grid-template-columns:1fr 390px;gap:28px;background:radial-gradient(circle at 48% 30%,rgba(240,160,0,.08),transparent 35%),url('/brand/news-map-approved.webp') 45% 35%/520px auto no-repeat,#08090a}.account-hero h1{font-family:var(--tvk-font-editorial);font-size:var(--tvk-public-page-title);font-weight:400;margin:5px 0 10px;line-height:1.06;letter-spacing:-.01em;color:var(--text)}.account-hero>div:first-child>p{color:var(--secondary);max-width:580px;line-height:1.5;font-family:var(--tvk-font-ui);font-size:var(--tvk-public-primary);font-weight:400;letter-spacing:0}.account-club-card{border:1px solid var(--gold-dark);background:rgba(5,6,7,.88);padding:18px;display:flex;flex-direction:column;justify-content:space-between;gap:14px}.account-club-card strong{display:block;font-family:var(--tvk-font-editorial);font-size:var(--tvk-public-section-title);font-weight:400;margin-top:10px;line-height:1.2;letter-spacing:0;color:var(--text)}.account-club-card p{color:var(--secondary);font-size:var(--tvk-public-primary);line-height:1.5;font-family:var(--tvk-font-ui);font-weight:400;letter-spacing:0}.account-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0}.account-stat-grid>a,.account-stat-grid>div{padding:18px;display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:center}.account-stat-grid b{color:var(--gold-bright);font-size:28px}.account-stat-grid strong{display:block;font-size:25px}.account-stat-grid span{color:var(--muted);font-size:var(--tvk-public-meta);font-family:var(--tvk-font-ui);line-height:1.35;font-weight:400;letter-spacing:0}.account-stat-grid em{grid-column:1/-1;color:var(--muted);font-style:normal;font-size:var(--tvk-public-meta);font-family:var(--tvk-font-ui);line-height:1.35;font-weight:400;letter-spacing:0}.account-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:12px}.account-main-panel,.account-profile-card,.account-help{padding:20px}.account-panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.account-panel-title h2{font-family:var(--tvk-font-editorial);font-size:var(--tvk-public-section-title);font-weight:400;margin:0;line-height:1.2;letter-spacing:0;color:var(--text)}.account-panel-title a,.account-panel-title button{border:0;background:transparent;color:var(--muted);font-size:var(--tvk-public-meta);cursor:pointer;font-family:var(--tvk-font-ui);line-height:1.35;font-weight:400;letter-spacing:0}.saved-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}.saved-summary>div{border:1px solid var(--border);padding:18px;text-align:center}.saved-summary strong{display:block;color:var(--gold-bright);font-family:var(--tvk-font-editorial);font-size:34px;font-weight:400}.saved-summary span{color:var(--muted);font-size:var(--tvk-public-meta);font-family:var(--tvk-font-ui);line-height:1.35;font-weight:400;letter-spacing:0}.account-empty{border:1px dashed var(--border);padding:35px;text-align:center;color:var(--secondary);font-family:var(--tvk-font-ui);font-size:var(--tvk-public-primary);line-height:1.5;font-weight:400;letter-spacing:0}.account-empty>b{font-size:40px;color:var(--gold-bright)}.account-empty a{color:var(--gold-bright);font-size:12px}.account-side{display:grid;gap:12px;align-content:start}.account-profile-card{text-align:center}.account-profile-card .account-panel-title{text-align:left}.account-avatar{width:72px;height:72px;border:1px solid var(--gold-dark);border-radius:50%;display:grid;place-items:center;color:var(--gold-bright);font-size:34px;margin:8px auto 12px}.account-profile-card>strong{display:block;font-size:var(--tvk-public-primary);font-family:var(--tvk-font-ui);line-height:1.45;font-weight:600;letter-spacing:0;color:var(--text)}.account-profile-card>span{display:block;color:var(--secondary);font-size:var(--tvk-public-small);margin:6px 0 16px;font-family:var(--tvk-font-ui);line-height:1.4;font-weight:400;letter-spacing:0}.account-profile-form{display:grid;gap:14px;text-align:left}.account-profile-form label{display:grid;gap:7px;color:var(--secondary);font-size:var(--tvk-public-small);font-family:var(--tvk-font-ui);line-height:1.4;font-weight:400;letter-spacing:0}.account-profile-form input{height:42px;background:#070809;border:1px solid var(--gold-dark);color:var(--text);padding:0 12px;font-family:var(--tvk-font-ui);font-size:var(--tvk-public-secondary);line-height:1.4;font-weight:400;letter-spacing:0}.account-logout{width:100%;margin-top:12px}.account-help h2{font-family:var(--tvk-font-editorial);font-weight:400;margin:0 0 8px;font-size:var(--tvk-public-section-title);line-height:1.2;letter-spacing:0;color:var(--text)}.account-help p{color:var(--secondary);font-size:var(--tvk-public-primary);line-height:1.5;font-family:var(--tvk-font-ui);font-weight:400;letter-spacing:0}
.saved-page{padding:18px 0 38px}.saved-hero{min-height:210px;display:grid;grid-template-columns:1fr 360px;align-items:center;border-bottom:1px solid var(--gold-dark);background:linear-gradient(90deg,var(--bg),rgba(5,6,7,.45)),url('/brand/news-map-approved.webp') right center/560px auto no-repeat}.saved-hero h1{font-family:var(--tvk-font-editorial);font-size:var(--tvk-public-page-title);font-weight:400;margin:7px 0 10px;line-height:1.06;letter-spacing:-.01em;color:var(--text)}.saved-hero p{color:var(--secondary);max-width:500px;font-family:var(--tvk-font-ui);font-size:var(--tvk-public-primary);line-height:1.5;font-weight:400;letter-spacing:0}.saved-hero__mark{font-size:92px;text-align:center;color:var(--gold-bright);text-shadow:0 0 25px rgba(240,160,0,.25)}.saved-tabs{display:flex;gap:18px;border-bottom:1px solid var(--border);margin:14px 0}.saved-tabs button{padding:12px 8px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--secondary);cursor:pointer;font-family:var(--tvk-font-ui);font-size:var(--tvk-public-small);line-height:1.4;font-weight:400;letter-spacing:0}.saved-tabs button.active{color:var(--gold-bright);border-bottom-color:var(--gold-bright)}.saved-tabs b{margin-left:8px;font-weight:500}.saved-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px}.saved-list{overflow:hidden}.saved-row{display:grid;grid-template-columns:220px minmax(0,1fr) 36px;gap:16px;padding:12px;border-bottom:1px solid var(--border);align-items:center}.saved-row:last-child{border-bottom:0}.saved-row__image{height:120px;background-size:cover;background-position:center;position:relative}.saved-row__image span{position:absolute;left:8px;bottom:8px;background:#050607;border:1px solid #777;padding:4px 7px;font-size:var(--tvk-public-micro);font-family:var(--tvk-font-ui);line-height:1.3;font-weight:400;letter-spacing:0}.saved-row__copy>small{color:var(--gold-bright);font-size:10px}.saved-row__copy h2{font-family:var(--tvk-font-editorial);font-size:var(--tvk-public-card-title);font-weight:400;margin:6px 0;line-height:1.2;letter-spacing:0;color:var(--text)}.saved-row__copy p{color:var(--secondary);font-size:var(--tvk-public-primary);line-height:1.5;margin:0 0 10px;font-family:var(--tvk-font-ui);font-weight:400;letter-spacing:0}.saved-row__copy>div{display:flex;gap:14px;color:var(--muted);font-size:var(--tvk-public-meta);font-family:var(--tvk-font-ui);line-height:1.35;font-weight:400;letter-spacing:0}.saved-row__remove{border:0;background:transparent;color:var(--gold-bright);font-size:24px;cursor:pointer}.saved-empty{padding:70px 24px;text-align:center;color:var(--secondary);font-family:var(--tvk-font-ui);font-size:var(--tvk-public-primary);line-height:1.5;font-weight:400;letter-spacing:0}.saved-empty>b{display:block;color:var(--gold-bright);font-size:54px}.saved-empty h2{font-family:var(--tvk-font-editorial);font-weight:400;color:var(--text);font-size:var(--tvk-public-section-title);line-height:1.2;letter-spacing:0}.saved-sidebar{display:grid;gap:12px;align-content:start}.saved-sidebar>section{padding:20px}.saved-sidebar h2{font-family:var(--tvk-font-editorial);font-size:var(--tvk-public-section-title);font-weight:400;margin:0;line-height:1.2;letter-spacing:0;color:var(--text)}.saved-sidebar>section:first-child>strong{display:block;font-family:var(--tvk-font-editorial);font-size:58px;font-weight:400;text-align:center;margin-top:14px}.saved-sidebar>section:first-child>span{display:block;text-align:center;color:var(--muted);font-size:var(--tvk-public-meta);font-family:var(--tvk-font-ui);line-height:1.35;font-weight:400;letter-spacing:0}.saved-sidebar>section:first-child>div{border-top:1px solid var(--border);margin-top:16px;padding-top:13px;text-align:center;color:var(--muted);font-size:var(--tvk-public-meta);font-family:var(--tvk-font-ui);line-height:1.35;font-weight:400;letter-spacing:0}.saved-sidebar p{color:var(--secondary);font-size:var(--tvk-public-primary);line-height:1.5;font-family:var(--tvk-font-ui);font-weight:400;letter-spacing:0}.saved-sidebar .button{width:100%}
@media(max-width:1050px){.auth-hero{grid-template-columns:1fr}.auth-panel{border-left:0;border-top:1px solid var(--gold-dark)}.account-hero{grid-template-columns:1fr}.account-stat-grid{grid-template-columns:repeat(2,1fr)}.account-grid,.saved-layout{grid-template-columns:1fr}.saved-sidebar{grid-template-columns:1fr 1fr}.saved-hero{grid-template-columns:1fr 220px}}
@media(max-width:720px){.auth-page{padding-top:8px}.auth-hero__intro,.auth-panel{padding:24px 18px}.auth-hero__intro h1{font-size:var(--tvk-public-page-title);font-family:var(--tvk-font-editorial);line-height:1.06;font-weight:400;letter-spacing:-.01em;color:var(--text)}.auth-benefits li{grid-template-columns:42px 1fr}.auth-benefits li>b{width:40px;height:40px}.auth-info-grid{grid-template-columns:1fr}.account-page{padding-top:8px}.account-hero{padding:20px;background-size:360px auto}.account-hero h1{font-size:var(--tvk-public-page-title);font-family:var(--tvk-font-editorial);line-height:1.06;font-weight:400;letter-spacing:-.01em;color:var(--text)}.account-stat-grid{grid-template-columns:1fr 1fr}.account-grid{display:block}.account-side{margin-top:12px}.saved-hero{grid-template-columns:1fr;min-height:190px}.saved-hero h1{font-size:var(--tvk-public-page-title);font-family:var(--tvk-font-editorial);line-height:1.06;font-weight:400;letter-spacing:-.01em;color:var(--text)}.saved-hero__mark{display:none}.saved-tabs{overflow-x:auto}.saved-tabs button{white-space:nowrap;font-family:var(--tvk-font-ui);font-size:var(--tvk-public-small);line-height:1.4;font-weight:400;letter-spacing:0;color:var(--secondary)}.saved-row{grid-template-columns:105px minmax(0,1fr) 26px;gap:10px}.saved-row__image{height:86px}.saved-row__copy h2{font-size:var(--tvk-public-card-title);font-family:var(--tvk-font-editorial);line-height:1.2;font-weight:400;letter-spacing:0;color:var(--text)}.saved-row__copy p{display:none;font-family:var(--tvk-font-ui);font-size:var(--tvk-public-primary);line-height:1.5;font-weight:400;letter-spacing:0;color:var(--secondary)}.saved-row__copy>div{display:none;font-family:var(--tvk-font-ui);font-size:var(--tvk-public-meta);line-height:1.35;font-weight:400;letter-spacing:0;color:var(--muted)}.saved-sidebar{grid-template-columns:1fr}.account-club-card{min-height:160px}}

/* v0.10 — USER UI alignment pass against approved Stage 1 mockups */
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,textarea:-webkit-autofill,select:-webkit-autofill{-webkit-text-fill-color:var(--text)!important;-webkit-box-shadow:0 0 0 1000px #070809 inset!important;box-shadow:0 0 0 1000px #070809 inset!important;transition:background-color 9999s ease-out 0s!important}

.auth-page--aligned{padding-top:28px;padding-bottom:26px}.auth-hero--aligned{grid-template-columns:52% 48%;min-height:620px;overflow:hidden;background:#070809}.auth-hero--aligned .auth-hero__intro{padding:42px 44px 38px;background:linear-gradient(90deg,rgba(4,5,5,.98),rgba(4,5,5,.74)),url('/brand/news-map-approved.webp') 60% 50%/cover no-repeat}.auth-hero--aligned .auth-hero__intro h1{font-size:var(--tvk-public-page-title);margin-bottom:20px;font-family:var(--tvk-font-editorial);line-height:1.06;font-weight:400;letter-spacing:-.01em;color:var(--text)}.auth-hero--aligned .auth-hero__intro>p{font-size:var(--tvk-public-primary);max-width:500px;font-family:var(--tvk-font-ui);line-height:1.5;font-weight:400;letter-spacing:0;color:var(--secondary)}.auth-benefits--aligned{gap:12px}.auth-benefits--aligned li{padding:8px 0}.auth-benefits--aligned li>b{width:48px;height:48px;border-radius:5px}.auth-panel--aligned{padding:48px 42px}.auth-panel--aligned .auth-form{gap:15px}.auth-panel--aligned .auth-form input{height:52px}.auth-tabs--login{margin-bottom:34px}.auth-panel-note,.auth-security-note{margin:0;text-align:center;color:var(--secondary);font-size:var(--tvk-public-small);line-height:1.4;font-family:var(--tvk-font-ui);font-weight:400;letter-spacing:0}.auth-panel-note a,.auth-security-note b,.auth-form .check-line b{color:var(--gold-bright);font-weight:500}.field-hint{color:var(--muted);font-size:10px;line-height:1.45;margin-top:-2px}.field-hint--ok{color:var(--success)}.password-meter{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.password-meter i{height:4px;background:var(--border);border-radius:10px}.password-meter i.active{background:var(--gold-bright)}
.auth-info-grid--aligned{margin-top:16px}.auth-info-grid--aligned article{min-height:155px;padding:22px}.auth-info-grid--aligned article>div{display:flex;flex-direction:column}.auth-info-grid--aligned article a,.auth-info-grid--aligned article span{color:var(--secondary);font-size:var(--tvk-public-small);margin-top:auto;padding-top:10px;font-family:var(--tvk-font-ui);line-height:1.4;font-weight:400;letter-spacing:0}.auth-cta-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.auth-cta-card{min-height:160px;padding:22px 24px;display:grid;grid-template-columns:68px 1fr;gap:18px;align-items:center;overflow:hidden;position:relative}.auth-cta-card>b{width:62px;height:62px;border:1px solid var(--gold-dark);border-radius:50%;display:grid;place-items:center;color:var(--gold-bright);font-size:30px}.auth-cta-card h2{font-family:var(--tvk-font-editorial);font-size:var(--tvk-public-section-title);font-weight:400;margin:0 0 8px;line-height:1.2;letter-spacing:0;color:var(--text)}.auth-cta-card p{color:var(--secondary);font-size:var(--tvk-public-primary);line-height:1.5;max-width:480px;font-family:var(--tvk-font-ui);font-weight:400;letter-spacing:0}.auth-cta-card .button{margin-top:8px}.auth-cta-card--club:after,.auth-cta-card--network:after{content:"";position:absolute;right:-70px;top:-35px;width:260px;height:220px;background:url('/brand/news-map-approved.webp') center/cover no-repeat;opacity:.16;pointer-events:none}.auth-cta-card>*{position:relative;z-index:1}.auth-newsletter{margin-top:14px;min-height:105px;padding:18px 24px;display:grid;grid-template-columns:54px 1fr minmax(320px,420px);gap:18px;align-items:center;position:relative;overflow:hidden}.auth-newsletter:after{content:"";position:absolute;right:-10px;inset-block:0;width:38%;background:url('/brand/news-map-approved.webp') right center/cover no-repeat;opacity:.13;pointer-events:none}.auth-newsletter>b{font-size:38px;color:var(--gold-bright);font-weight:300}.auth-newsletter h2{font-family:var(--tvk-font-editorial);font-size:var(--tvk-public-section-title);font-weight:400;margin:0 0 5px;line-height:1.2;letter-spacing:0;color:var(--text)}.auth-newsletter p{font-size:var(--tvk-public-primary);color:var(--secondary);line-height:1.5;margin:0;font-family:var(--tvk-font-ui);font-weight:400;letter-spacing:0}.auth-newsletter__mock{height:44px;display:grid;grid-template-columns:1fr 130px;position:relative;z-index:1}.auth-newsletter__mock span{display:flex;align-items:center;padding:0 14px;background:#070809;border:1px solid var(--gold-dark);color:var(--muted)}.auth-newsletter__mock button{border:1px solid var(--gold-bright);background:linear-gradient(180deg,#F4B213,#E39100);color:#08090A;font-weight:600;opacity:1}

.account-page--aligned{padding-top:26px}.account-hero--aligned{grid-template-columns:minmax(0,1fr) 470px;min-height:260px;padding:28px 34px;background:linear-gradient(90deg,rgba(5,6,7,.98) 0,rgba(5,6,7,.88) 35%,rgba(5,6,7,.35) 62%,rgba(5,6,7,.08) 100%),url('/brand/news-map-approved.webp') 48% 48%/620px auto no-repeat,#08090a}.account-hero--aligned h1{font-size:var(--tvk-public-page-title);margin:6px 0 4px;font-family:var(--tvk-font-editorial);line-height:1.06;font-weight:400;letter-spacing:-.01em;color:var(--text)}.account-hero--aligned h2{font-family:var(--tvk-font-editorial);font-size:var(--tvk-public-section-title);font-weight:400;margin:0 0 12px;color:var(--text);line-height:1.2;letter-spacing:0}.account-hero--aligned p{max-width:560px}.account-stat-grid--aligned{gap:12px;margin:14px 0}.account-stat-grid--aligned>a,.account-stat-grid--aligned>div{min-height:118px}.account-stat-grid--aligned .is-disabled{opacity:.72}.account-grid--aligned{grid-template-columns:minmax(0,1.7fr) minmax(300px,.78fr);gap:14px}.account-main-stack{display:grid;gap:14px;align-content:start}.account-saved-list{display:grid}.account-saved-row{display:grid;grid-template-columns:150px minmax(0,1fr) 28px;gap:14px;align-items:center;padding:9px 0;border-bottom:1px solid var(--border)}.account-saved-row:last-child{border-bottom:0}.account-saved-row__thumb{height:78px;background-size:cover;background-position:center;position:relative}.account-saved-row__thumb i{position:absolute;left:6px;bottom:6px;background:#050607;border:1px solid #666;padding:3px 6px;font-size:var(--tvk-public-micro);font-style:normal;font-family:var(--tvk-font-ui);line-height:1.3;font-weight:400;letter-spacing:0}.account-saved-row>span:nth-child(2){display:grid;gap:5px}.account-saved-row small,.account-saved-row em{color:var(--muted);font-size:var(--tvk-public-micro);font-style:normal;font-family:var(--tvk-font-ui);line-height:1.3;font-weight:400;letter-spacing:0}.account-saved-row strong{font-family:var(--tvk-font-editorial);font-size:var(--tvk-public-card-title);font-weight:400;line-height:1.2;letter-spacing:0;color:var(--text)}.account-saved-row>b{color:var(--gold-bright);font-size:22px}.account-empty--compact{padding:28px}.account-placeholder-panel{padding:18px 20px}.account-placeholder-panel .account-panel-title{margin-bottom:10px}.account-placeholder-panel .account-panel-title>span{color:var(--muted);font-size:var(--tvk-public-meta);font-family:var(--tvk-font-ui);line-height:1.35;font-weight:400;letter-spacing:0}.account-placeholder-row{display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:center;padding:14px 0;color:var(--secondary);font-family:var(--tvk-font-ui);font-size:var(--tvk-public-primary);line-height:1.5;font-weight:400;letter-spacing:0}.account-placeholder-row>b{width:44px;height:44px;border:1px solid var(--gold-dark);border-radius:50%;display:grid;place-items:center;color:var(--gold-bright);font-size:22px}.account-placeholder-row strong{color:var(--text);font-size:var(--tvk-public-primary);font-family:var(--tvk-font-ui);line-height:1.45;font-weight:600;letter-spacing:0}.account-placeholder-row p{font-size:var(--tvk-public-primary);line-height:1.5;margin:5px 0 0;font-family:var(--tvk-font-ui);font-weight:400;letter-spacing:0;color:var(--secondary)}.account-settings-card,.account-club-side{padding:18px 20px}.account-settings-card h2{font-family:var(--tvk-font-editorial);font-size:var(--tvk-public-section-title);font-weight:400;margin:0 0 7px;line-height:1.2;letter-spacing:0;color:var(--text)}.account-settings-card>p{font-size:var(--tvk-public-primary);color:var(--secondary);line-height:1.5;font-family:var(--tvk-font-ui);font-weight:400;letter-spacing:0}.disabled-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 0;color:var(--muted);font-size:var(--tvk-public-meta);font-family:var(--tvk-font-ui);line-height:1.35;font-weight:400;letter-spacing:0}.disabled-toggle i{width:35px;height:19px;border-radius:20px;background:#313438;position:relative}.disabled-toggle i:after{content:"";width:13px;height:13px;border-radius:50%;background:#777;position:absolute;left:3px;top:3px}.account-club-side ul{list-style:none;padding:0;margin:12px 0 16px;color:var(--secondary);font-size:var(--tvk-public-small);line-height:1.4;font-family:var(--tvk-font-ui);font-weight:400;letter-spacing:0}.account-club-side li:before{content:"✓";color:var(--gold-bright);margin-right:8px}.account-club-side .button{width:100%}.account-newsletter{margin-top:14px}

.saved-page--aligned{padding-top:20px}.saved-hero--aligned{min-height:235px;grid-template-columns:minmax(0,1fr) 430px;background:linear-gradient(90deg,#050607 0,rgba(5,6,7,.86) 38%,rgba(5,6,7,.15) 72%),url('/brand/news-map-approved.webp') right center/650px auto no-repeat}.saved-hero--aligned h1{font-size:var(--tvk-public-page-title);max-width:650px;font-family:var(--tvk-font-editorial);line-height:1.06;font-weight:400;letter-spacing:-.01em;color:var(--text)}.saved-hero--aligned p{font-size:var(--tvk-public-primary);line-height:1.5;font-family:var(--tvk-font-ui);font-weight:400;letter-spacing:0;color:var(--secondary)}.saved-hero--aligned .saved-hero__mark{font-size:112px}.saved-tabs--aligned{gap:28px;margin:0 0 14px;padding-top:12px}.saved-tabs--aligned button{font-size:var(--tvk-public-small);padding:12px 6px;font-family:var(--tvk-font-ui);line-height:1.4;font-weight:400;letter-spacing:0;color:var(--secondary)}.saved-layout--aligned{grid-template-columns:minmax(0,1.7fr) 330px}.saved-toolbar{min-height:52px;padding:8px 12px;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;gap:12px}.saved-toolbar label{display:flex;align-items:center;gap:9px;color:var(--secondary);font-size:var(--tvk-public-small);font-family:var(--tvk-font-ui);line-height:1.4;font-weight:400;letter-spacing:0}.saved-toolbar select{height:34px;background:#070809;border:0;color:var(--text);padding:0 28px 0 8px;font-family:var(--tvk-font-ui);font-size:var(--tvk-public-secondary);line-height:1.4;font-weight:400;letter-spacing:0}.saved-view-toggle{display:flex;gap:5px}.saved-view-toggle button{width:36px;height:34px;border:1px solid var(--gold-dark);background:#070809;color:var(--secondary);cursor:pointer}.saved-view-toggle button.active{background:var(--gold-bright);color:#08090A;border-color:var(--gold-bright)}.saved-list--grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--border)}.saved-list--grid .saved-row{grid-template-columns:1fr 32px;grid-template-rows:160px auto;padding:12px;}.saved-list--grid .saved-row__image{grid-column:1/-1;height:160px}.saved-list--grid .saved-row__copy p{display:none}.saved-list--grid .saved-row__remove{align-self:start}.saved-empty--aligned{min-height:430px;display:flex;flex-direction:column;align-items:center;justify-content:center}.saved-collections .account-panel-title{margin-bottom:10px}.saved-collections .account-panel-title>span{color:var(--muted);font-size:var(--tvk-public-meta);font-family:var(--tvk-font-ui);line-height:1.35;font-weight:400;letter-spacing:0}.saved-collections>p,.saved-watch-later>p{color:var(--secondary);font-size:var(--tvk-public-primary);line-height:1.5;font-family:var(--tvk-font-ui);font-weight:400;letter-spacing:0}.saved-disabled-folder{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--border);color:var(--secondary);font-size:var(--tvk-public-small);font-family:var(--tvk-font-ui);line-height:1.4;font-weight:400;letter-spacing:0}.saved-watch-later h2{font-family:var(--tvk-font-editorial);font-size:var(--tvk-public-section-title);font-weight:400;line-height:1.2;letter-spacing:0;color:var(--text)}.saved-watch-later .button{margin-top:8px}.saved-club-card{background:linear-gradient(110deg,#090B0D 65%,rgba(80,45,0,.18)),url('/brand/club-approved.webp') right bottom/120px auto no-repeat}.saved-newsletter{margin-top:14px}

.site-footer--aligned{position:relative;overflow:hidden}.site-footer--aligned .site-footer__grid{position:relative;z-index:1}.footer-contacts{padding-right:120px}

@media(max-width:1050px){.auth-hero--aligned{grid-template-columns:1fr}.auth-hero--aligned .auth-panel{border-left:0;border-top:1px solid var(--gold-dark)}.account-hero--aligned{grid-template-columns:1fr}.account-grid--aligned,.saved-layout--aligned{grid-template-columns:1fr}.auth-newsletter{grid-template-columns:54px 1fr}.auth-newsletter__mock{grid-column:2/-1;max-width:520px}.footer-contacts{padding-right:0}.saved-sidebar{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.auth-page--aligned{padding-top:10px}.auth-hero--aligned .auth-hero__intro{padding:24px 20px}.auth-hero--aligned .auth-hero__intro h1{font-size:var(--tvk-public-page-title);font-family:var(--tvk-font-editorial);line-height:1.06;font-weight:400;letter-spacing:-.01em;color:var(--text)}.auth-panel--aligned{padding:24px 18px}.auth-cta-grid{grid-template-columns:1fr}.auth-cta-card{grid-template-columns:48px 1fr;padding:18px}.auth-cta-card>b{width:44px;height:44px;font-size:22px}.auth-cta-card h2{font-size:var(--tvk-public-section-title);font-family:var(--tvk-font-editorial);line-height:1.2;font-weight:400;letter-spacing:0;color:var(--text)}.auth-newsletter{grid-template-columns:42px 1fr;padding:16px}.auth-newsletter>b{font-size:28px}.auth-newsletter__mock{grid-column:1/-1;width:100%;grid-template-columns:1fr auto}.account-hero--aligned{padding:20px;background-size:420px auto}.account-hero--aligned h1{font-size:var(--tvk-public-page-title);font-family:var(--tvk-font-editorial);line-height:1.06;font-weight:400;letter-spacing:-.01em;color:var(--text)}.account-hero--aligned h2{font-size:var(--tvk-public-section-title);font-family:var(--tvk-font-editorial);line-height:1.2;font-weight:400;letter-spacing:0;color:var(--text)}.account-saved-row{grid-template-columns:105px minmax(0,1fr) 22px}.account-saved-row__thumb{height:64px}.account-settings-card,.account-club-side{padding:16px}.saved-hero--aligned{grid-template-columns:1fr;min-height:190px;background-size:420px auto}.saved-hero--aligned h1{font-size:var(--tvk-public-page-title);font-family:var(--tvk-font-editorial);line-height:1.06;font-weight:400;letter-spacing:-.01em;color:var(--text)}.saved-hero--aligned .saved-hero__mark{display:none}.saved-toolbar{align-items:stretch}.saved-toolbar label{flex:1;font-family:var(--tvk-font-ui);font-size:var(--tvk-public-small);line-height:1.4;font-weight:400;letter-spacing:0;color:var(--secondary)}.saved-toolbar select{min-width:0;max-width:170px;font-family:var(--tvk-font-ui);font-size:var(--tvk-public-secondary);line-height:1.4;font-weight:400;letter-spacing:0;color:var(--text)}.saved-list--grid{grid-template-columns:1fr}.saved-sidebar{grid-template-columns:1fr}}

/* Stage 2 v0.11 — Fact Center + Dossiers */
.knowledge-listing,.knowledge-detail,.dossier-detail{padding-top:28px;padding-bottom:56px}.knowledge-hero{min-height:270px;margin-top:20px;display:grid;grid-template-columns:minmax(0,560px) 1fr;align-items:center;position:relative;overflow:hidden;background:linear-gradient(110deg,#090b0c 0%,#0a0c0d 58%,#131006 100%)}
.knowledge-hero,.topic-hero__content{padding:42px 44px;}.knowledge-hero h1,.dossier-hero h1,.knowledge-article h1,.dossier-profile h1{font-family:var(--tvk-font-editorial);font-weight:500;color:#f4f2ec}.knowledge-hero h1,.dossier-hero h1{font-size:var(--tvk-public-page-title);margin:18px 0 16px;font-family:var(--tvk-font-editorial);line-height:1.06;font-weight:400;letter-spacing:-.01em;color:var(--text)}.knowledge-hero p,.dossier-hero p{max-width:520px;color:var(--secondary);font-size:var(--tvk-public-primary);line-height:1.55;font-family:var(--tvk-font-ui);font-weight:400;letter-spacing:0;margin-bottom:18px}.knowledge-hero{position:relative;overflow:hidden}.knowledge-hero__visual{
  position:absolute;
  right:-90px;
  top:-10px;
  width:66%;
  height:112%;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  pointer-events:none;
  background:transparent;
}

.knowledge-hero__visual img{
  width:110%;
  height:110%;
  object-fit:contain;
  opacity:.78;
  filter:drop-shadow(0 0 55px rgba(245,166,0,.22));
  -webkit-mask-image:
    radial-gradient(
      ellipse 75% 65% at 55% 50%,
      #000 0%,
      #000 55%,
      rgba(0,0,0,.55) 72%,
      transparent 95%
    );
  mask-image:
    radial-gradient(
      ellipse 75% 65% at 55% 50%,
      #000 0%,
      #000 55%,
      rgba(0,0,0,.55) 72%,
      transparent 95%
    );
}.knowledge-search{display:grid;grid-template-columns:1fr auto;gap:12px;margin:18px 0}.knowledge-search input{min-height:50px;background:#090b0c;border:1px solid #5b3b00;color:var(--text);padding:0 16px;font-family:var(--tvk-font-ui);font-size:var(--tvk-public-secondary);line-height:1.4;font-weight:400;letter-spacing:0}.knowledge-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 20px}.knowledge-tabs a{border:1px solid #533600;padding:11px 14px;color:var(--secondary);font-family:var(--tvk-font-ui);font-size:var(--tvk-public-small);line-height:1.4;font-weight:400;letter-spacing:0}.knowledge-tabs a.active{background:#f2a900;color:#070707}.knowledge-tabs b{margin-left:6px}.knowledge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.knowledge-card{min-height:260px;padding:24px;display:flex;flex-direction:column;background:#0b0d0e}.knowledge-card__top{display:flex;justify-content:space-between;color:var(--gold-bright);font-size:var(--tvk-public-small);font-weight:700;text-transform:uppercase;font-family:var(--tvk-font-ui);line-height:1.35;letter-spacing:0}.knowledge-card__top b{font-size:var(--tvk-public-micro);font-family:var(--tvk-font-ui);line-height:1.3;font-weight:400;letter-spacing:0}.knowledge-card h2{font-family:var(--tvk-font-editorial);font-size:var(--tvk-public-card-title);margin:18px 0 10px;line-height:1.2;font-weight:400;letter-spacing:0;color:var(--text)}.knowledge-card p{color:var(--secondary);line-height:1.5;flex:1;font-family:var(--tvk-font-ui);font-size:var(--tvk-public-primary);font-weight:400;letter-spacing:0}.knowledge-card__meta{display:flex;justify-content:space-between;border-top:1px solid #242628;padding-top:12px;color:var(--muted);font-family:var(--tvk-font-ui);font-size:var(--tvk-public-meta);line-height:1.35;font-weight:400;letter-spacing:0}.knowledge-card>small{color:var(--gold-bright);margin-top:12px;font-family:var(--tvk-font-ui);font-size:var(--tvk-public-small);line-height:1.35;font-weight:700;letter-spacing:0}.knowledge-stat{font-family:var(--tvk-font-editorial);font-size:54px;color:#f1aa00;margin-top:16px}.knowledge-detail__layout,.dossier-content-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:26px;margin-top:30px}.knowledge-article h1{font-size:var(--tvk-public-detail-title);line-height:1.15;margin:10px 0 18px;font-family:var(--tvk-font-editorial);font-weight:400;letter-spacing:-.01em;color:var(--text)}.knowledge-lead{font-family:var(--tvk-font-editorial);font-size:var(--tvk-public-article-lead);line-height:1.5;color:var(--text);border-bottom:1px solid #513600;padding-bottom:26px;font-weight:400;letter-spacing:0}.article-body{font-family:var(--tvk-font-editorial);font-size:var(--tvk-public-article-body);line-height:1.78;color:var(--text);font-weight:400;letter-spacing:0}.article-body p{margin:0 0 20px}.knowledge-article blockquote{margin:28px 0;padding:28px;border-left:3px solid #f1aa00;background:#0d0f10;font-family:var(--tvk-font-editorial);font-size:var(--tvk-public-article-lead);line-height:1.5;font-weight:400;letter-spacing:0;color:var(--text)}.knowledge-article blockquote cite{display:block;margin-top:18px;font-family:var(--tvk-font-ui);font-size:var(--tvk-public-small);color:var(--gold-bright);line-height:1.35;font-weight:700;letter-spacing:0}.fact-stat-highlight{margin:26px 0;padding:28px;border:1px solid #523700;display:flex;align-items:baseline;gap:18px}.fact-stat-highlight strong{font-family:var(--tvk-font-editorial);font-size:70px;color:#f3aa00}.fact-stat-highlight span{font-size:18px;color:#b9b9b9}.source-box{margin-top:32px;padding:24px;background:#0b0d0e}.source-box>span{color:var(--gold-bright);font-size:var(--tvk-public-small);font-weight:700;font-family:var(--tvk-font-ui);line-height:1.35;letter-spacing:0}.source-box h2{font-family:var(--tvk-font-editorial);font-size:var(--tvk-public-section-title);margin:10px 0;line-height:1.2;font-weight:400;letter-spacing:0;color:var(--text)}.source-box a{color:#f1aa00}.knowledge-aside{display:flex;flex-direction:column;gap:14px}.knowledge-aside dl{display:grid;grid-template-columns:100px 1fr;gap:10px;margin:0}.knowledge-aside dt{color:var(--secondary);font-family:var(--tvk-font-ui);font-size:var(--tvk-public-small);line-height:1.4;font-weight:400;letter-spacing:0}.knowledge-aside dd{margin:0;color:var(--secondary);font-family:var(--tvk-font-ui);font-size:var(--tvk-public-small);line-height:1.4;font-weight:400;letter-spacing:0}.dossier-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.dossier-card{display:grid;grid-template-columns:170px 1fr;min-height:240px;background:#0b0d0e;overflow:hidden}.dossier-card__visual{background:radial-gradient(circle,#201500 0%,#0a0c0d 64%);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;border-right:1px solid #4c3300}.dossier-card__visual span{font-family:var(--tvk-font-editorial);font-size:76px;color:#efaa00}.dossier-card>div:last-child{padding:22px}.dossier-card small{color:var(--gold-bright);font-family:var(--tvk-font-ui);font-size:var(--tvk-public-small);line-height:1.35;font-weight:700;letter-spacing:0}.dossier-card h2{font-family:var(--tvk-font-editorial);font-size:var(--tvk-public-card-title);margin:8px 0;line-height:1.2;font-weight:400;letter-spacing:0;color:var(--text)}.dossier-card strong{color:var(--text);font-family:var(--tvk-font-ui);font-size:var(--tvk-public-primary);line-height:1.45;font-weight:600;letter-spacing:0}.dossier-card p{color:var(--secondary);line-height:1.5;font-family:var(--tvk-font-ui);font-size:var(--tvk-public-primary);font-weight:400;letter-spacing:0}.dossier-card__fact{border-top:1px solid #272727;padding-top:12px;display:flex;justify-content:space-between}.dossier-card__fact span{color:var(--muted);font-family:var(--tvk-font-ui);font-size:var(--tvk-public-meta);line-height:1.35;font-weight:400;letter-spacing:0}.dossier-card__fact b{color:#ddd}.dossier-profile{margin-top:20px;display:grid;grid-template-columns:300px 1fr;min-height:360px;background:#0b0d0e;overflow:hidden}.dossier-profile__portrait{display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#261a02,#090b0c 68%);background-size:cover;background-position:center;border-right:1px solid #543800}.dossier-profile__portrait span{font-size:120px;color:#efaa00}.dossier-profile__copy{padding:46px}.dossier-profile h1{font-size:var(--tvk-public-detail-title);margin:8px 0;font-family:var(--tvk-font-editorial);line-height:1.15;font-weight:400;letter-spacing:-.01em;color:var(--text)}.dossier-profile h2{font-family:var(--tvk-font-editorial);font-weight:400;color:var(--text);font-size:var(--tvk-public-section-title);line-height:1.2;letter-spacing:0}.dossier-profile p{max-width:800px;color:var(--secondary);line-height:1.5;font-family:var(--tvk-font-ui);font-size:var(--tvk-public-primary);font-weight:400;letter-spacing:0}.dossier-primary{display:inline-flex;gap:18px;align-items:baseline;margin-top:16px;padding:12px 16px;border:1px solid #523700}.dossier-primary small{color:var(--muted);font-family:var(--tvk-font-ui);font-size:var(--tvk-public-meta);line-height:1.35;font-weight:400;letter-spacing:0}.dossier-primary strong{color:var(--gold-bright);font-family:var(--tvk-font-ui);font-size:var(--tvk-public-small);line-height:1.35;font-weight:700;letter-spacing:0}.dossier-related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dossier-related{padding:20px;background:#0b0d0e}.dossier-related small{color:var(--gold-bright);font-family:var(--tvk-font-ui);font-size:var(--tvk-public-small);line-height:1.35;font-weight:700;letter-spacing:0}.dossier-related h3{font-family:var(--tvk-font-editorial);font-size:var(--tvk-public-card-title);line-height:1.2;font-weight:400;letter-spacing:0;color:var(--text)}.dossier-related p{color:var(--secondary);font-family:var(--tvk-font-ui);font-size:var(--tvk-public-primary);line-height:1.5;font-weight:400;letter-spacing:0}.dossier-related span{color:#f1aa00}.muted-copy{color:var(--secondary);font-family:var(--tvk-font-ui);font-size:var(--tvk-public-primary);line-height:1.5;font-weight:400;letter-spacing:0}.search-empty-promo{margin-top:18px;padding:28px;display:flex;justify-content:space-between;gap:24px}.search-empty-promo h2{font-family:var(--tvk-font-editorial);font-size:var(--tvk-public-section-title);line-height:1.2;font-weight:400;letter-spacing:0;color:var(--text)}.search-empty-promo p{color:var(--secondary);font-family:var(--tvk-font-ui);font-size:var(--tvk-public-primary);line-height:1.5;font-weight:400;letter-spacing:0}.search-empty-links{display:flex;flex-direction:column;gap:10px;min-width:190px}.search-empty-links a{color:#f1aa00}.admin-nav a.active{color:#f3aa00}
@media(max-width:980px){.knowledge-hero,.dossier-hero{grid-template-columns:1fr}.knowledge-hero__visual,.knowledge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.knowledge-detail__layout,.dossier-content-layout{grid-template-columns:1fr}.dossier-grid{grid-template-columns:1fr}.dossier-profile{grid-template-columns:220px 1fr}.dossier-profile__copy{padding:28px}.dossier-profile h1{font-size:var(--tvk-public-detail-title);font-family:var(--tvk-font-editorial);line-height:1.15;font-weight:400;letter-spacing:-.01em;color:var(--text)}}
@media(max-width:640px){.knowledge-listing,.knowledge-detail,.dossier-detail{padding-top:16px}.knowledge-hero,.dossier-hero{min-height:auto}
.knowledge-hero,.dossier-hero,.topic-hero__content{padding:24px 20px;}.knowledge-hero h1,.dossier-hero h1{font-size:var(--tvk-public-page-title);font-family:var(--tvk-font-editorial);line-height:1.06;font-weight:400;letter-spacing:-.01em;color:var(--text)}.knowledge-search{grid-template-columns:1fr}.knowledge-tabs{display:grid;grid-template-columns:repeat(2,1fr)}.knowledge-tabs a{text-align:center;font-family:var(--tvk-font-ui);font-size:var(--tvk-public-small);line-height:1.4;font-weight:400;letter-spacing:0;color:var(--secondary)}.knowledge-grid{grid-template-columns:1fr}.knowledge-detail__layout,.dossier-content-layout{margin-top:18px}.knowledge-article h1{font-size:var(--tvk-public-detail-title);font-family:var(--tvk-font-editorial);line-height:1.15;font-weight:400;letter-spacing:-.01em;color:var(--text)}.knowledge-lead{font-size:var(--tvk-public-article-lead);font-family:var(--tvk-font-editorial);line-height:1.5;font-weight:400;letter-spacing:0;color:var(--text)}.fact-stat-highlight strong{font-size:50px}.dossier-card{grid-template-columns:100px 1fr}.dossier-card__visual span{font-size:48px}.dossier-card h2{font-size:var(--tvk-public-card-title);font-family:var(--tvk-font-editorial);line-height:1.2;font-weight:400;letter-spacing:0;color:var(--text)}.dossier-profile{grid-template-columns:1fr}.dossier-profile__portrait{height:180px;border-right:0;border-bottom:1px solid #543800}.dossier-profile__copy{padding:22px}.dossier-profile h1{font-size:var(--tvk-public-detail-title);font-family:var(--tvk-font-editorial);line-height:1.15;font-weight:400;letter-spacing:-.01em;color:var(--text)}.dossier-related-grid{grid-template-columns:1fr}.search-empty-promo{flex-direction:column}}

/* Stage 2 v0.12 — Admin Core */
.admin-stat-note{display:block;color:#777;font-size:10px;margin-top:7px}.admin-core-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:16px;margin-top:16px}.admin-kv-list{display:grid}.admin-kv-list>div{display:flex;justify-content:space-between;padding:12px 15px;border-bottom:1px solid #211d11}.admin-kv-list span{color:#999}.admin-kv-list b{color:var(--yellow)}.admin-audit-list{display:grid}.admin-audit-list>div{padding:12px 15px;border-bottom:1px solid #211d11;display:grid;gap:4px}.admin-audit-list b{font-size:12px}.admin-audit-list span,.admin-audit-list small{color:#777;font-size:10px}.admin-inline-filters{display:flex;gap:10px;flex-wrap:wrap;width:100%}.admin-inline-filters input,.admin-inline-filters select,.admin-panel-pad select,.admin-setting-card textarea{background:#0a0a0a;border:1px solid #403519;color:#eee;padding:11px 12px;outline:none}.admin-inline-filters input{min-width:300px;flex:1}.admin-panel-pad{padding:16px;display:grid;gap:12px;border-top:1px solid #302713}.admin-panel-pad label{display:grid;gap:8px;color:#aaa;font-size:11px}.admin-permissions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:14px}.admin-permissions label{display:flex;gap:10px;align-items:flex-start;border:1px solid #2d2615;padding:10px;background:#090909}.admin-permissions label input{margin-top:3px}.admin-permissions label span{display:grid;gap:3px}.admin-permissions label b{font-size:10px;color:#ddd}.admin-permissions label small{font-size:9px;color:#666}.admin-permissions .disabled-permission{opacity:.45}.admin-comment-cell{max-width:360px;line-height:1.45}.admin-json-cell{max-width:320px;word-break:break-word;color:#8d8d8d!important;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px}.admin-settings-list{display:grid;gap:12px;margin-top:16px}.admin-setting-card{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(320px,1.4fr) auto;gap:16px;align-items:center;border:1px solid #332a13;background:#0d0d0d;padding:16px}.admin-setting-card strong{color:#eee}.admin-setting-card p{color:#888;font-size:11px;margin:5px 0}.admin-setting-card small{color:#666}.admin-setting-card textarea{resize:vertical;min-height:86px}.yellow-button:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:1050px){.admin-core-grid{grid-template-columns:1fr}.admin-permissions{grid-template-columns:1fr}.admin-setting-card{grid-template-columns:1fr}.admin-inline-filters input{min-width:220px}}

/* Stage 2 v0.13 — Password recovery + public community */
.auth-simple-page{min-height:calc(100vh - 220px);padding:56px 0 80px;display:flex;align-items:flex-start;justify-content:center}.auth-simple-card{width:min(620px,100%);padding:38px}.auth-simple-card h1{font-family:var(--tvk-font-editorial);font-size:var(--tvk-public-page-title);font-weight:400;margin:10px 0 12px;line-height:1.06;letter-spacing:-.01em;color:var(--text)}.auth-simple-card>p,.auth-simple-card form>p{color:var(--secondary);line-height:1.5;font-family:var(--tvk-font-ui);font-size:var(--tvk-public-primary);font-weight:400;letter-spacing:0}.form-success{border:1px solid #315d35;background:#0a150c;padding:14px;display:grid;gap:8px;color:#b9d8bb}.form-success small{color:#7d9b80}.community-section{margin-top:32px}.community-section .episode-comments__head h2 span{color:var(--gold-bright);font-size:.7em;margin-left:7px}.community-create{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:start;padding:16px 0;border-bottom:1px solid var(--border)}.community-create textarea,.community-reply-form textarea,.community-edit textarea{width:100%;min-height:88px;background:#090b0c;border:1px solid #403519;color:#eee;padding:12px;resize:vertical;outline:none}.community-create textarea:focus,.community-reply-form textarea:focus,.community-edit textarea:focus{border-color:var(--gold-bright)}.community-avatar{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#17130a;border:1px solid #5c4309;color:var(--gold-bright);font-weight:700}.community-login-callout,.community-state{margin:14px 0;padding:14px 16px;border:1px solid #302713;background:#0a0b0c;color:#9b9ea0}.community-login-callout a{color:var(--gold-bright)}.community-list{display:grid}.community-comment{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;padding:18px 0;border-bottom:1px solid var(--border)}.community-comment--reply{grid-template-columns:34px minmax(0,1fr);margin-left:24px;padding-bottom:8px;border-bottom:0;border-top:1px solid #181a1b}.community-comment--reply .community-avatar{width:30px;height:30px;font-size:12px}.community-comment__meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.community-comment__meta strong{font-size:13px}.community-comment__meta time,.community-comment__meta small{color:#707376;font-size:11px}.community-comment__body>p{color:#c4c6c5;line-height:1.65;margin:8px 0}.community-actions{display:flex;gap:12px}.community-actions button{border:0;background:transparent;padding:0;color:#8e918e;font-size:11px;cursor:pointer}.community-actions button:hover{color:var(--gold-bright)}.community-reply-form,.community-edit{display:grid;gap:10px;margin-top:12px}.account-password-card{padding:18px}.account-password-card h2{margin:0 0 6px;font-family:var(--tvk-font-editorial);font-size:var(--tvk-public-section-title);line-height:1.2;font-weight:400;letter-spacing:0;color:var(--text)}.account-password-card>p{color:var(--secondary);font-size:var(--tvk-public-primary);line-height:1.5;font-family:var(--tvk-font-ui);font-weight:400;letter-spacing:0}.account-password-form{display:grid;gap:10px}.account-password-form label{display:grid;gap:6px;color:var(--secondary);font-size:var(--tvk-public-small);font-family:var(--tvk-font-ui);line-height:1.4;font-weight:400;letter-spacing:0}.account-password-form input{background:#090a0b;border:1px solid #403519;color:var(--text);padding:11px 12px;outline:none;font-family:var(--tvk-font-ui);font-size:var(--tvk-public-secondary);line-height:1.4;font-weight:400;letter-spacing:0}.account-password-form input:focus{border-color:var(--gold-bright)}
@media(max-width:640px){.auth-simple-page{padding:24px 0 50px}.auth-simple-card{padding:24px 18px}.auth-simple-card h1{font-size:var(--tvk-public-page-title);font-family:var(--tvk-font-editorial);line-height:1.06;font-weight:400;letter-spacing:-.01em;color:var(--text)}.community-create{grid-template-columns:34px 1fr}.community-create .button{grid-column:2}.community-avatar{width:32px;height:32px}.community-comment{grid-template-columns:34px 1fr}.community-comment--reply{margin-left:8px}}
.account-comments-list{display:grid}.account-comments-list a{display:grid;gap:5px;padding:14px 18px;border-top:1px solid var(--border)}.account-comments-list a:first-child{border-top:0}.account-comments-list small{color:var(--muted);font-family:var(--tvk-font-ui);font-size:var(--tvk-public-meta);line-height:1.35;font-weight:400;letter-spacing:0}.account-comments-list strong{font-weight:500;color:#ddd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-comments-list span{color:var(--muted);font-size:var(--tvk-public-meta);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--tvk-font-ui);line-height:1.35;font-weight:400;letter-spacing:0}

/* Stage 2 v0.14 — PUB-09 advertising application */
.advertise-page main{padding-bottom:34px}.advertise-hero{border-bottom:0;background:#030405;padding-top:28px}.advertise-hero__grid{min-height:330px;display:grid;grid-template-columns:46% 54%}.advertise-hero__copy{padding:46px 18px 40px 0;align-self:center}.advertise-hero__copy h1{font-family:var(--tvk-font-editorial);font-size:var(--tvk-public-page-title);line-height:1.06;font-weight:400;margin:0 0 14px;letter-spacing:-.01em;color:var(--text)}.advertise-hero__copy p{color:var(--secondary);max-width:520px;line-height:1.5;margin:0 0 18px;font-family:var(--tvk-font-ui);font-size:var(--tvk-public-primary);font-weight:400;letter-spacing:0}.advertise-hero__art{position:relative;min-height:330px;background:linear-gradient(90deg,rgba(5,6,7,.15),rgba(5,6,7,0)),url('/brand/news-map-approved.webp') center/cover no-repeat}.advertise-hero__art:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 55% 50%,rgba(240,160,0,.18),transparent 25%)}.advertise-play{position:absolute;left:52%;top:50%;transform:translate(-50%,-50%);width:102px;height:102px;border:2px solid var(--gold-bright);border-radius:50%;display:grid;place-items:center;color:#ffb313;font-size:42px;padding-left:7px;background:rgba(8,8,8,.72);box-shadow:0 0 0 8px rgba(240,160,0,.07)}.advertise-layout{display:grid;grid-template-columns:.78fr 1.55fr;gap:20px;padding-top:18px}.advertise-section-head h2,.advertise-mid-grid h2,.advertise-form-card>h2{font-family:var(--tvk-font-editorial);font-size:var(--tvk-public-section-title);font-weight:400;margin:0 0 6px;line-height:1.2;letter-spacing:0;color:var(--text)}.advertise-section-head p{color:var(--secondary);font-size:var(--tvk-public-primary);line-height:1.5;margin:0 0 14px;font-family:var(--tvk-font-ui);font-weight:400;letter-spacing:0}.advertise-format-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.advertise-format-card{padding:18px 14px;min-height:220px}.advertise-format-card h3{font-weight:400;color:var(--text);margin:14px 0 8px;font-family:var(--tvk-font-editorial);font-size:var(--tvk-public-card-title);line-height:1.2;letter-spacing:0}.advertise-format-card p{font-size:var(--tvk-public-primary);color:var(--secondary);line-height:1.5;font-family:var(--tvk-font-ui);font-weight:400;letter-spacing:0}.advertise-format-card small{display:block;margin-top:22px;color:var(--muted);line-height:1.35;font-family:var(--tvk-font-ui);font-size:var(--tvk-public-meta);font-weight:400;letter-spacing:0}.advertise-tariff-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.advertise-tariff-card{position:relative;padding:18px 14px;min-height:300px;display:flex;flex-direction:column}.advertise-tariff-card.is-featured{border-color:var(--gold-bright)}.advertise-tariff-card__badge{position:absolute;right:12px;top:-10px;background:var(--gold-bright);color:#090b0d;padding:4px 8px;font-size:var(--tvk-public-micro);font-weight:400;border-radius:10px;font-family:var(--tvk-font-ui);line-height:1.3;letter-spacing:0}.advertise-tariff-card h3{color:var(--text);font-size:var(--tvk-public-card-title);margin:0 0 8px;font-family:var(--tvk-font-editorial);line-height:1.2;font-weight:400;letter-spacing:0}.advertise-tariff-card>p{color:var(--secondary);font-size:var(--tvk-public-primary);min-height:32px;font-family:var(--tvk-font-ui);line-height:1.5;font-weight:400;letter-spacing:0}.advertise-tariff-card>strong{font-size:var(--tvk-public-price);color:var(--gold-bright);font-weight:500;margin:6px 0 10px;font-family:var(--tvk-font-ui);line-height:1.05;letter-spacing:0}.advertise-tariff-card ul{list-style:none;padding:0;margin:0 0 14px;display:grid;gap:7px;flex:1}.advertise-tariff-card li{font-size:var(--tvk-public-small);color:var(--secondary);line-height:1.4;font-family:var(--tvk-font-ui);font-weight:400;letter-spacing:0}.advertise-tariff-card li:before{content:"✓";color:var(--gold-bright);margin-right:6px}.advertise-tariff-card .button{min-height:36px;font-size:var(--tvk-public-button);font-family:var(--tvk-font-ui);font-weight:600;letter-spacing:0}.advertise-disclaimer{color:var(--muted);font-size:var(--tvk-public-meta);text-align:center;margin:10px 0 0;font-family:var(--tvk-font-ui);line-height:1.35;font-weight:400;letter-spacing:0}.advertise-mid-grid{width:min(1280px,calc(100% - 64px));margin:24px auto 0;display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:22px;align-items:start}.advertise-mid-grid>div>h2{margin:0 0 12px}.advertise-benefits{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:24px}.advertise-benefits article{min-height:160px;padding:15px 10px;display:grid;align-content:start;justify-items:center;gap:8px;text-align:center}.advertise-benefit-icon{display:block;width:32px;height:32px;margin-bottom:2px;object-fit:contain}.advertise-benefits strong{font-size:var(--tvk-public-primary);font-family:var(--tvk-font-ui);line-height:1.45;font-weight:600;letter-spacing:0;color:var(--text)}.advertise-benefits span{color:var(--secondary);font-size:var(--tvk-public-small);line-height:1.4;font-family:var(--tvk-font-ui);font-weight:400;letter-spacing:0}.advertise-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--gold-dark);margin:0 0 24px;padding:0;list-style:none;background:#07090a}.advertise-steps li{position:relative;min-width:0;min-height:142px;padding:20px 38px 18px 18px;display:flex;align-items:flex-start;gap:12px;border-right:0}.advertise-steps li:last-child{border-right:0}.advertise-step-number{display:block;width:32px;height:32px;flex:none;object-fit:contain}.advertise-steps strong{font-size:var(--tvk-public-primary);display:block;margin-bottom:7px;font-family:var(--tvk-font-ui);line-height:1.45;font-weight:600;letter-spacing:0;color:var(--text)}.advertise-steps span{font-size:var(--tvk-public-meta);color:var(--muted);line-height:1.35;font-family:var(--tvk-font-ui);font-weight:400;letter-spacing:0}
/* TV KADR - PUB-09 FORM START */
.advertise-form-card{
  padding:18px 18px 20px;
  position:sticky;
  top:88px;
  scroll-margin-top:96px;
}

.advertise-form-card>h2{
  margin:0 0 15px;
}

.advertise-form-card form{
  display:grid;
  gap:11px;
}

.advertise-form-card label,
.advertise-form-card .advertise-field{
  display:grid;
  gap:6px;
  color:var(--secondary);
  font-family:var(--tvk-font-ui);
  font-size:var(--tvk-public-small);
  font-weight:400;
  line-height:1.4;
  letter-spacing:0;
}

.advertise-field--placeholder{
  position:relative;
}

.advertise-field--placeholder>.advertise-field__label{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}

.advertise-form-card input,
.advertise-form-card textarea{
  width:100%;
  box-sizing:border-box;
  border:1px solid #4a3510;
  border-radius:2px;
  outline:0;
  background:#070809;
  color:var(--text);
  padding:10px 12px;
  font-family:var(--tvk-font-ui);
  font-size:var(--tvk-public-secondary);
  font-weight:400;
  line-height:1.4;
  letter-spacing:0;
  transition:border-color .16s ease,box-shadow .16s ease;
}

.advertise-form-card input{
  min-height:42px;
}

.advertise-form-card textarea{
  min-height:94px;
  resize:vertical;
}

.advertise-form-card input::placeholder,
.advertise-form-card textarea::placeholder{
  color:#72777d;
  opacity:1;
}

.advertise-form-card input:focus-visible,
.advertise-form-card textarea:focus-visible{
  border-color:var(--gold-bright);
  outline:0;
  box-shadow:0 0 0 1px rgba(240,160,0,.28);
}

.advertise-form-card input:disabled,
.advertise-form-card textarea:disabled{
  cursor:not-allowed;
  opacity:.45;
}

.advertise-select-control{
  width:100%;
  min-width:0;
}
.advertise-selected-tariff{
  display:block;
  margin-top:-4px;
  color:var(--muted);
  font-family:var(--tvk-font-ui);
  font-size:var(--tvk-public-small);
  line-height:1.4;
}

.advertise-form-card .check-line{
  display:grid;
  grid-template-columns:16px minmax(0,1fr);
  align-items:start;
  gap:9px;
  cursor:pointer;
  line-height:1.4;
}

.advertise-form-card .check-line input[type="checkbox"]{
  width:16px;
  min-width:16px;
  height:16px;
  min-height:16px;
  margin:1px 0 0;
  padding:0;
  border:1px solid #6a4a0d;
  border-radius:2px;
  background-color:#070809;
  background-repeat:no-repeat;
  background-position:center;
  background-size:12px 12px;
  cursor:pointer;
  appearance:none;
  -webkit-appearance:none;
}

.advertise-form-card .check-line input[type="checkbox"]:checked{
  border-color:var(--gold-bright);
  background-color:var(--gold-bright);
  background-image:url("/assets/advertise/form-check.svg");
}

.advertise-form-card .check-line input[type="checkbox"]:focus-visible{
  outline:2px solid var(--gold-bright);
  outline-offset:2px;
  box-shadow:none;
}

.advertise-form-card .check-line span{
  min-width:0;
}

.advertise-submit{
  width:100%;
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  margin-top:2px;
}

.advertise-submit__icon{
  width:18px;
  height:18px;
  flex:0 0 18px;
  color:currentColor;
  background-color:currentColor;
  mask-image:url("/assets/advertise/form-send.svg");
  mask-repeat:no-repeat;
  mask-position:center;
  mask-size:contain;
  -webkit-mask-image:url("/assets/advertise/form-send.svg");
  -webkit-mask-repeat:no-repeat;
  -webkit-mask-position:center;
  -webkit-mask-size:contain;
}

.advertise-submit:disabled{
  cursor:wait;
  opacity:.65;
}

.advertise-form-hint{
  display:grid;
  grid-template-columns:17px minmax(0,1fr);
  align-items:start;
  gap:9px;
  color:var(--muted);
  font-family:var(--tvk-font-ui);
  font-size:var(--tvk-public-small);
  line-height:1.45;
}

.advertise-form-hint__icon{
  width:17px;
  height:17px;
  margin-top:1px;
  color:var(--gold-bright);
  background-color:currentColor;
  mask-image:url("/assets/advertise/form-lock.svg");
  mask-repeat:no-repeat;
  mask-position:center;
  mask-size:contain;
  -webkit-mask-image:url("/assets/advertise/form-lock.svg");
  -webkit-mask-repeat:no-repeat;
  -webkit-mask-position:center;
  -webkit-mask-size:contain;
}
/* TV KADR - PUB-09 FORM END */
.advertise-selected-tariff,.advertise-form-hint{color:var(--muted);line-height:1.35;font-family:var(--tvk-font-ui);font-size:var(--tvk-public-meta);font-weight:400;letter-spacing:0}.advertise-submit{width:100%}.advertise-page .form-error,.advertise-page .form-success{margin-bottom:12px}
@media(max-width:1050px){.advertise-layout{grid-template-columns:1fr}.advertise-format-grid{grid-template-columns:repeat(3,1fr)}.advertise-mid-grid{grid-template-columns:1fr}.advertise-form-card{position:static}.advertise-tariff-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.advertise-hero__grid{grid-template-columns:1fr}.advertise-hero__copy{padding:30px 0}.advertise-hero__copy h1{font-size:var(--tvk-public-page-title);font-family:var(--tvk-font-editorial);line-height:1.06;font-weight:400;letter-spacing:-.01em;color:var(--text)}.advertise-hero__art{min-height:230px}.advertise-layout,.advertise-mid-grid{width:min(100% - 28px,1280px);padding-top:14px}.advertise-format-grid,.advertise-tariff-grid,.advertise-benefits,.advertise-steps{grid-template-columns:1fr}.advertise-steps li{border-right:0;border-bottom:1px solid #2a2518}.advertise-steps li:last-child{border-bottom:0}}

/* Stage 2 v0.14.2 — Public UI alignment pass against approved Stage 1 PUB/MOB references */
:root{
  --align-gold:#eea000;
  --align-line:#563b06;
  --align-soft:#a5a6a4;
}
.public-page{background:#030405}
.site-shell{width:min(1280px,calc(100% - 72px))}
.frame-gold{border-color:var(--align-line);border-radius:4px;background:#07090a}
.button{border-radius:3px}
.button--primary{background:linear-gradient(180deg,#f7b21a,#e99100);border-color:#f3a600}

/* Header: tighter proportions from PUB-01/02/08/09/10 */
.site-header{background:rgba(3,4,5,.985);border-bottom-color:#201b10}
.site-header__inner{height:62px;gap:34px}
.wordmark>span,.wordmark:not(:has(>span)){font-size:19px;letter-spacing:.19em;font-weight:500}
.wordmark small{margin-top:5px;font-size:8px;color:#777b78}
.site-nav{gap:27px}
.site-nav a{font-size:12px;color:#b8b9b7}
.site-nav a.active:after{height:2px;background:#f3a600}
.site-actions{gap:14px}
.site-action-link{font-size:12px}
.site-icon{width:18px;height:18px}
.site-subscribe{min-height:38px;padding:0 17px;font-size:12px}

/* PUB-01 — main page */
.home-page{padding:10px 0 0}
.home-hero{min-height:340px;grid-template-columns:36% 64%;border-radius:4px}
.home-hero__copy{padding:25px 28px 22px;background:#050607}


.home-hero blockquote{font-size:11px;line-height:1.45;max-width:390px;margin-bottom:15px;padding-left:18px}
.home-hero blockquote:before{font-size:29px;top:-6px}
.home-hero__art{min-height:338px;background-position:center center}
.home-hero .button{min-height:39px;padding:0 16px;font-size:12px}
.featured-release{grid-template-columns:53% 47%;margin-top:10px}
.featured-release__image{min-height:260px}
.featured-release__content{padding:21px 28px}
.featured-release time{font-size:11px;margin:7px 0}
.featured-release h2{font-size:28px;margin-bottom:9px}
.featured-release p{font-size:12px;line-height:1.47;margin-bottom:12px}
.featured-release__actions{margin-top:12px}
.home-section{margin-top:10px;padding:11px 18px 15px}
.home-topic-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;margin-top:9px}
.home-topic-card{min-height:76px;border:1px solid var(--align-line);background:#070809;border-radius:3px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#b9bbb9;font-size:11px}.home-topic-card:hover
{border-color:#e69b00;color:#f2f2ef}
.home-topic-card b{font-size:28px;line-height:1;color:#eda100;font-weight:300}
.club-section{margin-top:10px;padding:11px;grid-template-columns:2.15fr .92fr .92fr;gap:10px}
.club-intro{grid-template-columns:165px 1fr;gap:14px}
.club-intro__art{height:158px}
.club-intro h2{font-size:19px;margin-bottom:5px}
.club-intro p{font-size:11px}
.club-intro ul{font-size:10.5px;line-height:1.5;margin-bottom:9px}
.club-intro .button{min-height:36px;font-size:11px}
.price-card{padding:14px;gap:8px}
.price-card>strong{font-size:23px}
.home-two-col{gap:10px;margin-top:10px}
.materials-panel,.fact-panel{padding:11px 15px}
.material-list article{grid-template-columns:88px 1fr 20px;gap:10px;padding:5px 0}
.material-thumb{height:47px}
.material-list h3{font-size:12px}
.fact-panel>a:not(.panel-link){padding:6px 0;font-size:11px}
.news-strip{margin-top:10px;padding:14px 16px}
.news-strip__grid a{min-height:112px;padding:12px}
.promo-row{gap:10px;margin-top:10px}
.mail-promo,.support-promo,.club-promo{min-height:92px;padding:15px 18px}

/* PUB-02 — catalog */
.episodes-page{padding-bottom:0}
.episodes-hero{min-height:210px;grid-template-columns:43% 57%;border-bottom-color:#3b2a08}
.episodes-hero>div:first-child{padding:32px 0 28px}
.episodes-hero h1{margin-bottom:12px}
.episodes-hero p{max-width:470px}
.episodes-hero__map{height:210px}
.episode-controls{grid-template-columns:minmax(0,1fr) 250px auto;padding:10px 0 13px;gap:10px}
.episode-filter-chips{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none}
.episode-filter-chips::-webkit-scrollbar{display:none}
.episode-filter-chips a{min-height:35px;padding:0 13px;border:1px solid #5a4009;border-radius:2px;display:flex;align-items:center;white-space:nowrap;color:#c6c7c5;font-size:10.5px}
.episode-filter-chips a.active{background:#eca000;color:#070808;border-color:#f0a500}
.episode-search{height:36px}
.episode-search input{height:36px;font-size:11px}
.episode-search button{height:36px}
.episode-view-actions a{min-height:36px;font-size:10.5px}
.episode-feature{grid-template-columns:60% 40%;min-height:300px}
.episode-feature__visual{min-height:300px}
.episode-feature__copy{padding:25px 27px}


.episode-grid{gap:10px;margin-top:10px}
.episode-card__visual{height:143px}
.episode-card__copy{padding:10px 12px 12px}
.episode-card h3{margin:6px 0}
.episode-card p{margin-bottom:9px}
.episode-card__meta{padding-top:7px;font-size:9px}
.episode-list-heading{display:none}
.load-more-wrap{margin:8px 0 28px}.load-more-wrap+.promo-row--bottom{margin-top:0}
.promo-row--bottom{margin-top:14px}

/* PUB-08 — topic page */
/* PUB-08 - TOPIC HERO START */
.topic-hero {
  display:grid;
  grid-template-columns:minmax(0,43fr) minmax(0,57fr);
  align-items:stretch;
  min-height:250px;
  border-bottom:1px solid var(--gold-dark);
  overflow:hidden;
}

.topic-hero__content {
  min-width:0;
}

.topic-hero h1 {
  margin:0 0 14px;
  font-family:var(--tvk-font-display);
  font-size:var(--tvk-public-page-title);
  font-weight:400;
  line-height:1.06;
  letter-spacing:-.01em;
  color:var(--text);
}

.topic-hero p {
  max-width:480px;
  margin:0;
  font-family:var(--tvk-font-ui);
  font-size:var(--tvk-public-primary);
  font-weight:400;
  line-height:1.5;
  letter-spacing:0;
  color:var(--secondary);
}

.topic-hero .section-stats {
  flex-direction:row;
  flex-wrap:wrap;
  align-items:center;
  gap:12px 24px;
  margin-top:28px;
  font-size:var(--tvk-public-meta);
}

/* PUB-08 - HERO CONTENT STATS */
.topic-hero .section-stats > span {
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-width:0;
  color:var(--secondary);
}

.topic-hero__stat-icon {
  display:inline-block;
  flex:0 0 16px;
  width:16px;
  height:16px;
  background-color:var(--gold-bright);
  -webkit-mask:url('/assets/ui/date.svg') center / contain no-repeat;
  mask:url('/assets/ui/date.svg') center / contain no-repeat;
}

.topic-hero__stat-icon--updated {
  -webkit-mask-image:url('/assets/ui/duration.svg');
  mask-image:url('/assets/ui/duration.svg');
}

.topic-hero__map {
  min-width:0;
  min-height:250px;
  margin:0;
  mix-blend-mode:lighten;
  background:url('/images/topics/topics-hero-d2124d3b4934.png') center / contain no-repeat;
}

@media (max-width:720px) {
  .topic-hero {
    grid-template-columns:minmax(0,1fr);
    min-height:0;
  }

  

  .topic-hero .section-stats {
    gap:10px 20px;
    margin-top:20px;
  }

  .topic-hero__map {
    min-height:0;
    height:180px;
  }
}
/* PUB-08 - TOPIC HERO END */

.topic-page{padding-bottom:28px}





.topic-controls{padding:10px 0 12px}
.topic-layout{grid-template-columns:minmax(0,1fr) 300px;gap:12px}
.topic-feature{grid-template-columns:55% 45%;min-height:260px}
.topic-feature__image{min-height:260px}
.topic-feature__copy{padding:21px}
.topic-feature__copy h2{font-size:var(--tvk-public-feature-title);font-family:var(--tvk-font-editorial);line-height:1.15;font-weight:400;letter-spacing:-.01em;color:var(--text)}
.topic-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:8px}
.topic-card{display:block;min-height:0;padding:0 0 10px;align-items:stretch;justify-content:initial;gap:0;font-size:inherit}
.topic-card__image{height:122px}
.topic-card h3{font-size:var(--tvk-public-card-title);min-height:36px;font-family:var(--tvk-font-editorial);line-height:1.2;font-weight:400;letter-spacing:0;color:var(--text)}
.topic-card p{font-size:var(--tvk-public-primary);min-height:38px;font-family:var(--tvk-font-ui);line-height:1.5;font-weight:400;letter-spacing:0;color:var(--secondary)}
.topic-card>small{font-size:var(--tvk-public-meta);font-family:var(--tvk-font-ui);line-height:1.35;font-weight:400;letter-spacing:0;color:var(--muted)}
.sidebar-card{padding:14px}
.sidebar-card h2{font-size:var(--tvk-public-small);font-family:var(--tvk-font-ui);line-height:1.35;font-weight:700;letter-spacing:0;color:var(--gold-bright)}

/* PUB-10 — search results */
.search-page{padding:14px 0 27px}
.search-heading{padding:13px 0 8px}
.search-heading h1{font-size:var(--tvk-public-page-title);margin-bottom:10px;font-family:var(--tvk-font-editorial);line-height:1.06;font-weight:400;letter-spacing:-.01em;color:var(--text)}
.search-heading p{font-size:var(--tvk-public-primary);font-family:var(--tvk-font-ui);line-height:1.5;font-weight:400;letter-spacing:0;color:var(--secondary)}
.search-main-form{max-width:100%;grid-template-columns:minmax(0,1fr) 132px;margin:10px 0 13px}
.search-main-form input{height:40px;font-size:var(--tvk-public-secondary);font-family:var(--tvk-font-ui);line-height:1.4;font-weight:400;letter-spacing:0;color:var(--text)}
.search-main-form .button{min-height:40px}
.search-type-tabs{
  display:flex;
  flex-wrap:nowrap;
  width:max-content;
  max-width:100%;
  gap:0;
  margin:4px 0 12px;
  overflow-x:auto;
  border-bottom:1px solid #4c3508;
  scrollbar-width:none;
}

.search-type-tabs::-webkit-scrollbar{display:none}

.search-type-tabs a{
  flex:0 0 auto;
  min-width:138px;
  min-height:48px;
  padding:6px 12px;
  border:0;
  border-right:1px solid #3e2c08;
  border-radius:0;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
  color:var(--secondary);
  background:#08090a;
  font-family:var(--tvk-font-ui);
  font-size:var(--tvk-public-small);
  line-height:1.25;
  font-weight:400;
  letter-spacing:0;
}

.search-type-tabs a:first-child{border-left:1px solid #3e2c08}
.search-type-tabs a.active{background:#eaa000;color:#080909}

.search-type-tabs__icon{
  width:24px;
  height:24px;
  flex:none;
  color:var(--gold-bright);
}

.search-type-tabs a.active .search-type-tabs__icon{color:#080909}

.search-type-tabs__copy{
  min-width:0;
  display:grid;
  gap:1px;
  text-align:left;
}

.search-type-tabs__copy>span{white-space:nowrap}

.search-type-tabs__copy>b{
  font-size:var(--tvk-public-micro);
  font-weight:400;
  line-height:1.2;
  opacity:.84;
}
.search-layout{grid-template-columns:minmax(0,1fr) 310px;gap:12px}
.search-results{display:grid;gap:7px}
.search-result-card{grid-template-columns:225px minmax(0,1fr) 26px;min-height:128px;padding:8px 10px;gap:14px}
.search-result-card__image{height:112px}
.search-result-card__copy h2{font-size:var(--tvk-public-card-title);margin:4px 0 5px;font-family:var(--tvk-font-editorial);line-height:1.2;font-weight:400;letter-spacing:0;color:var(--text)}
.search-result-card__copy p{font-size:var(--tvk-public-primary);margin-top:5px;font-family:var(--tvk-font-ui);line-height:1.5;font-weight:400;letter-spacing:0;color:var(--secondary)}
.search-result-card__meta{font-size:var(--tvk-public-meta);font-family:var(--tvk-font-ui);line-height:1.35;font-weight:400;letter-spacing:0;color:var(--muted)}
.search-filter{padding:17px;top:78px}
.search-filter h2{font-family:var(--tvk-font-editorial);font-size:var(--tvk-public-section-title);font-weight:400;line-height:1.2;letter-spacing:0;color:var(--text)}
.search-filter form{gap:12px}
.search-filter label{font-size:var(--tvk-public-small);font-family:var(--tvk-font-ui);line-height:1.4;font-weight:400;letter-spacing:0;color:var(--secondary)}
.search-filter input,.search-filter select{min-height:38px;font-size:var(--tvk-public-secondary);font-family:var(--tvk-font-ui);line-height:1.4;font-weight:400;letter-spacing:0;color:var(--text)}
.search-reset{font-size:var(--tvk-public-small);font-family:var(--tvk-font-ui);line-height:1.4;font-weight:400;letter-spacing:0;color:var(--secondary)}

/* PUB-09 — advertising */
.advertise-page main{padding-bottom:27px}

.advertise-hero__grid{min-height:310px;grid-template-columns:45% 55%;overflow:hidden;background:#040505}
.advertise-hero__copy{padding:37px 34px 34px}
.advertise-hero__copy h1{font-size:var(--tvk-public-page-title);font-family:var(--tvk-font-editorial);line-height:1.06;font-weight:400;letter-spacing:-.01em;color:var(--text)}
.advertise-hero__copy p{font-size:var(--tvk-public-primary);line-height:1.5;font-family:var(--tvk-font-ui);font-weight:400;letter-spacing:0;color:var(--secondary)}
.advertise-hero__art{min-height:310px;background:#040505 url('/brand/advertise-hero-v2.webp') center/contain no-repeat}
.advertise-hero__art:before{background:linear-gradient(90deg,#030405 0,rgba(3,4,5,.12) 18%,transparent 48%)}
.advertise-play{display:none}
.advertise-layout{grid-template-columns:.76fr 1.6fr;gap:16px;padding-top:13px}
.advertise-section-head h2,.advertise-mid-grid h2,.advertise-form-card>h2{font-size:var(--tvk-public-section-title);font-family:var(--tvk-font-editorial);line-height:1.2;font-weight:400;letter-spacing:0;color:var(--text)}
.advertise-format-card{min-height:205px;padding:15px 12px}
.advertise-tariff-card{min-height:282px;padding:15px 12px}
.advertise-tariff-card h3{font-size:var(--tvk-public-card-title);font-family:var(--tvk-font-editorial);line-height:1.2;font-weight:400;letter-spacing:0;color:var(--text)}
.advertise-tariff-card>strong{font-size:var(--tvk-public-price);font-family:var(--tvk-font-ui);line-height:1.05;font-weight:500;letter-spacing:0;color:var(--gold-bright)}
.advertise-mid-grid{width:min(1280px,calc(100% - 72px));margin-top:18px;grid-template-columns:minmax(0,1fr) 365px;gap:18px}
.advertise-benefits article{min-height:160px;padding:15px 10px}
.advertise-form-card{padding:17px;top:75px}

/* Footer — compact four-column composition from approved desktop/mobile layouts */
.site-footer{position:relative;overflow:hidden;padding:20px 0 24px;border-top-color:#523800}

.site-footer__grid{position:relative;z-index:1;grid-template-columns:1.2fr .78fr 1.05fr 1fr;gap:22px}
.site-footer h3{font-size:11px;margin-bottom:8px}
.site-footer__grid>div:not(.footer-brand){gap:5px;font-size:9.5px}
.footer-brand p{font-size:9.5px;max-width:205px;margin:8px 0}
.footer-brand small{font-size:8.5px}
.footer-socials{margin-top:9px}
.footer-socials span{min-width:20px;height:20px;font-size:8px}

@media(max-width:1180px){
  .site-shell{width:min(1180px,calc(100% - 48px))}
  .site-nav{gap:18px}
  .site-nav a{font-size:11px}
  .home-topic-grid{grid-template-columns:repeat(4,1fr)}
  .topic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .advertise-mid-grid{width:min(1180px,calc(100% - 48px))}
}

@media(max-width:920px){
  .home-hero{grid-template-columns:1fr;min-height:430px;position:relative}
  .home-hero__art{position:absolute;inset:0 0 0 30%;opacity:.72}
  .home-hero__copy{position:relative;z-index:1;max-width:520px;background:linear-gradient(90deg,#040505 48%,rgba(4,5,5,.82) 72%,transparent);padding-right:70px}
  .club-section{grid-template-columns:1fr 1fr}
  .club-intro{grid-column:1/-1}
  .topic-layout,.search-layout{grid-template-columns:1fr}
  .topic-grid{grid-template-columns:repeat(3,1fr)}
  .advertise-layout,.advertise-mid-grid{grid-template-columns:1fr}
}

@media(max-width:720px){
  .site-shell{width:calc(100% - 28px)}
  .site-header__inner{height:72px}
  .wordmark>span{font-size:18px}
  .site-actions{gap:12px}
  .site-icon{width:24px;height:24px}
  .mobile-menu-button{width:42px;height:42px}

  /* MOB-01 */
  .home-page{padding-top:8px}
  .home-hero{min-height:315px;border-radius:5px}
  .home-hero__copy{padding:18px 16px 16px;max-width:100%;background:linear-gradient(90deg,rgba(3,4,5,.99) 0,rgba(3,4,5,.88) 45%,rgba(3,4,5,.08) 100%)}
  
  
  .home-hero__art{left:20%;background-position:center;opacity:.76}
  .home-hero .button-row{position:absolute;left:16px;bottom:15px;z-index:3}
  .home-hero .button{min-height:40px;padding:0 13px;font-size:10.5px}
  .featured-release{margin-top:8px}
  .featured-release__image{min-height:245px}
  .featured-release__content{padding:15px 17px}
  .featured-release h2{font-size:24px}
  .home-section{margin-top:8px;padding:10px}
  .home-section .section-label{font-family:Georgia,"Times New Roman",serif;color:#eee;font-weight:400;font-size:17px;letter-spacing:0;text-transform:none}
  .home-topic-grid{grid-template-columns:repeat(2,1fr);gap:6px}
  .home-topic-card{min-height:48px;flex-direction:row;justify-content:flex-start;padding:0 12px;gap:8px;font-size:10px}
  .home-topic-card b{font-size:21px}
  .club-section{margin-top:8px;padding:8px;gap:6px}
  .club-intro{grid-template-columns:115px 1fr;gap:10px}
  .club-intro__art{height:130px}
  .club-intro h2{font-size:16px}
  .club-intro p,.club-intro ul{font-size:9.5px}
  .price-card{padding:10px 8px}
  .price-card>strong{font-size:19px}
  .materials-panel,.fact-panel{padding:10px}
  .material-list article{grid-template-columns:100px 1fr 18px;gap:8px}
  .material-thumb{height:55px}
  .news-strip{padding:11px}
  .news-strip__grid{grid-template-columns:1fr}

  /* MOB-02 */
  .episodes-page{padding-top:8px}
  .episodes-hero{display:block;min-height:0;border:1px solid #29240f;border-radius:10px 10px 0 0;padding:16px 14px 10px}
  .episodes-hero>div:first-child{padding:0}
  .episodes-hero h1{font-size:34px;margin:0 0 8px}
  .episodes-hero p{font-size:13px;line-height:1.4}
  .episodes-hero__map{display:none}
  .episode-controls{border-left:1px solid #29240f;border-right:1px solid #29240f;padding:8px 14px 12px;grid-template-columns:1fr 1fr;gap:8px}
  .episode-filter-chips{grid-column:1/-1;order:0}
  .episode-filter-chips a{min-height:39px;border-radius:21px;padding:0 20px;font-size:10.5px}
  .episode-search{order:1;height:42px}
  .episode-search input,.episode-search button{height:42px}
  .episode-view-actions{order:2}
  .episode-view-actions a:first-child{min-width:100%;height:42px}
  .episode-view-actions a:nth-child(n+2){display:none}
  .episode-feature{grid-template-columns:1fr;min-height:0;border-radius:4px}
  .episode-feature__visual{min-height:225px}
  .episode-feature__copy{padding:14px 15px 15px}
  .episode-feature__copy h2{font-size:26px}
  .episode-feature__copy p{font-size:13px}
  .episode-feature__copy .button{width:100%;margin-top:6px}
  .episode-feature__bookmark{right:12px;bottom:12px;top:auto}
  .episode-list-heading{display:flex;align-items:center;justify-content:space-between;margin:14px 0 8px}
  .episode-list-heading h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:19px;margin:0}
  .episode-list-heading>div{display:flex}
  .episode-list-heading a{width:42px;height:36px;border:1px solid #44320b;display:grid;place-items:center;color:#aaa}
  .episode-list-heading a.active{color:#f0a000;background:#131007}
  .episode-grid,.episode-grid--list{grid-template-columns:1fr;gap:6px;margin-top:0}
  .episode-card,.episode-grid--list .episode-card{display:grid;grid-template-columns:35% minmax(0,1fr);min-height:105px}
  .episode-card__visual,.episode-grid--list .episode-card__visual{height:100%;min-height:105px}
  .episode-card__copy{padding:9px 10px}
  .episode-card h3,.episode-grid--list .episode-card h3{font-size:16px;margin:4px 0}
  .episode-card p{font-size:11px;line-height:1.4;margin-bottom:4px}
  .episode-card__meta{padding-top:4px;border-top:0;font-size:8.5px}
  .load-more-wrap{border:1px solid #4d3809;padding:0;margin-top:6px}
  .load-more-button{width:100%;border:0;min-height:38px}
  .load-more-wrap small{display:none}

  /* PUB-08 mobile fallback */
  
  
  
  
  .topic-grid{grid-template-columns:1fr}
  .topic-card{display:grid;grid-template-columns:38% 1fr;grid-template-rows:auto auto 1fr auto;padding:0;min-height:125px}
  .topic-card__image{grid-row:1/-1;height:100%;min-height:125px}
  .topic-card time,.topic-card h3,.topic-card p,.topic-card>small{margin-left:10px;margin-right:10px}
  .topic-card time{margin-top:9px;font-family:var(--tvk-font-ui);font-size:var(--tvk-public-meta);line-height:1.35;font-weight:400;letter-spacing:0;color:var(--muted)}
  .topic-card h3{font-size:var(--tvk-public-card-title);min-height:0;font-family:var(--tvk-font-editorial);line-height:1.2;font-weight:400;letter-spacing:0;color:var(--text)}
  .topic-card p{min-height:0;font-family:var(--tvk-font-ui);font-size:var(--tvk-public-primary);line-height:1.5;font-weight:400;letter-spacing:0;color:var(--secondary)}

  /* Search */
  .search-heading h1{font-size:var(--tvk-public-page-title);font-family:var(--tvk-font-editorial);line-height:1.06;font-weight:400;letter-spacing:-.01em;color:var(--text)}
  .search-type-tabs a{min-width:100px;font-family:var(--tvk-font-ui);font-size:var(--tvk-public-small);line-height:1.4;font-weight:400;letter-spacing:0;color:var(--secondary)}
  .search-result-card{grid-template-columns:118px 1fr 18px;min-height:105px}
  .search-result-card__image{height:88px}
  .search-filter{margin-top:10px}

  /* Advertise */
  .advertise-hero__grid{grid-template-columns:1fr}
  .advertise-hero__copy{padding:24px 16px 16px}
  .advertise-hero__copy h1{font-size:var(--tvk-public-page-title);font-family:var(--tvk-font-editorial);line-height:1.06;font-weight:400;letter-spacing:-.01em;color:var(--text)}
  .advertise-hero__art{min-height:190px;background-position:center}
  .advertise-layout,.advertise-mid-grid{width:calc(100% - 28px)}

  /* Approved mobile footer stays compact and multi-column */
  .site-footer{padding:16px 0 18px}
  .site-footer:after{display:none}
  .site-footer__grid{grid-template-columns:1.15fr .8fr .95fr 1fr;gap:10px}
  .footer-brand{grid-column:auto}
  .wordmark--footer>span{font-size:12px}
  .footer-brand p{font-size:7px;line-height:1.4;margin:5px 0}
  .footer-brand small{font-size:6.5px}
  .footer-socials{gap:3px;margin-top:6px}
  .footer-socials span{min-width:16px;height:16px;font-size:6px}
  .site-footer h3{font-size:8px;margin-bottom:5px}
  .site-footer__grid>div:not(.footer-brand){gap:3px;font-size:6.7px;line-height:1.25}
}

@media(max-width:470px){
  .site-shell{width:calc(100% - 20px)}
  .home-hero{min-height:300px}
  
  
  .home-hero .button{padding:0 11px;font-size:10px}
  .home-topic-card{padding:0 9px}
  .club-intro{grid-template-columns:100px 1fr}
  .club-intro__art{height:115px}
  .episode-card,.episode-grid--list .episode-card{grid-template-columns:34% minmax(0,1fr)}
  .site-footer__grid{gap:7px}
}


/* v0.14.3 — homepage hero asset layering and approved top-scale alignment */
:root{--brand-red:#D52B1E}
.wordmark__dot{color:var(--brand-red)!important}

/* Header: slightly larger, closer to approved visual scale */
.site-header__inner{height:72px!important;gap:40px!important}
.wordmark>span,.wordmark:not(:has(>span)){font-size:23px!important;letter-spacing:.17em!important;font-weight:650!important}
.wordmark small{font-size:9.5px!important;margin-top:6px!important}
.site-nav{gap:29px!important}
.site-nav a{font-size:14.8px!important}
.site-action-link{font-size:14px!important}
.site-subscribe{min-height:42px!important;padding-inline:18px!important;font-size:13.5px!important}

/* Hero: one continuous composition. No visible left/right divider. */
.home-page{padding-top:0!important}
.home-hero{
  position:relative!important;
  display:block!important;
  min-height:405px!important;
  overflow:hidden!important;
  isolation:isolate;
  background:#030405!important;
}
.home-hero__copy{
  position:relative!important;
  z-index:5!important;
  width:46%!important;
  min-height:405px!important;
  padding:42px 34px 34px!important;
  background:linear-gradient(90deg,#030405 0%,rgba(3,4,5,.985) 48%,rgba(3,4,5,.87) 72%,rgba(3,4,5,.38) 91%,transparent 100%)!important;
}
.home-hero h1{
  font-family:var(--tvk-font-brand-hero);
  font-size:var(--tvk-type-brand-hero-title);
  line-height:var(--tvk-type-brand-hero-title-line-height);
  font-weight:300;
  letter-spacing:-.035em;
  max-width:520px;
  margin:0 0 14px;
}
.home-hero__copy>p{
  max-width:485px;
  font-size:var(--tvk-type-brand-hero-body);
  line-height:var(--tvk-type-brand-hero-body-line-height);
  margin:0 0 17px;
}
.home-hero blockquote{
  max-width:490px!important;
  font-size:14px!important;
  line-height:1.52!important;
  margin:0 0 22px!important;
  padding-left:22px!important;
}
.home-hero blockquote:before{font-size:38px!important;top:-8px!important}
.home-hero .button{min-height:44px;padding:0 19px;font-size:var(--tvk-type-brand-hero-button)}

.home-hero__art{
  position:absolute!important;
  inset:0!important;
  min-height:0!important;
  z-index:1!important;
  background:none!important;
  overflow:hidden!important;
  pointer-events:none;
}
.home-hero__map,
.home-hero__aperture,
.home-hero__roman{position:absolute;display:block;max-width:none;user-select:none}
.home-hero__map{
  z-index:1;
  width:74%;
  height:auto;
  left:29%;
  top:3%;
  opacity:.82;
  object-fit:contain;
  filter:saturate(.82) brightness(.72) contrast(1.02);
}
.home-hero__aperture{
  z-index:2;
  width:235px;
  height:235px;
  left:61.5%;
  top:50%;
  transform:translate(-50%,-50%);
  object-fit:contain;
  opacity:.94;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.35));
}
.home-hero__roman{
  z-index:3;
  right:-2px;
  bottom:0;
  height:96%;
  width:auto;
  object-fit:contain;
  object-position:right bottom;
}
.home-hero:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:4;
  pointer-events:none;
  background:linear-gradient(90deg,transparent 0%,transparent 37%,rgba(3,4,5,.10) 45%,transparent 57%);
}
.home-hero__copy{border-right:0!important}

/* Footer brand scale + same red dot */
.wordmark--footer>span{font-size:22px!important}

@media(max-width:1050px){
  .site-header__inner{gap:24px!important}
  .site-nav{gap:18px!important}
  .home-hero__copy{width:53%!important}
  
  .home-hero__map{left:25%;width:82%}
  .home-hero__aperture{left:65%;width:215px;height:215px}
  .home-hero__roman{height:90%;right:-24px}
}

@media(max-width:720px){
  .site-header__inner{height:64px!important}
  .wordmark>span,.wordmark:not(:has(>span)){font-size:19px!important}
  .wordmark small{font-size:7.5px!important}
  .home-page{padding-top:0!important}
  .home-hero{min-height:400px!important}
  .home-hero__copy{
    width:100%!important;
    min-height:400px!important;
    padding:20px 16px 18px!important;
    background:linear-gradient(90deg,rgba(3,4,5,.99) 0%,rgba(3,4,5,.93) 42%,rgba(3,4,5,.35) 70%,transparent 100%)!important;
  }
  .home-hero h1{max-width:285px;margin-bottom:12px}
  .home-hero__copy>p{max-width:250px;margin-bottom:12px}
  .home-hero blockquote{font-size:11px!important;max-width:255px!important;line-height:1.4!important;margin-bottom:78px!important}
  .home-hero__map{left:20%;top:8%;width:110%;opacity:.63}
  .home-hero__aperture{left:67%;top:49%;width:145px;height:145px;opacity:.84}
  .home-hero__roman{height:78%;right:-42px}
  .home-hero .button-row{position:absolute!important;left:16px!important;bottom:17px!important;z-index:6!important}
  .home-hero .button{min-height:40px;padding:0 13px;font-size:var(--tvk-type-brand-hero-button)}
}


/* v0.14.3.3 — transparent Roman cutout + seamless hero composition */
.home-hero{
  min-height:410px!important;
  background:#030405!important;
}
.home-hero__copy{
  width:47%!important;
  min-height:410px!important;
  padding:43px 34px 34px!important;
  background:linear-gradient(90deg,#030405 0%,rgba(3,4,5,.995) 50%,rgba(3,4,5,.94) 69%,rgba(3,4,5,.62) 84%,rgba(3,4,5,.16) 96%,transparent 100%)!important;
}
.home-hero__art{background:none!important;inset:0!important;overflow:hidden!important}
.home-hero__map{
  left:31%!important;
  top:4%!important;
  width:72%!important;
  height:auto!important;
  opacity:.72!important;
  filter:saturate(.78) brightness(.66) contrast(1.04)!important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.28) 8%,#000 24%,#000 100%);
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.28) 8%,#000 24%,#000 100%);
}
.home-hero__aperture{
  left:59.5%!important;
  top:50%!important;
  width:228px!important;
  height:228px!important;
  opacity:.92!important;
  filter:drop-shadow(0 10px 22px rgba(0,0,0,.38))!important;
}
.home-hero__roman{
  right:-8px!important;
  bottom:-2px!important;
  height:98%!important;
  width:auto!important;
  object-fit:contain!important;
  object-position:right bottom!important;
  filter:drop-shadow(-8px 6px 18px rgba(0,0,0,.42));
}
.home-hero:after{display:none!important}

@media(max-width:1050px){
  .home-hero__copy{width:53%!important}
  .home-hero__map{left:26%!important;width:84%!important}
  .home-hero__aperture{left:65%!important;width:205px!important;height:205px!important}
  .home-hero__roman{height:91%!important;right:-30px!important}
}

@media(max-width:720px){
  .home-hero{min-height:400px!important}
  .home-hero__copy{width:100%!important;min-height:400px!important}
  .home-hero__map{left:18%!important;top:8%!important;width:112%!important;opacity:.56!important}
  .home-hero__aperture{left:68%!important;top:48%!important;width:132px!important;height:132px!important}
  .home-hero__roman{height:76%!important;right:-48px!important}
}

@media (min-width:1051px){
  .home-hero__roman{
    right:-28px!important;
    bottom:-2px!important;
    height:87%!important;
    width:auto!important;
    max-width:none!important;
    object-fit:contain!important;
    object-position:right bottom!important;
    z-index:3!important;
    pointer-events:none!important;
  }
}

@media (min-width:1051px){
  .home-hero__map{
    translate:0 -20px!important;
  }

  .home-hero__roman{
    right:-62px!important;
  }
}

/* Stronger hover for yellow primary buttons */
.btn-primary,
button.btn-primary,
a.btn-primary,
.site-header .subscribe-button,
.home-page .btn-primary {
  transition:
    background-color .18s ease,
    color .18s ease,
    transform .18s ease,
    box-shadow .18s ease,
    border-color .18s ease;
}

.btn-primary:hover,
button.btn-primary:hover,
a.btn-primary:hover,
.site-header .subscribe-button:hover,
.home-page .btn-primary:hover {
  background:#ffc21a !important;
  color:#080808 !important;
  border-color:#ffd35a !important;
  transform:translateY(-2px);
  box-shadow:
    0 8px 22px rgba(255, 177, 0, .24),
    0 0 0 1px rgba(255, 211, 90, .22);
}

.btn-primary:active,
button.btn-primary:active,
a.btn-primary:active,
.site-header .subscribe-button:active,
.home-page .btn-primary:active {
  transform:translateY(0);
  box-shadow:
    0 3px 10px rgba(255, 177, 0, .18);
}

/* TV KADR — primary yellow button hover */
.button.button--primary,
.site-subscribe {
  transition:
    background .18s ease,
    border-color .18s ease,
    box-shadow .18s ease,
    transform .18s ease,
    filter .18s ease !important;
}

.button.button--primary:hover,
.site-subscribe:hover {
  background:linear-gradient(180deg,#ffd13b,#ffad00) !important;
  border-color:#ffe17a !important;
  color:#050505 !important;
  transform:translateY(-2px) !important;
  box-shadow:
    0 7px 20px rgba(255,174,0,.38),
    0 0 0 1px rgba(255,221,105,.35) !important;
  filter:brightness(1.08) !important;
}

.button.button--primary:active,
.site-subscribe:active {
  transform:translateY(0) !important;
  box-shadow:0 3px 9px rgba(255,174,0,.24) !important;
  filter:brightness(.98) !important;
}

.button.button--primary:focus-visible,
.site-subscribe:focus-visible {
  outline:2px solid #ffd44d !important;
  outline-offset:3px !important;
}

/* TV KADR — primary yellow button hover: color only */
.button.button--primary,
.site-subscribe {
  transition:
    background .18s ease,
    border-color .18s ease,
    color .18s ease !important;
}

.button.button--primary:hover,
.site-subscribe:hover {
  background:linear-gradient(180deg,#ffd13b,#ffad00) !important;
  border-color:#ffe17a !important;
  color:#050505 !important;
  transform:none !important;
  box-shadow:none !important;
  filter:none !important;
}

.button.button--primary:active,
.site-subscribe:active {
  transform:none !important;
  box-shadow:none !important;
  filter:none !important;
}

.button.button--primary:focus-visible,
.site-subscribe:focus-visible {
  outline:2px solid #ffd44d !important;
  outline-offset:3px !important;
}

/* PUB-01 — dynamic featured release preview */

.featured-release__image{
  position:relative;
  display:block;
  overflow:hidden;
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  color:#f2f2ef;
}

.featured-release__image::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(
    180deg,
    rgba(0,0,0,.02) 42%,
    rgba(0,0,0,.18) 65%,
    rgba(0,0,0,.86) 100%
  );
  pointer-events:none;
}

.featured-release__badge{
  position:absolute;
  z-index:2;
  left:14px;
  top:12px;
  padding:5px 9px;
  border-radius:3px;
  background:#eba000;
  color:#090a0b;
  font-size:10px;
  line-height:1;
  font-weight:700;
  text-transform:uppercase;
}

.featured-release__visual-title{
  position:absolute;
  z-index:2;
  left:18px;
  right:90px;
  bottom:17px;
  margin:0;
  font-family:Georgia,"Times New Roman",serif;
  font-size:21px;
  line-height:1.18;
  font-weight:400;
  color:#f0f0ed;
}

.featured-release__duration{
  position:absolute;
  z-index:2;
  right:12px;
  bottom:12px;
  padding:4px 6px;
  border:1px solid rgba(235,160,0,.45);
  border-radius:2px;
  background:rgba(3,4,5,.76);
  color:#eee;
  font-size:10px;
}
/* TV KADR — shared views and comments icons */

.meta-stat{
  display:inline-flex;
  align-items:center;
  gap:6px;
  line-height:1;
  white-space:nowrap;
}

.meta-stat::before{
  content:"";
  display:inline-block;
  width:1.12em;
  height:1.12em;
  flex:0 0 auto;
  background-color:currentColor;
  mask-repeat:no-repeat;
  mask-position:center;
  mask-size:contain;
  -webkit-mask-repeat:no-repeat;
  -webkit-mask-position:center;
  -webkit-mask-size:contain;
}

.meta-stat--views{
  color:#c9a44e;
}

.meta-stat--views::before{
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 12s3.5-6 9.5-6 9.5 6 9.5 6-3.5 6-9.5 6-9.5-6-9.5-6Z'/%3E%3Ccircle cx='12' cy='12' r='2.6'/%3E%3C/svg%3E");
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 12s3.5-6 9.5-6 9.5 6 9.5 6-3.5 6-9.5 6-9.5-6-9.5-6Z'/%3E%3Ccircle cx='12' cy='12' r='2.6'/%3E%3C/svg%3E");
}

.meta-stat--comments{
  color:#a9aaa7;
}

.meta-stat--comments::before{
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 15a3 3 0 0 1-3 3H9l-5 3v-6a3 3 0 0 1-1-2.2V7a3 3 0 0 1 3-3h11a3 3 0 0 1 3 3v8Z'/%3E%3C/svg%3E");
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 15a3 3 0 0 1-3 3H9l-5 3v-6a3 3 0 0 1-1-2.2V7a3 3 0 0 1 3-3h11a3 3 0 0 1 3 3v8Z'/%3E%3C/svg%3E");
}

/* TV KADR - GLOBAL TEXT WRAP SAFETY START */

/*
  Общая защита сеток и flex-блоков.
  min-width:0 позволяет содержимому реально сжиматься
  внутри колонки, а не раздвигать её.
*/
.public-page main :where(
  section,
  article,
  aside,
  div
){
  min-width:0;
}

/*
  Обычный текст и заголовки никогда не должны
  вылезать за пределы родительского блока.
*/
.public-page main :where(
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  li,
  blockquote,
  figcaption,
  strong,
  small,
  time
){
  max-width:100%;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:normal;
}

/*
  Второй блок главной.
*/
.featured-release__content,
.featured-release__image{
  min-width:0;
}

.featured-release h2,
.featured-release p,
.featured-release__visual-title{
  max-width:100%;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:normal;
}

/*
  Большая карточка выпуска.
*/
.episode-feature,
.episode-feature__visual,
.episode-feature__copy{
  min-width:0;
  max-width:100%;
}

.episode-feature :where(h2,h3,p,strong,small){
  max-width:100%;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:normal;
}

/*
  Обычные карточки выпусков.
  Правила безопасны и сработают там,
  где такие классы присутствуют.
*/
.episode-card,
.episode-card__copy,
.episode-list-card,
.episode-list-card__copy{
  min-width:0;
  max-width:100%;
}

.episode-card :where(h2,h3,p,strong,small),
.episode-list-card :where(h2,h3,p,strong,small){
  max-width:100%;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:normal;
}

/*
  Новости.
*/
.news-feature,
.news-feature__copy,
.news-list-card{
  min-width:0;
  max-width:100%;
}

.news-feature :where(h2,h3,p,strong),
.news-list-card :where(h2,h3,p,strong){
  max-width:100%;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:normal;
}

/*
  Последние материалы и боковые карточки.
*/
.material-list article,
.material-list article > *,
.sidebar-card,
.next-episode{
  min-width:0;
  max-width:100%;
}

.material-list :where(h2,h3,p,strong),
.sidebar-card :where(h2,h3,p,strong),
.next-episode :where(h2,h3,p,strong){
  max-width:100%;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:normal;
}

/*
  Изображения и видео также не могут
  расширить контейнер.
*/
.public-page main img,
.public-page main video{
  max-width:100%;
}

/* TV KADR - GLOBAL TEXT WRAP SAFETY END */

/* TV KADR - LISTEN BUTTON ICON START */

.button--listen{
  gap:8px;
}

.button--listen::before{
  content:"";
  display:inline-block;
  width:1.08em;
  height:1.08em;
  flex:0 0 auto;
  background-color:currentColor;
  mask-repeat:no-repeat;
  mask-position:center;
  mask-size:contain;
  -webkit-mask-repeat:no-repeat;
  -webkit-mask-position:center;
  -webkit-mask-size:contain;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 13v2a3 3 0 0 0 3 3h1v-8H7a3 3 0 0 0-3 3Zm16 0v2a3 3 0 0 1-3 3h-1v-8h1a3 3 0 0 1 3 3ZM8 10a4 4 0 0 1 8 0'/%3E%3Cpath d='M6 12V10a6 6 0 0 1 12 0v2'/%3E%3C/svg%3E");
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 13v2a3 3 0 0 0 3 3h1v-8H7a3 3 0 0 0-3 3Zm16 0v2a3 3 0 0 1-3 3h-1v-8h1a3 3 0 0 1 3 3ZM8 10a4 4 0 0 1 8 0'/%3E%3Cpath d='M6 12V10a6 6 0 0 1 12 0v2'/%3E%3C/svg%3E");
}

/* TV KADR - LISTEN BUTTON ICON END */

/* TV KADR - HEADPHONES SVG GLOBAL START */

/*
  Единая SVG-иконка наушников.
  Не зависит от ОС, emoji или системного шрифта.
*/
.button--listen{
  gap:8px;
}

.button--listen::before{
  content:"";
  display:inline-block;

  width:16px;
  height:16px;
  flex:0 0 16px;

  position:relative;
  top:1px;

  background-color:currentColor;

  mask-image:url("/assets/icons/headphones.svg");
  mask-repeat:no-repeat;
  mask-position:center;
  mask-size:16px 16px;

  -webkit-mask-image:url("/assets/icons/headphones.svg");
  -webkit-mask-repeat:no-repeat;
  -webkit-mask-position:center;
  -webkit-mask-size:16px 16px;
}

/* TV KADR - HEADPHONES SVG GLOBAL END */

/* TV KADR - META ICONS SVG GLOBAL START */

/*
  Единые SVG-иконки для просмотров и комментариев.
  Не зависят от ОС, emoji, шрифтов и браузерных наборов символов.
*/
.meta-stat{
  display:inline-flex;
  align-items:center;
  gap:6px;
  line-height:1;
  white-space:nowrap;
}

.meta-stat::before{
  content:"";
  display:inline-block;

  width:14px;
  height:14px;
  flex:0 0 14px;

  position:relative;
  top:1px;

  background-color:currentColor;

  mask-repeat:no-repeat;
  mask-position:center;
  mask-size:14px 14px;

  -webkit-mask-repeat:no-repeat;
  -webkit-mask-position:center;
  -webkit-mask-size:14px 14px;
}

.meta-stat--views{
  color:#c9a44e;
}

.meta-stat--views::before{
  mask-image:url("/assets/icons/eye.svg");
  -webkit-mask-image:url("/assets/icons/eye.svg");
}

.meta-stat--comments{
  color:#a9aaa7;
}

.meta-stat--comments::before{
  mask-image:url("/assets/icons/comment.svg");
  -webkit-mask-image:url("/assets/icons/comment.svg");
}

/* TV KADR - META ICONS SVG GLOBAL END */

/* TV KADR - GLOBAL SEMANTIC ICONS START */

/*
  Универсальная SVG-иконка.
  Не зависит от ОС, emoji и системных шрифтов.
*/
.ui-icon{
  display:inline-block;
  width:20px;
  height:20px;
  flex:0 0 20px;
  background-color:currentColor;

  mask-repeat:no-repeat;
  mask-position:center;
  mask-size:contain;

  -webkit-mask-repeat:no-repeat;
  -webkit-mask-position:center;
  -webkit-mask-size:contain;
}

.ui-icon--comment{
  mask-image:url("/assets/icons/comment.svg");
  -webkit-mask-image:url("/assets/icons/comment.svg");
}

/* TV KADR - GLOBAL SEMANTIC ICONS END */

/* TV KADR - PUB01 FEATURED SPLIT START */

/*
  Две отдельные карточки PUB-01.
  fr вместо процентов: gap входит в общую ширину
  и блок никогда не выходит за сетку сайта.
*/
.featured-release--split{
  width:100%;
  max-width:100%;
  grid-template-columns:minmax(0,53fr) minmax(0,47fr);
  gap:10px;
  overflow:visible;
  background:transparent;
  border:0;
  border-radius:0;
  box-sizing:border-box;
}

.featured-release--split .featured-release__image,
.featured-release--split .featured-release__content{
  min-width:0;
  max-width:100%;
  width:100%;
  height:100%;
  box-sizing:border-box;
}

.featured-release--split .featured-release__image{
  overflow:hidden;
}

.featured-release--split .featured-release__content{
  overflow:hidden;
}

/*
  На планшете и мобильном:
  две карточки одна под другой.
*/
@media(max-width:920px){
  .featured-release--split{
    grid-template-columns:minmax(0,1fr);
    gap:8px;
  }
}

/* TV KADR - PUB01 FEATURED SPLIT END */

/* TV KADR - FEATURED EQUAL HEIGHT START */

/*
  Две карточки второго блока всегда имеют
  одинаковую высоту на desktop/tablet.
  Высоту определяет более высокая из них.
*/
.featured-release--split{
  align-items:stretch;
}

.featured-release--split .featured-release__image,
.featured-release--split .featured-release__content{
  align-self:stretch;
  height:auto;
  min-height:260px;
}

/*
  Превью растягивается вместе с правой карточкой,
  изображение при этом заполняет всю площадь.
*/
.featured-release--split .featured-release__image{
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}

/*
  На мобильном карточки идут друг под другом,
  поэтому их высоты независимы.
*/
@media(max-width:920px){
  .featured-release--split{
    align-items:initial;
  }

  .featured-release--split .featured-release__image,
  .featured-release--split .featured-release__content{
    height:auto;
    min-height:0;
  }

  .featured-release--split .featured-release__image{
    min-height:245px;
  }
}

/* TV KADR - FEATURED EQUAL HEIGHT END */

/* TV KADR - PUBLIC BODY TYPOGRAPHY START */

/*
  Единый основной описательный текст публичной части.
  Ориентир — подзаголовок hero.
  Служебные подписи, даты и метаданные сюда не входят.
*/
.home-hero__copy > p,
.featured-release__content > p,
.club-intro > div > p,
.price-card > p,
.news-feature__copy > p,
.news-list-card > p,
.topic-feature__copy > p,
.topic-card > p,
.search-result-card__copy > p,
.saved-row__copy > p,
.mail-promo p,
.support-promo p,
.club-promo p{
  font-size:13px;
  line-height:1.5;
}

/*
  Текст списков в крупных содержательных блоках
  тоже подтягиваем к общей читаемости,
  но делаем на полшага компактнее.
*/
.club-intro ul{
  font-size:12px;
  line-height:1.55;
}

/*
  На мобильных основной текст не уменьшаем
  до микроскопических значений.
*/
@media(max-width:720px){
  .home-hero__copy > p,
  .featured-release__content > p,
  .club-intro > div > p,
  .price-card > p,
  .news-feature__copy > p,
  .news-list-card > p,
  .topic-feature__copy > p,
  .topic-card > p,
  .search-result-card__copy > p,
  .saved-row__copy > p,
  .mail-promo p,
  .support-promo p,
  .club-promo p{
    font-size:13px;
    line-height:1.5;
  }
}

/* TV KADR - PUBLIC BODY TYPOGRAPHY END */

/* TV KADR - TOPIC CARD ICONS START */

/*
  Рубрики как в PUB-01:
  крупная SVG-иконка + подпись снизу.
*/
.home-topic-grid{
  grid-template-columns:repeat(8,minmax(0,1fr));
  gap:10px;
  margin-top:9px;
}

.home-topic-card{
  min-height:88px;
  border:1px solid var(--align-line);
  background:#070809;
  border-radius:3px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:10px 8px;
  color:#b9bbb9;
  text-align:center;
}.home-topic-card:hover
{
  border-color:#e69b00;
  color:#f2f2ef;
}

.home-topic-card__icon{
  display:block;
  width:46px;
  height:46px;
  object-fit:contain;
  flex:0 0 auto;
}

.home-topic-card span{
  display:block;
  font-size:12px;
  line-height:1.2;
  color:inherit;
}

/*
  Старый текстовый b нам больше не нужен.
*/
.home-topic-card b{
  display:none;
}

/*
  Адаптив.
*/
@media(max-width:720px){
  .home-topic-grid{
    grid-template-columns:repeat(2,1fr);
    gap:6px;
  }

  .home-topic-card{
    min-height:56px;
    flex-direction:row;
    justify-content:flex-start;
    text-align:left;
    gap:10px;
    padding:0 12px;
  }

  .home-topic-card__icon{
    width:24px;
    height:24px;
  }

  .home-topic-card span{
    font-size:11px;
    line-height:1.15;
  }
}

/* TV KADR - TOPIC CARD ICONS END */

/* TV KADR - TOPIC CARD GRADIENT START */

/*
  Деликатный градиент для карточек рубрик:
  без дешёвого блеска, только мягкая глубина.
*/
.home-topic-card{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 22% 18%, rgba(228,161,0,.07), rgba(228,161,0,0) 42%),
    linear-gradient(180deg, #0a0c0f 0%, #070809 58%, #050607 100%);
  border:1px solid var(--align-line);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.02),
    inset 0 -1px 0 rgba(0,0,0,.35);
}

.home-topic-card::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(
    180deg,
    rgba(255,255,255,.015) 0%,
    rgba(255,255,255,0) 35%,
    rgba(0,0,0,.08) 100%
  );
}.home-topic-card:hover
{
  border-color:#e69b00;
  color:#f2f2ef;
  background:
    radial-gradient(circle at 22% 18%, rgba(228,161,0,.11), rgba(228,161,0,0) 45%),
    linear-gradient(180deg, #0d1013 0%, #080a0c 58%, #060708 100%);
}

.home-topic-card__icon,
.home-topic-card span{
  position:relative;
  z-index:1;
}

/* TV KADR - TOPIC CARD GRADIENT END */

/* TV KADR - PUB01 CLUB POLISH START */

/* Общий блок */
.club-section{
  align-items:stretch;
}

/* Левая часть клуба */
.club-intro{
  min-width:0;
  align-items:stretch;
}

.club-intro > div:last-child{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.club-intro h2{
  font-size:21px;
  line-height:1.1;
  letter-spacing:.12em;
  margin:0 0 8px;
}

.club-intro p{
  font-size:13px;
  line-height:1.45;
  margin:0 0 8px;
}

.club-intro ul{
  display:grid;
  gap:3px;
  list-style:none;
  padding:0;
  margin:0 0 11px;
  font-size:12px;
  line-height:1.45;
}

.club-intro li{
  display:flex;
  align-items:center;
  min-width:0;
}

.club-intro li::before{
  content:"";
  display:inline-block;
  width:13px;
  height:13px;
  flex:0 0 13px;
  margin-right:8px;

  color:var(--gold-bright);
  background-color:currentColor;

  mask-image:url("/assets/icons/check.svg");
  mask-repeat:no-repeat;
  mask-position:center;
  mask-size:contain;

  -webkit-mask-image:url("/assets/icons/check.svg");
  -webkit-mask-repeat:no-repeat;
  -webkit-mask-position:center;
  -webkit-mask-size:contain;
}

.club-intro .button-row{
  gap:10px;
  flex-wrap:wrap;
}

.club-intro .button{
  min-height:38px;
}

/* Тарифные карточки */
.price-card{
  min-width:0;
  align-self:stretch;

  padding:16px 14px;
  gap:10px;

  background:
    radial-gradient(
      circle at 22% 18%,
      rgba(228,161,0,.07),
      rgba(228,161,0,0) 42%
    ),
    linear-gradient(
      180deg,
      #0a0c0f 0%,
      #070809 58%,
      #050607 100%
    );

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.018),
    inset 0 -1px 0 rgba(0,0,0,.38);
}

.price-card > strong{
  font-size:25px;
  line-height:1.05;
  font-weight:500;
}

.price-card strong small{
  font-size:12px;
  font-weight:600;
}

.price-card > p{
  min-height:36px;
  display:flex;
  align-items:center;
  justify-content:center;

  font-size:13px;
  line-height:1.4;
  margin:0;
}

.price-card > .button{
  width:100%;
  min-height:40px;
}

.price-card > small{
  min-height:14px;

  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;

  color:var(--muted);
  font-size:10.5px;
  line-height:1.2;
}



/*
  Desktop — шахматы крупнее и ближе к PUB-01.
*/
@media(min-width:921px){

  .club-section{
    grid-template-columns:
      minmax(0,2.15fr)
      minmax(0,.92fr)
      minmax(0,.92fr);

    gap:10px;
    padding:11px;
  }

  .club-intro{
    grid-template-columns:178px minmax(0,1fr);
    gap:16px;
  }

  .club-intro__art{
    width:100%;
    height:auto;
    min-height:174px;

    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;

    border-radius:2px;
  }
}

/*
  На планшете и мобильном сохраняем исходную
  безопасную адаптацию и не режем шахматы.
*/
@media(max-width:920px){

  .club-intro__art{
    background-size:contain;
    background-position:center;
    background-repeat:no-repeat;
  }
}

/* TV KADR - PUB01 CLUB POLISH END */

/* TV KADR - CLUB BRAND AND CHESS FIX START */

/*
  TV·KADR:
  буквы золотые, фирменная точка красная.
*/
.club-intro h2 .club-brand{
  color:var(--gold-bright);
}

.club-intro h2 .club-brand__dot{
  color:#e53935;
}

/*
  Шахматы:
  убираем ощущение прямоугольной вставленной картинки.
  Исходный raster используется через SCREEN:
  чёрный фон визуально растворяется,
  остаются светящиеся шахматные фигуры.
*/
.club-intro__art{
  position:relative;
  min-width:0;

  background:none !important;

  overflow:visible;
  isolation:isolate;
}

.club-intro__art::before{
  content:"";

  position:absolute;
  inset:-6px -8px;

  

  

  filter:
    brightness(1.04)
    contrast(1.08)
    saturate(1.05);

  pointer-events:none;
}

/*
  Пять пунктов сохраняем компактными,
  чтобы блок не становился рыхлым.
*/
.club-intro ul{
  gap:3px;
  margin-bottom:10px;
}

.club-intro li{
  min-height:17px;
}

/*
  Desktop: даём шахматам чуть больше места,
  но не превращаем их в отдельную карточку.
*/
@media(min-width:921px){

  .club-intro{
    grid-template-columns:184px minmax(0,1fr);
    gap:16px;
    overflow:visible;
  }

  .club-intro__art{
    min-height:178px;
    height:auto;
  }
}

/* TV KADR - CLUB BRAND AND CHESS FIX END */

/* TV KADR - CLUB TITLE COLORS START */

/*
  КЛУБ — жёлтый
  TV·KADR — белый
  точка — красная
*/
.club-intro h2{
  color:var(--gold-bright);
}

.club-intro h2 .club-brand{
  color:#f2f2ef;
}

.club-intro h2 .club-brand__dot{
  color:#e53935;
}

/* TV KADR - CLUB TITLE COLORS END */

/* TV KADR - CLUB PNG CHESS START */

/*
  Новые шахматы — PNG с прозрачным фоном.
  Поэтому больше не нужен mix-blend-mode/screen.
*/
.club-intro__art{
  position:relative;
  min-width:0;
  background:none !important;
  overflow:visible;
  isolation:isolate;
}

.club-intro__art::before{
  content:"";
  position:absolute;
  inset:-8px -8px -10px -8px;

  background:
    url("/brand/club-chess-transparent.png")
    center
    / contain
    no-repeat;

  filter:drop-shadow(0 8px 18px rgba(0,0,0,.32));
  pointer-events:none;
}

/*
  Старую версию с растворением через screen отключаем.
*/
.club-intro__art::after{
  content:none !important;
}

@media(min-width:921px){
  .club-intro{
    grid-template-columns:190px minmax(0,1fr);
    gap:16px;
    overflow:visible;
  }

  .club-intro__art{
    min-height:182px;
    height:auto;
  }

  .club-intro__art::before{
    inset:-10px -10px -12px -10px;
  }
}

@media(max-width:920px){
  .club-intro__art::before{
    inset:-4px;
    background-size:contain;
  }
}

/* TV KADR - CLUB PNG CHESS END */

/* TV KADR - CLUB CHESS SPACING START */

/*
  Шахматы:
  - не прижаты к левому краю;
  - больше воздуха между шахматами и текстом.
*/
@media(min-width:921px){

  .club-intro{
    grid-template-columns:204px minmax(0,1fr);
    gap:22px;
    padding-left:10px;
    overflow:visible;
  }

  .club-intro__art{
    min-height:182px;
    height:auto;
    margin-left:2px;
  }

  .club-intro__art::before{
    /*
      Сдвигаем PNG немного вправо и
      убираем ощущение прилипания к рамке слева.
    */
    inset:-8px -4px -10px 8px;
    background-position:center center;
    background-size:contain;
  }
}

/* TV KADR - CLUB CHESS SPACING END */

/* TV KADR - CLUB TEXT SHIFT START */

/*
  Сдвигаем вправо всю текстовую часть клуба:
  заголовок, описание, список и кнопки.
*/
@media(min-width:921px){

  .club-intro{
    gap:24px;
  }

  .club-intro > div:last-child{
    padding-left:10px;
  }
}

/* TV KADR - CLUB TEXT SHIFT END */

/* TV KADR - HOME MATERIALS FACT SCALE START */

/*
  ПОСЛЕДНИЕ МАТЕРИАЛЫ + ФАКТ-ЦЕНТР
  Увеличиваем внутренний масштаб, сохраняя
  утверждённую двухколоночную композицию.
*/

.home-two-col{
  align-items:stretch;
}

/* ==========================================
   ОБЩИЕ ПАНЕЛИ
   ========================================== */

.materials-panel,
.fact-panel{
  padding:16px 18px;
}

.panel-heading h2,
.fact-panel h2{
  font-size:16px;
  line-height:1.2;
  font-weight:600;
}

.mini-tabs{
  gap:17px;
  font-size:11.5px;
}


/* ==========================================
   ПОСЛЕДНИЕ МАТЕРИАЛЫ
   ========================================== */

.material-list{
  margin-top:12px;
}

.material-list article{
  grid-template-columns:108px minmax(0,1fr) 22px;
  gap:12px;
  padding:8px 0;
  min-height:67px;
}

.material-thumb{
  height:60px;
}

.material-thumb span{
  right:4px;
  bottom:4px;
  padding:2px 5px;
  font-size:9.5px;
}

.material-list time{
  font-size:11px;
  line-height:1.2;
}

.material-list h3{
  font-size:14px;
  line-height:1.28;
  margin:4px 0 5px;
}

.material-list .meta-row{
  gap:15px;
  font-size:10.5px;
  line-height:1;
}

/*
  Наши SVG глаз/комментарии чуть крупнее
  именно в этом блоке.
*/
.material-list .meta-stat::before{
  width:13px;
  height:13px;
  flex-basis:13px;
  mask-size:13px 13px;
  -webkit-mask-size:13px 13px;
}

.material-list .bookmark{
  font-size:20px;
}

.materials-panel .panel-link{
  margin-top:10px;
  font-size:12px;
}


/* ==========================================
   ФАКТ-ЦЕНТР
   ========================================== */

.fact-panel > a:not(.panel-link){
  grid-template-columns:32px minmax(0,1fr) 38px 16px;
  gap:9px;

  min-height:41px;
  padding:9px 0;

  font-size:13px;
  line-height:1.25;
}

.fact-panel > a:not(.panel-link) > b{
  font-size:15px;
  line-height:1;
}

.fact-panel > a:not(.panel-link) > span{
  min-width:0;
}

.fact-panel > a:not(.panel-link) > small{
  font-size:11px;
}

.fact-panel > a:not(.panel-link) > em{
  font-size:17px;
}

.fact-panel .panel-link{
  margin-top:12px;
  font-size:12px;
}


/* ==========================================
   MOBILE
   ========================================== */

@media(max-width:720px){

  .materials-panel,
  .fact-panel{
    padding:13px;
  }

  .panel-heading h2,
  .fact-panel h2{
    font-size:15px;
  }

  .material-list article{
    grid-template-columns:105px minmax(0,1fr) 20px;
    gap:9px;
    min-height:66px;
    padding:7px 0;
  }

  .material-thumb{
    height:58px;
  }

  .material-list h3{
    font-size:13px;
  }

  .fact-panel > a:not(.panel-link){
    grid-template-columns:29px minmax(0,1fr) 34px 14px;
    min-height:39px;
    padding:8px 0;
    font-size:12px;
  }
}

/* TV KADR - HOME MATERIALS FACT SCALE END */

/* TV KADR - MATERIAL PREVIEW ENLARGE START */

/*
  Последние материалы:
  увеличиваем превью, чтобы блок был ближе к макету.
*/
.material-list article{
  grid-template-columns:124px minmax(0,1fr) 22px;
  gap:14px;
  min-height:78px;
  padding:9px 0;
}

.material-thumb{
  height:70px;
}

.material-thumb span{
  right:5px;
  bottom:5px;
}

.material-list h3{
  margin:5px 0 6px;
}

/*
  Мобильный адаптив — тоже слегка увеличиваем,
  но умеренно.
*/
@media(max-width:720px){
  .material-list article{
    grid-template-columns:114px minmax(0,1fr) 20px;
    gap:10px;
    min-height:72px;
    padding:8px 0;
  }

  .material-thumb{
    height:64px;
  }
}

/* TV KADR - MATERIAL PREVIEW ENLARGE END */

/* TV KADR - MATERIAL PREVIEW ENLARGE V2 START */

/*
  Последние материалы:
  делаем превью ещё крупнее, ближе к макету.
*/
.material-list article{
  grid-template-columns:142px minmax(0,1fr) 22px;
  gap:16px;
  min-height:90px;
  padding:10px 0;
}

.material-thumb{
  height:80px;
}

.material-thumb span{
  right:6px;
  bottom:6px;
  padding:3px 6px;
  font-size:10px;
}

.material-list h3{
  margin:6px 0 6px;
}

.material-list .meta-row{
  gap:16px;
}

/*
  На мобильном тоже немного увеличиваем,
  но мягче, чем на desktop.
*/
@media(max-width:720px){
  .material-list article{
    grid-template-columns:120px minmax(0,1fr) 20px;
    gap:10px;
    min-height:76px;
    padding:8px 0;
  }

  .material-thumb{
    height:68px;
  }
}

/* TV KADR - MATERIAL PREVIEW ENLARGE V2 END */

/* TV KADR - MATERIAL PREVIEW 150x84 START */

/*
  Последние материалы:
  финальный размер превью 150x84.
*/
.material-list article{
  grid-template-columns:150px minmax(0,1fr) 22px;
  gap:16px;
  min-height:94px;
  padding:10px 0;
}

.material-thumb{
  height:84px;
}

.material-thumb span{
  right:6px;
  bottom:6px;
  padding:3px 6px;
  font-size:10px;
}

.material-list h3{
  margin:6px 0 6px;
}

.material-list .meta-row{
  gap:16px;
}

/*
  Мобильный — увеличиваем умеренно.
*/
@media(max-width:720px){
  .material-list article{
    grid-template-columns:122px minmax(0,1fr) 20px;
    gap:10px;
    min-height:78px;
    padding:8px 0;
  }

  .material-thumb{
    height:70px;
  }
}

/* TV KADR - MATERIAL PREVIEW 150x84 END */

/* TV KADR - GLOBAL NAV ARROWS START */

/*
  Единая стрелка перехода.
  Собственный SVG — одинаковый вид на всех ОС.
*/
.ui-nav-arrow{
  display:inline-block;
  width:15px;
  height:15px;
  flex:0 0 15px;

  background-color:currentColor;

  mask-image:url("/assets/icons/arrow-right.svg");
  mask-repeat:no-repeat;
  mask-position:center;
  mask-size:contain;

  -webkit-mask-image:url("/assets/icons/arrow-right.svg");
  -webkit-mask-repeat:no-repeat;
  -webkit-mask-position:center;
  -webkit-mask-size:contain;
}

.ui-nav-arrow--left{
  mask-image:url("/assets/icons/arrow-left.svg");
  -webkit-mask-image:url("/assets/icons/arrow-left.svg");
}


/* ------------------------------------------
   Все нижние ссылки типа:
   Смотреть все / Перейти / Поиск по теме
   ------------------------------------------ */

.panel-link{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
}

.panel-link::after{
  content:"";
  display:inline-block;

  width:14px;
  height:14px;
  flex:0 0 14px;

  background-color:currentColor;

  mask-image:url("/assets/icons/arrow-right.svg");
  mask-repeat:no-repeat;
  mask-position:center;
  mask-size:contain;

  -webkit-mask-image:url("/assets/icons/arrow-right.svg");
  -webkit-mask-repeat:no-repeat;
  -webkit-mask-position:center;
  -webkit-mask-size:contain;
}


/* ------------------------------------------
   ФАКТ-ЦЕНТР — стрелка у каждой строки
   ------------------------------------------ */

.fact-panel > a:not(.panel-link) > em{
  width:15px;
  height:15px;

  font-size:0;
  color:var(--gold-bright);

  background-color:currentColor;

  mask-image:url("/assets/icons/arrow-right.svg");
  mask-repeat:no-repeat;
  mask-position:center;
  mask-size:contain;

  -webkit-mask-image:url("/assets/icons/arrow-right.svg");
  -webkit-mask-repeat:no-repeat;
  -webkit-mask-position:center;
  -webkit-mask-size:contain;
}


/* ------------------------------------------
   Боковая навигация рубрик
   ------------------------------------------ */

.sidebar-category > b{
  width:14px;
  height:14px;

  font-size:0;
  color:var(--gold-bright);

  background-color:currentColor;

  mask-image:url("/assets/icons/arrow-right.svg");
  mask-repeat:no-repeat;
  mask-position:center;
  mask-size:contain;

  -webkit-mask-image:url("/assets/icons/arrow-right.svg");
  -webkit-mask-repeat:no-repeat;
  -webkit-mask-position:center;
  -webkit-mask-size:contain;
}


/* ------------------------------------------
   Ссылки вида "что-то →",
   которым позже зададим .nav-forward-link
   ------------------------------------------ */

.nav-forward-link{
  display:inline-flex;
  align-items:center;
  gap:7px;
}

.nav-forward-link::after{
  content:"";

  width:14px;
  height:14px;
  flex:0 0 14px;

  background-color:currentColor;

  mask-image:url("/assets/icons/arrow-right.svg");
  mask-repeat:no-repeat;
  mask-position:center;
  mask-size:contain;

  -webkit-mask-image:url("/assets/icons/arrow-right.svg");
  -webkit-mask-repeat:no-repeat;
  -webkit-mask-position:center;
  -webkit-mask-size:contain;
}


/* ------------------------------------------
   Hover — только небольшой сдвиг самой стрелки.
   Контейнер не прыгает.
   ------------------------------------------ */

.panel-link::after,
.nav-forward-link::after,
.fact-panel > a:not(.panel-link) > em,
.sidebar-category > b{
  transition:transform .16s ease;
}

.panel-link:hover::after,
.nav-forward-link:hover::after,
.fact-panel > a:not(.panel-link):hover > em,
.sidebar-category:hover > b{
  transform:translateX(4px);
}

/* TV KADR - GLOBAL NAV ARROWS END */

/* TV KADR - GLOBAL SAVE ICON START */

/*
  Единая иконка сохранения.
  Собственный SVG:
  одинаковая форма на Windows, macOS,
  Linux, Android и iOS.
*/
.ui-save-icon{
  display:inline-block;

  width:16px;
  height:16px;
  flex:0 0 16px;

  color:var(--gold-bright);
  background-color:currentColor;

  mask-image:url("/assets/icons/bookmark.svg");
  mask-repeat:no-repeat;
  mask-position:center;
  mask-size:contain;

  -webkit-mask-image:url("/assets/icons/bookmark.svg");
  -webkit-mask-repeat:no-repeat;
  -webkit-mask-position:center;
  -webkit-mask-size:contain;
}


/* ------------------------------------------
   Кнопка сохранения
   ------------------------------------------ */

.bookmark{
  width:20px;
  height:24px;

  padding:0;
  border:0;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  background:transparent;
  color:var(--gold-bright);

  cursor:pointer;
  font-size:0;
}

.bookmark .ui-save-icon{
  width:16px;
  height:16px;
  flex-basis:16px;
}

.bookmark:hover .ui-save-icon{
  color:#f3b21a;
}


/* ------------------------------------------
   Последние материалы:
   сохранить + перейти
   ------------------------------------------ */

.material-list article{
  grid-template-columns:
    150px
    minmax(0,1fr)
    52px;
}

.material-row-actions{
  align-self:stretch;

  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:9px;
}

.material-row-forward{
  width:20px;
  height:24px;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  color:var(--gold-bright);
}

.material-row-forward .ui-nav-arrow{
  width:15px;
  height:15px;
  flex-basis:15px;

  transition:transform .16s ease;
}

.material-row-forward:hover .ui-nav-arrow{
  transform:translateX(4px);
}


/* ------------------------------------------
   Остальные места с сохранением
   ------------------------------------------ */

.saved-hero__mark .ui-save-icon,
.account-stat-grid .ui-save-icon,
.account-empty .ui-save-icon{
  width:20px;
  height:20px;
  flex-basis:20px;
}

.saved-row__remove{
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

.saved-row__remove .ui-save-icon{
  width:17px;
  height:17px;
  flex-basis:17px;
}


/* ------------------------------------------
   Mobile
   ------------------------------------------ */

@media(max-width:720px){

  .material-list article{
    grid-template-columns:
      122px
      minmax(0,1fr)
      48px;
  }

  .material-row-actions{
    gap:7px;
  }
}

/* TV KADR - GLOBAL SAVE ICON END */

/* TV KADR - FACT CENTER SVG ICONS START */

/*
  Факт-центр:
  собственные SVG-иконки вместо системных символов.
*/
.fact-panel > a:not(.panel-link){
  grid-template-columns:
    30px
    minmax(0,1fr)
    38px
    16px;

  gap:10px;
}

.fact-panel__icon{
  display:block;

  width:21px;
  height:21px;

  object-fit:contain;

  justify-self:center;
  align-self:center;
}

/*
  На hover саму иконку не двигаем.
  Навигационный акцент остаётся на стрелке справа.
*/
.fact-panel > a:not(.panel-link):hover .fact-panel__icon{
  filter:brightness(1.12);
}


/* Mobile */
@media(max-width:720px){

  .fact-panel > a:not(.panel-link){
    grid-template-columns:
      28px
      minmax(0,1fr)
      34px
      15px;

    gap:8px;
  }

  .fact-panel__icon{
    width:19px;
    height:19px;
  }
}

/* TV KADR - FACT CENTER SVG ICONS END */

/* TV KADR - FACT ICON SIZE MATCH TOPICS START */

/*
  Факт-центр:
  размер SVG-иконок совпадает с
  Тематическими рубриками — 46x46 px.
*/
.fact-panel > a:not(.panel-link){
  grid-template-columns:
    54px
    minmax(0,1fr)
    38px
    16px;

  gap:11px;
  min-height:61px;
  padding:7px 0;
}

.fact-panel__icon{
  width:46px;
  height:46px;
  object-fit:contain;

  justify-self:center;
  align-self:center;
}

/*
  Текст остаётся вертикально по центру
  относительно крупной иконки.
*/
.fact-panel > a:not(.panel-link) > span,
.fact-panel > a:not(.panel-link) > small,
.fact-panel > a:not(.panel-link) > em{
  align-self:center;
}


/*
  Mobile:
  ровно тот же размер, что у иконок
  Тематических рубрик — 24x24 px.
*/
@media(max-width:720px){

  .fact-panel > a:not(.panel-link){
    grid-template-columns:
      32px
      minmax(0,1fr)
      34px
      15px;

    gap:8px;
    min-height:44px;
    padding:6px 0;
  }

  .fact-panel__icon{
    width:24px;
    height:24px;
  }
}

/* TV KADR - FACT ICON SIZE MATCH TOPICS END */

/* TV KADR - HOME FACT HOVER EMPHASIS START */

/*
  Главная — Факт-центр:
  усиливаем существующую реакцию строки, SVG и стрелки,
  не создавая смещения контейнера.
*/
.home-page .fact-panel > a:not(.panel-link){
  border-radius:4px;
  transition:
    background-color .18s ease,
    border-color .18s ease,
    color .18s ease;
}

.home-page .fact-panel .fact-panel__icon{
  transform-origin:center;
  transition:filter .18s ease,transform .18s ease;
}

@media (hover:hover) and (pointer:fine){
  .home-page .fact-panel > a:not(.panel-link):hover{
    background-color:rgba(212,175,55,.065);
    border-bottom-color:rgba(212,175,55,.42);
    color:var(--text);
  }

  .home-page .fact-panel > a:not(.panel-link):hover .fact-panel__icon{
    filter:
      brightness(1.28)
      saturate(1.15)
      drop-shadow(0 0 8px rgba(212,175,55,.32));
    transform:scale(1.05);
  }

}

@media (prefers-reduced-motion:reduce){
  .home-page .fact-panel > a:not(.panel-link),
  .home-page .fact-panel .fact-panel__icon,
  .home-page .fact-panel > a:not(.panel-link) > em{
    transition:none!important;
  }

  .home-page .fact-panel > a:not(.panel-link):hover .fact-panel__icon,
  .home-page .fact-panel > a:not(.panel-link):hover > em{
    transform:none!important;
  }
}

/* TV KADR - HOME FACT HOVER EMPHASIS END */

/* TV KADR - HOME NEWS STRIP POLISH START */

/* ==========================================
   БЛОК НОВОСТНОЙ ЛЕНТЫ
   ========================================== */

.news-strip{
  margin-top:10px;
  padding:17px 18px 18px;
}

.news-strip__head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:18px;
}

.news-strip__head .eyebrow{
  font-size:11px;
}

.news-strip__head h2{
  font-family:Georgia,"Times New Roman",serif;
  font-size:28px;
  line-height:1.08;
  font-weight:400;
  margin:5px 0 0;
}

.news-strip__head > a{
  color:var(--gold-bright);
  font-size:12px;
  white-space:nowrap;
}


/* ==========================================
   СЕТКА
   ========================================== */

.news-strip__grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
  gap:10px;

  margin-top:15px;

  background:transparent;
  border:0;
}


/* ==========================================
   КАРТОЧКА НОВОСТИ
   ========================================== */

.news-strip__grid > a{
  position:relative;
  overflow:hidden;

  min-width:0;
  min-height:155px;

  padding:17px 18px 15px;

  display:flex;
  flex-direction:column;
  gap:8px;

  border:1px solid var(--border);
  border-radius:3px;

  background:
    radial-gradient(
      circle at 18% 12%,
      rgba(228,161,0,.065),
      rgba(228,161,0,0) 43%
    ),
    linear-gradient(
      180deg,
      #0a0c0f 0%,
      #070809 58%,
      #050607 100%
    );

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.018),
    inset 0 -1px 0 rgba(0,0,0,.35);

  transition:
    border-color .16s ease,
    background .16s ease;
}


/* Служебная строка: категория + дата */
.news-strip__grid small{
  color:var(--gold-bright);
  font-size:11px;
  line-height:1.25;
}


/* Заголовок */
.news-strip__grid strong{
  max-width:100%;

  font-family:Georgia,"Times New Roman",serif;
  font-size:19px;
  line-height:1.22;
  font-weight:400;

  color:#f0f0ed;

  white-space:normal;
  overflow-wrap:anywhere;
}


/* Описание */
.news-strip__grid span{
  max-width:100%;

  color:var(--secondary);
  font-size:13px;
  line-height:1.48;

  white-space:normal;
  overflow-wrap:anywhere;
}


/* ==========================================
   ГЛОБАЛЬНАЯ СТРЕЛКА В КАРТОЧКЕ
   ========================================== */

.news-strip__grid > a::after{
  content:"";

  width:15px;
  height:15px;
  flex:0 0 15px;

  margin-top:auto;
  align-self:flex-end;

  color:var(--gold-bright);
  background-color:currentColor;

  mask-image:url("/assets/icons/arrow-right.svg");
  mask-repeat:no-repeat;
  mask-position:center;
  mask-size:contain;

  -webkit-mask-image:url("/assets/icons/arrow-right.svg");
  -webkit-mask-repeat:no-repeat;
  -webkit-mask-position:center;
  -webkit-mask-size:contain;

  transition:transform .16s ease;
}


/* ==========================================
   HOVER
   Никакого подъёма и свечения.
   ========================================== */

/* TV KADR - KNOWLEDGE MATERIAL CARD HOVER START */

.knowledge-listing .knowledge-grid > .knowledge-card{
  transition:
    border-color .16s ease,
    background .16s ease;
}

.news-strip__grid > a:hover,
.knowledge-listing .knowledge-grid > .knowledge-card:hover{
  border-color:#6e5214;

  background:
    radial-gradient(
      circle at 18% 12%,
      rgba(228,161,0,.10),
      rgba(228,161,0,0) 45%
    ),
    linear-gradient(
      180deg,
      #0d1013 0%,
      #080a0c 58%,
      #060708 100%
    );
}

/* TV KADR - KNOWLEDGE MATERIAL CARD HOVER END */

.news-strip__grid > a:hover::after{
  transform:translateX(4px);
}


/* ==========================================
   TABLET
   ========================================== */

@media(max-width:920px){

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


/* ==========================================
   MOBILE
   ========================================== */

@media(max-width:720px){

  .news-strip{
    padding:14px 12px;
  }

  .news-strip__head h2{
    font-size:24px;
  }

  .news-strip__grid{
    grid-template-columns:1fr;
    gap:8px;
    margin-top:12px;
  }

  .news-strip__grid > a{
    min-height:135px;
    padding:15px;
  }

  .news-strip__grid strong{
    font-size:18px;
  }

  .news-strip__grid span{
    font-size:13px;
  }
}

/* TV KADR - HOME NEWS STRIP POLISH END */

/* TV KADR - HOME PROMO POLISH START */

/* ==========================================
   ОБЩАЯ СЕТКА
   ========================================== */

.promo-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:10px;
  margin-top:10px;
  align-items:stretch;
}

.mail-promo,
.support-promo{
  position:relative;
  overflow:hidden;

  min-width:0;
  min-height:132px;

  padding:20px 22px;

  display:flex;
  align-items:center;
  gap:18px;

  background:
    radial-gradient(
      circle at 12% 18%,
      rgba(228,161,0,.065),
      rgba(228,161,0,0) 40%
    ),
    linear-gradient(
      180deg,
      #0a0c0f 0%,
      #070809 60%,
      #050607 100%
    );

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.018),
    inset 0 -1px 0 rgba(0,0,0,.35);
}


/* ==========================================
   ЕДИНЫЕ SVG-ИКОНКИ
   ========================================== */

.promo-icon{
  display:block;

  width:48px;
  height:48px;
  flex:0 0 48px;

  background-position:center;
  background-size:contain;
  background-repeat:no-repeat;
}

.promo-icon--mail{
  background-image:url("/assets/icons/mail.svg");
}

.promo-icon--heart{
  background-image:url("/assets/icons/heart.svg");
}


/* ==========================================
   ТЕКСТ
   ========================================== */

.promo-copy{
  min-width:0;
}

.mail-promo h2,
.support-promo h2{
  margin:0 0 6px;

  color:#f0f0ed;
  font-size:18px;
  line-height:1.2;
  font-weight:500;

  overflow-wrap:anywhere;
}

.mail-promo h2{
  font-family:Georgia,"Times New Roman",serif;
  font-size:21px;
  font-weight:400;
}

.support-promo h2{
  letter-spacing:.035em;
}

.mail-promo p,
.support-promo p{
  max-width:390px;

  margin:0;

  color:var(--secondary);
  font-size:13px;
  line-height:1.5;

  overflow-wrap:anywhere;
}


/* ==========================================
   EMAIL FORM
   ========================================== */

.mail-form{
  margin-left:auto;

  display:grid;
  grid-template-columns:minmax(190px,1fr) auto;

  min-width:340px;
}

.mail-form input{
  min-width:0;
  height:44px;

  padding:0 13px;

  outline:0;

  border:1px solid var(--gold-dark);
  border-right:0;
  border-radius:3px 0 0 3px;

  background:#050607;
  color:var(--text);

  font:inherit;
  font-size:12px;
}

.mail-form input::placeholder{
  color:var(--muted);
}

.mail-form input:focus{
  border-color:#9a6c08;
}

.mail-form .button{
  min-height:44px;

  border-radius:0 3px 3px 0;
}


/* ==========================================
   SUPPORT
   ========================================== */

.support-promo .button{
  margin-left:auto;
  min-height:44px;
  padding-left:18px;
  padding-right:18px;
  white-space:nowrap;
}


/* ==========================================
   TABLET
   ========================================== */

@media(max-width:1180px){

  .promo-row{
    grid-template-columns:1fr;
  }

  .mail-form{
    min-width:360px;
  }
}


/* ==========================================
   MOBILE
   ========================================== */

@media(max-width:720px){

  .promo-row{
    grid-template-columns:1fr;
    gap:8px;
  }

  .mail-promo,
  .support-promo{
    min-height:0;
    padding:16px;

    display:grid;
    grid-template-columns:38px minmax(0,1fr);

    gap:10px 12px;
    align-items:start;
  }

  .promo-icon{
    width:38px;
    height:38px;
    flex-basis:38px;
  }

  .mail-promo h2{
    font-size:19px;
  }

  .support-promo h2{
    font-size:16px;
  }

  .mail-form{
    grid-column:1/-1;

    width:100%;
    min-width:0;
    margin:4px 0 0;

    grid-template-columns:1fr auto;
  }

  .support-promo .button{
    grid-column:1/-1;

    width:100%;
    margin:5px 0 0;
  }
}


@media(max-width:470px){

  .mail-form{
    grid-template-columns:1fr;
    gap:8px;
  }

  .mail-form input{
    border-right:1px solid var(--gold-dark);
    border-radius:3px;
  }

  .mail-form .button{
    border-radius:3px;
  }
}

/* TV KADR - HOME PROMO POLISH END */

/* TV KADR - HOME PROMO WIDTH FIX START */

@media(min-width:1181px){

  /*
    Форме подписки требуется немного больше места,
    поэтому левая карточка чуть шире правой.
  */
  .promo-row{
    grid-template-columns:
      minmax(0,1.08fr)
      minmax(0,.92fr);
  }

  .mail-promo{
    min-width:0;
  }

  .mail-promo .promo-copy{
    flex:1 1 auto;
    min-width:170px;
  }

  /*
    Убираем старое жёсткое min-width:340px,
    из-за которого кнопка вылезала за карточку.
  */
  .mail-form{
    flex:0 1 300px;
    width:min(300px,44%);
    min-width:250px;

    grid-template-columns:
      minmax(125px,1fr)
      auto;
  }

  .mail-form input{
    width:100%;
    min-width:0;
  }

  .mail-form .button{
    padding-left:16px;
    padding-right:16px;
    white-space:nowrap;
  }

  .support-promo .promo-copy{
    min-width:0;
    flex:1 1 auto;
  }
}

/* TV KADR - HOME PROMO WIDTH FIX END */

/* TV KADR - GLOBAL FOOTER POLISH START */

/* ==========================================
   FOOTER BASE
   ========================================== */

.site-footer{
  position:relative;
  overflow:hidden;

  padding:30px 0 34px;

  border-top:1px solid #644500;

  background:
    linear-gradient(
      180deg,
      #050607 0%,
      #030404 100%
    );
}

.site-footer:after,
.site-footer--aligned:after{
  content:"";

  position:absolute;
  right:-55px;
  bottom:-70px;

  width:350px;
  height:235px;

  background:
    url("/brand/news-map-approved.webp")
    center / cover no-repeat;

  opacity:.14;

  pointer-events:none;
}

.site-footer__grid{
  position:relative;
  z-index:1;

  display:grid;

  grid-template-columns:
    minmax(220px,1.2fr)
    minmax(130px,.75fr)
    minmax(220px,1.08fr)
    minmax(220px,1fr);

  gap:36px;
}


/* ==========================================
   BRAND
   ========================================== */

.wordmark--footer > span{
  font-size:23px !important;
  letter-spacing:.16em;
}

.footer-brand p{
  max-width:255px;

  margin:10px 0 10px;

  color:var(--secondary);

  font-size:12.5px;
  line-height:1.55;
}

.footer-brand small{
  display:block;

  color:var(--muted);

  font-size:10.5px;
  line-height:1.4;
}


/* ==========================================
   COLUMNS
   ========================================== */

.site-footer h3{
  margin:0 0 11px;

  color:#d5d5d2;

  font-size:13px;
  line-height:1.2;
  font-weight:600;
}

.site-footer__grid > div:not(.footer-brand){
  min-width:0;

  display:flex;
  flex-direction:column;

  gap:8px;

  color:var(--muted);

  font-size:12px;
  line-height:1.38;
}

.site-footer__grid a,
.site-footer__grid span{
  overflow-wrap:anywhere;
}

.site-footer__grid a{
  transition:color .15s ease;
}

.site-footer__grid a:hover{
  color:var(--gold-bright);
}


/* ==========================================
   SOCIALS — OWN SVG
   ========================================== */

.footer-socials{
  display:flex;
  gap:8px;

  margin-top:14px;
}

.footer-social{
  width:29px;
  height:29px;
  flex:0 0 29px;

  display:block;

  border:1px solid #37300f;
  border-radius:3px;

  color:#aaa;

  background-color:currentColor;

  mask-repeat:no-repeat;
  mask-position:center;
  mask-size:16px 16px;

  -webkit-mask-repeat:no-repeat;
  -webkit-mask-position:center;
  -webkit-mask-size:16px 16px;

  transition:
    color .15s ease,
    border-color .15s ease;
}

.footer-social--youtube{
  mask-image:url("/assets/icons/youtube.svg");
  -webkit-mask-image:url("/assets/icons/youtube.svg");
}

.footer-social--telegram{
  mask-image:url("/assets/icons/telegram.svg");
  -webkit-mask-image:url("/assets/icons/telegram.svg");
}

.footer-social--vk{
  mask-image:url("/assets/icons/vk.svg");
  -webkit-mask-image:url("/assets/icons/vk.svg");
}

.footer-social--x{
  mask-image:url("/assets/icons/x.svg");
  -webkit-mask-image:url("/assets/icons/x.svg");
}

.footer-social:hover{
  color:var(--gold-bright);
  border-color:#73520c;
}


/* ==========================================
   CONTACTS
   ========================================== */

.footer-contacts{
  padding-right:80px;
}

.footer-contact{
  display:flex;
  align-items:center;

  gap:9px;

  min-width:0;
}

.footer-contact__icon{
  display:block;

  width:17px;
  height:17px;
  flex:0 0 17px;

  color:var(--gold-bright);
  background-color:currentColor;

  mask-repeat:no-repeat;
  mask-position:center;
  mask-size:contain;

  -webkit-mask-repeat:no-repeat;
  -webkit-mask-position:center;
  -webkit-mask-size:contain;
}

.footer-contact__icon--mail{
  mask-image:url("/assets/icons/mail.svg");
  -webkit-mask-image:url("/assets/icons/mail.svg");
}

.footer-contact__icon--feedback{
  mask-image:url("/assets/icons/feedback.svg");
  -webkit-mask-image:url("/assets/icons/feedback.svg");
}

.footer-contact__icon--bot{
  mask-image:url("/assets/icons/bot.svg");
  -webkit-mask-image:url("/assets/icons/bot.svg");
}


/* ==========================================
   TABLET
   ========================================== */

@media(max-width:1050px){

  .site-footer__grid{
    grid-template-columns:
      minmax(0,1fr)
      minmax(0,1fr);

    gap:28px 36px;
  }

  .footer-brand{
    grid-column:1/-1;
  }

  .footer-contacts{
    padding-right:0;
  }
}


/* ==========================================
   MOBILE
   Та же информация, но читаемая сетка.
   ========================================== */

@media(max-width:720px){

  .site-footer{
    padding:24px 0 26px;
  }

  .site-footer:after,
  .site-footer--aligned:after{
    display:none;
  }

  .site-footer__grid{
    grid-template-columns:
      minmax(0,1fr)
      minmax(0,1fr);

    gap:24px 20px;
  }

  .footer-brand{
    grid-column:1/-1;
  }

  .wordmark--footer > span{
    font-size:19px !important;
  }

  .footer-brand p{
    max-width:290px;
    font-size:11px;
  }

  .footer-brand small{
    font-size:9.5px;
  }

  .site-footer h3{
    font-size:12px;
    margin-bottom:8px;
  }

  .site-footer__grid > div:not(.footer-brand){
    gap:6px;
    font-size:10.5px;
    line-height:1.4;
  }

  .footer-social{
    width:28px;
    height:28px;
    flex-basis:28px;
  }

  .footer-contact__icon{
    width:15px;
    height:15px;
    flex-basis:15px;
  }

  .footer-contacts{
    grid-column:1/-1;
  }
}


/* ==========================================
   SMALL MOBILE
   ========================================== */

@media(max-width:470px){

  .site-footer__grid{
    grid-template-columns:1fr;
    gap:20px;
  }

  .footer-brand,
  .footer-contacts{
    grid-column:auto;
  }

  .site-footer__grid > div:not(.footer-brand){
    font-size:11px;
  }
}

/* TV KADR - GLOBAL FOOTER POLISH END */

/* TV KADR - FOOTER LINK HITBOX FIX START */

/*
  Колонки футера не растягивают свои элементы
  на всю доступную ширину.
*/
.footer-nav,
.footer-help,
.footer-contacts{
  align-items:flex-start;
}


/*
  Навигационная ссылка кликабельна только
  в пределах самого текста.
*/
.footer-nav > a{
  display:inline-block;
  width:fit-content;
  max-width:100%;

  transition:color .15s ease;
}

.footer-nav > a:hover{
  color:var(--gold-bright);
}


/*
  Раздел Помощь пока содержит не ссылки, а span.
  Даём такой же визуальный hover,
  но без cursor:pointer — действия у них пока нет.
*/
.footer-help > span{
  display:inline-block;
  width:fit-content;
  max-width:100%;

  transition:color .15s ease;
}

.footer-help > span:hover{
  color:var(--gold-bright);
}


/*
  Контакты тоже не должны иметь невидимую
  область во всю ширину колонки.
*/
.footer-contact{
  width:fit-content;
  max-width:100%;
}

/* TV KADR - FOOTER LINK HITBOX FIX END */

/* TV KADR - SOCIAL SETTINGS START */

.admin-setting-card--socials{
  align-items:start;
}

.admin-social-links{
  width:100%;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}

.admin-social-links label{
  min-width:0;
  display:grid;
  gap:6px;
}

.admin-social-links label span{
  color:#999;
  font-size:10px;
}

.admin-social-links input{
  width:100%;
  min-width:0;

  background:#0a0a0a;
  border:1px solid #403519;
  color:#eee;

  padding:10px 11px;

  outline:0;
}

.admin-social-links input:focus{
  border-color:var(--yellow);
}

@media(max-width:1050px){

  .admin-setting-card--socials{
    grid-template-columns:1fr;
  }

  .admin-setting-card--socials .yellow-button{
    justify-self:start;
  }
}

@media(max-width:720px){

  .admin-social-links{
    grid-template-columns:1fr;
  }
}

/* TV KADR - SOCIAL SETTINGS END */

/* TV KADR - NEWS COVER UPLOAD START */


/* ADMIN — ОБЛОЖКА НОВОСТИ */

.admin-cover-field{
  display:grid;
  gap:10px;
}

.admin-cover-field__label{
  color:#a9a9a9;
  font-size:12px;
}

.admin-cover-field__controls{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

.admin-cover-field__controls > small{
  color:#666;
  font-size:10px;
}

.admin-cover-file{
  min-height:38px;
  padding:0 14px;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  border:1px solid #604b13;
  background:#0c0c0c;

  color:var(--yellow);
  font-size:11px;
  cursor:pointer;

  transition:
    border-color .15s ease,
    color .15s ease,
    background .15s ease;
}

.admin-cover-file:hover{
  border-color:var(--yellow);
  background:#151108;
}

.admin-cover-file.is-disabled{
  opacity:.55;
  pointer-events:none;
}

.admin-cover-file input{
  display:none;
}

.admin-cover-empty{
  min-height:110px;

  display:grid;
  place-items:center;

  border:1px dashed #403519;
  background:#090909;

  color:#666;
  font-size:11px;
}

.admin-cover-field .admin-cover-preview{
  height:220px;
  margin:0;
}


/* HOME — ОБЛОЖКИ В "КОРОТКО О ВАЖНОМ" */

.news-strip__image{
  display:block;

  flex:0 0 108px;
  height:108px;

  margin:
    -17px
    -18px
    4px;

  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;

  border-bottom:1px solid var(--border);
}


/* Без картинки карточка остаётся текстовой */

@media(max-width:720px){

  .admin-cover-field__controls{
    align-items:stretch;
    flex-direction:column;
  }

  .admin-cover-file,
  .admin-cover-field__controls .dark-button{
    width:100%;
  }

  .admin-cover-field .admin-cover-preview{
    height:180px;
  }

  .news-strip__image{
    flex-basis:150px;
    height:150px;

    margin:
      -15px
      -15px
      4px;
  }
}


/* TV KADR - NEWS COVER UPLOAD END */

/* TV KADR - NEWS COVER CROPPER START */


/* ==========================================
   NEWS COVER CROPPER
   ========================================== */

.admin-cover-cropper{
  display:grid;
  gap:14px;

  padding:14px;

  border:1px solid #4a3812;
  background:#090909;
}

.admin-cover-cropper__heading{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}

.admin-cover-cropper__heading > div{
  display:grid;
  gap:4px;
}

.admin-cover-cropper__heading strong{
  color:#eee;
  font-size:13px;
  font-weight:500;
}

.admin-cover-cropper__heading small{
  color:#777;
  font-size:10px;
}

.admin-cover-cropper__heading > span{
  min-width:42px;
  height:25px;

  display:grid;
  place-items:center;

  border:1px solid #604b13;

  color:var(--yellow);
  font-size:10px;
}


/* Сам кадр */

.admin-cover-cropper__preview{
  position:relative;

  width:100%;
  aspect-ratio:16 / 9;

  overflow:hidden;

  border:1px solid #403519;
  background:#030303;
}

.admin-cover-cropper__preview img{
  position:absolute;
  inset:0;

  width:100%;
  height:100%;

  object-fit:cover;

  transition:
    object-position .08s linear,
    transform .08s linear;

  user-select:none;
  pointer-events:none;
}


/* Тонкая рамка показывает итоговый кадр */

.admin-cover-cropper__preview > i{
  position:absolute;
  inset:0;

  z-index:2;

  border:1px solid rgba(235,164,0,.45);

  pointer-events:none;
}


/* Sliders */

.admin-cover-cropper__controls{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}

.admin-cover-cropper__controls label{
  display:grid;
  gap:8px;
}

.admin-cover-cropper__controls label > span{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;

  color:#999;
  font-size:10px;
}

.admin-cover-cropper__controls label > span b{
  color:var(--yellow);
  font-size:10px;
  font-weight:500;
}

.admin-cover-cropper__controls input[type="range"]{
  width:100%;
  height:18px;

  padding:0;
  margin:0;

  border:0;
  background:transparent;

  accent-color:var(--yellow);

  cursor:pointer;
}


/* Actions */

.admin-cover-cropper__actions{
  display:flex;
  align-items:center;
  gap:10px;
}

.admin-cover-cropper__actions button{
  min-height:38px;
}


/* MOBILE */

@media(max-width:720px){

  .admin-cover-cropper{
    padding:10px;
  }

  .admin-cover-cropper__controls{
    grid-template-columns:1fr;
    gap:12px;
  }

  .admin-cover-cropper__actions{
    align-items:stretch;
    flex-direction:column;
  }

  .admin-cover-cropper__actions button{
    width:100%;
  }
}


/* TV KADR - NEWS COVER CROPPER END */

/* TV KADR - NEWS COVER TRUE 16X9 START */


/* ==========================================
   АДМИНКА — НОРМАЛЬНОЕ ПРЕВЬЮ 16:9
   ========================================== */

.admin-cover-field .admin-cover-preview{
  width:min(760px,100%);
  height:auto !important;
  aspect-ratio:16 / 9;

  margin:0;

  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
}


/* Пустой блок держим той же геометрии */

.admin-cover-field .admin-cover-empty{
  width:min(760px,100%);
  min-height:0;
  aspect-ratio:16 / 9;
}


/* Сам cropper тоже не растягиваем на всю огромную админку */

.admin-cover-cropper__preview{
  width:min(900px,100%);
  aspect-ratio:16 / 9;
}


/* ==========================================
   ГЛАВНАЯ — КАРТОЧКА НОВОСТИ
   ========================================== */

.news-strip__grid > a{
  padding:17px 18px 15px;
}


/* Настоящая обложка 16:9 вместо полосы */

.news-strip__image{
  display:block;

  width:calc(100% + 36px);
  height:auto;

  flex:0 0 auto;
  aspect-ratio:16 / 9;

  margin:
    -17px
    -18px
    5px;

  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;

  border-bottom:1px solid var(--border);
}


/* Карточкам с изображением больше не задаём
   визуально "низкую" композицию */

.news-strip__grid > a:has(.news-strip__image){
  min-height:0;
}


/* ==========================================
   TABLET
   ========================================== */

@media(max-width:920px){

  .news-strip__image{
    width:calc(100% + 36px);
  }
}


/* ==========================================
   MOBILE
   ========================================== */

@media(max-width:720px){

  .admin-cover-field .admin-cover-preview,
  .admin-cover-field .admin-cover-empty,
  .admin-cover-cropper__preview{
    width:100%;
  }

  .news-strip__grid > a{
    padding:15px;
  }

  .news-strip__image{
    width:calc(100% + 30px);
    height:auto;

    flex-basis:auto;

    aspect-ratio:16 / 9;

    margin:
      -15px
      -15px
      5px;
  }
}


/* TV KADR - NEWS COVER TRUE 16X9 END */

/* TV KADR - ADMIN SUMMARY LIMIT START */

.admin-limited-field{
  position:relative;
}

.admin-limited-field__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}

.admin-limited-field__head > small{
  color:#666;
  font-size:10px;
  font-variant-numeric:tabular-nums;
}

.admin-limited-field__head > small.is-near-limit{
  color:var(--yellow);
}

/* TV KADR - ADMIN SUMMARY LIMIT END */

/* TV KADR - HOME NEWS SUMMARY CLAMP START */

.news-strip__grid > a > span{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;

  line-clamp:3;

  overflow:hidden;
}

/* TV KADR - HOME NEWS SUMMARY CLAMP END */

/* TV KADR - NEWS COVER DISPLAY FIX START */


/* ==========================================
   КАТАЛОГ НОВОСТЕЙ
   Реальная обложка полностью отключает
   старую декоративную заглушку.
   ========================================== */

.news-list-card__visual.has-cover::after{
  content:none !important;
  display:none !important;
}

.news-list-card__visual.has-cover{
  background-position:center !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
}


/* ==========================================
   ОТДЕЛЬНАЯ НОВОСТЬ
   Никакого повторного кадрирования.
   Показываем ровно тот 16:9 файл,
   который подготовили в админке.
   ========================================== */

.article-cover{
  width:100%;
  height:auto !important;

  margin:24px 0;

  padding:0;

  overflow:hidden;

  background:none !important;
}

.article-cover img{
  display:block;

  width:100%;
  height:auto;

  margin:0;

  object-fit:initial;

  border:0;
}


/* MOBILE */

@media(max-width:720px){

  .article-cover{
    height:auto !important;
    margin:18px 0;
  }

  .article-cover img{
    width:100%;
    height:auto;
  }
}


/* TV KADR - NEWS COVER DISPLAY FIX END */

/* TV KADR - HEADER MICRO POLISH START */


/* Навигация — фирменный жёлтый при наведении */

.site-nav a{
  transition:color .15s ease;
}

.site-nav a:hover{
  color:var(--gold-bright) !important;
}


/* Подпись под логотипом */

.site-header .wordmark small{
  font-size:10px !important;
  line-height:1.25;
}


/* TV KADR - HEADER MICRO POLISH END */

/* TV KADR - GLOBAL WIDE CLUB PROMO START */

/*
  Горизонтальный Клуб для широких публичных блоков.
  Может переиспользоваться не только на PUB-02.
*/
.club-promo--wide{
  position:relative;
  overflow:hidden;

  min-width:0;
  min-height:132px;

  padding:20px 22px;

  display:grid;
  grid-template-columns:92px minmax(0,1fr) auto;
  gap:18px;
  align-items:center;

  background:
    linear-gradient(90deg,
      rgba(79,55,12,.18) 0%,
      rgba(11,12,14,.96) 22%,
      rgba(8,9,10,.98) 100%);
}


/*
  Та же прозрачная шахматная композиция,
  которая используется в клубном блоке главной.
  Отдельной плашки/фона вокруг изображения нет.
*/
.club-promo--wide .club-promo__art{
  display:block;

  width:88px;
  height:98px;

  background:transparent url('/brand/club-chess-transparent.png') center/contain no-repeat;
}


.club-promo--wide .club-promo__copy{
  min-width:0;
  max-width:none;
}


.club-promo--wide .club-promo__heading{
  margin:0 0 7px;

  font-family:inherit;
  font-size:var(--tvk-type-promo-title);
  line-height:1.2;
  font-weight:500;

  letter-spacing:.12em;
  text-transform:none;
}


/* Клуб — фирменное золото */
.club-promo--wide .club-promo__label{
  color:var(--gold-bright);
}


/* TV KADR — белый */
.club-promo--wide .club-promo__brand{
  color:#f0f0ed;
}


/* Фирменная точка — красная */
.club-promo--wide .club-promo__dot{
  color:#e53935;
}


.club-promo--wide p{
  max-width:340px;
  margin:0;

  color:var(--secondary);
  font-size:var(--tvk-type-promo-body);
  line-height:1.5;
}


.club-promo--wide .button{
  margin-left:auto;

  min-height:44px;
  padding-left:18px;
  padding-right:18px;

  white-space:nowrap;
}


/* Мобильное состояние глобального широкого Клуба */
@media(max-width:720px){

  .club-promo--wide{
    min-height:0;
    padding:16px;

    grid-template-columns:68px minmax(0,1fr);
    gap:12px;

    align-items:center;
  }

  .club-promo--wide .club-promo__art{
    width:64px;
    height:76px;
  }

  .club-promo--wide .club-promo__heading{
    font-size:19px;
  }

  .club-promo--wide .button{
    grid-column:1/-1;

    width:100%;
    margin-left:0;
    margin-top:2px;
  }
}

/* TV KADR - GLOBAL WIDE CLUB PROMO END */

/* TV KADR - GLOBAL FOOTER MAP START */

.site-footer{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}

.site-footer > *{
  position:relative;
  z-index:1;
}

.site-footer::after{
  content:"";
  position:absolute;

  right:0;
  bottom:-8%;

  width:33.333%;
  height:96%;

  pointer-events:none;
  z-index:0;

  opacity:.62;

  background:
    linear-gradient(
      180deg,
      #050607 0%,
      #050607 20%,
      rgba(5,6,7,.96) 30%,
      rgba(5,6,7,.72) 43%,
      rgba(5,6,7,.28) 58%,
      rgba(5,6,7,0) 72%
    ),
    linear-gradient(
      90deg,
      #050607 0%,
      rgba(5,6,7,.78) 14%,
      rgba(5,6,7,.18) 38%,
      rgba(5,6,7,0) 62%
    ),
    url('/assets/hero/world-map-gold.png');

  background-position:
    center,
    center,
    right bottom;

  background-size:
    100% 100%,
    100% 100%,
    contain;

  background-repeat:no-repeat;
}


/* Mobile footer decoration */
@media(max-width:720px){

  .site-footer::after{
    right:-8%;
    bottom:-3%;

    width:68%;
    height:55%;

    opacity:.36;

    background:
      linear-gradient(
        180deg,
        #050607 0%,
        rgba(5,6,7,.9) 30%,
        rgba(5,6,7,0) 72%
      ),
      url('/assets/hero/world-map-gold.png');

    background-position:
      center,
      right bottom;

    background-size:
      100% 100%,
      contain;

    background-repeat:no-repeat;
  }
}

/* TV KADR - GLOBAL FOOTER MAP END */

/* === PUB-03 CANONICAL DETAIL START === */
/*
 * PUB-03 — page-specific composition only.
 * Visual primitives come from CLOSED PUB-01 / PUB-02:
 * site-shell, frame-gold, buttons, typography tokens,
 * meta-stat, promo and global header/footer remain shared.
 */

.episode-detail-page{
  padding:0;
}

.episode-detail-page .breadcrumbs{
  padding:8px 0 12px;
}

.episode-detail-page .episode-detail-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 350px;
  gap:14px;
  align-items:start;
}

.episode-main-column{
  min-width:0;
}

.episode-detail-page .episode-player{
  width:100%;
  height:auto;
  aspect-ratio:16/9;
  position:relative;
  display:grid;
  place-items:center;
  overflow:hidden;
  background-color:#07090a;
  background-size:cover;
  background-position:center;
}

.episode-detail-page .episode-player::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(
    180deg,
    rgba(0,0,0,.02) 0%,
    rgba(0,0,0,.02) 58%,
    rgba(0,0,0,.54) 100%
  );
  pointer-events:none;
}

.episode-detail-page .episode-player__play{
  position:relative;
  z-index:3;
  width:76px;
  height:76px;
  border:2px solid var(--gold-bright);
  border-radius:50%;
  display:grid;
  place-items:center;
  padding:0 0 0 4px;
  background:rgba(5,6,7,.72);
  color:#fff;
  font-size:26px;
  opacity:1;
}

.episode-detail-page .episode-player__play:disabled{
  opacity:1;
  cursor:default;
}

.episode-detail-page .episode-player__timeline{
  position:absolute;
  z-index:4;
  left:14px;
  right:14px;
  bottom:51px;
  height:3px;
  background:rgba(255,255,255,.28);
}

.episode-detail-page .episode-player__timeline > span{
  display:block;
  width:41%;
  height:100%;
  background:#d31e1e;
}

.episode-detail-page .episode-player__bar{
  position:absolute;
  z-index:4;
  left:14px;
  right:14px;
  bottom:10px;
  height:40px;
  padding:0 10px;
  display:flex;
  align-items:center;
  gap:12px;
  background:rgba(4,5,6,.88);
  border:0;
  font-size:10px;
  color:#f0f0ee;
}

.episode-detail-page .episode-player__bar b{
  font-weight:500;
  white-space:nowrap;
}

.episode-detail-page .episode-player__bar i{
  flex:1;
}

.episode-detail-page .episode-player__control{
  color:#e6e6e3;
  white-space:nowrap;
}

.episode-detail-page .episode-heading{
  padding:22px 0 16px;
}

.episode-detail-page .episode-heading > .eyebrow{
  display:block;
  margin-bottom:7px;
}

.episode-detail-page .episode-heading h1{
  margin:0 0 14px;
  max-width:920px;
  font-family:var(--tvk-font-editorial);
  font-size:36px;
  line-height:1.15;
  font-weight:400;
  letter-spacing:-.01em;
  color:var(--text);
}

.episode-detail-page .episode-meta{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:18px;
  margin:0 0 14px;
  color:var(--muted);
  font-size:var(--tvk-type-feature-meta);
}

.episode-detail-page .episode-meta > span{
  min-height:18px;
  display:inline-flex;
  align-items:center;
}

.episode-detail-page .episode-meta__date::before,
.episode-detail-page .episode-meta__duration::before{
  content:"";
  width:14px;
  height:14px;
  flex:0 0 14px;
  margin-right:6px;
  display:block;
  background-position:center;
  background-repeat:no-repeat;
  background-size:contain;
}

.episode-detail-page .episode-meta__date::before{
  background-image:url('/assets/ui/date.svg');
}

.episode-detail-page .episode-meta__duration::before{
  background-image:url('/assets/ui/duration.svg');
}

.episode-detail-page .episode-meta__club{
  color:var(--gold-bright);
}

.episode-detail-page .episode-actions{
  gap:10px;
}

.episode-detail-page .episode-actions .button{
  min-width:150px;
  min-height:44px;
}

.episode-detail-page .episode-share-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
}

.episode-detail-page .episode-share-button__icon{
  display:block;
  width:15px;
  height:15px;
  flex:0 0 15px;
  object-fit:contain;
}

.episode-detail-page .episode-tabs{
  height:45px;
  display:flex;
  align-items:flex-end;
  gap:30px;
  border-bottom:1px solid var(--gold-dark);
}

.episode-detail-page .episode-tabs span{
  height:45px;
  padding:0 0 12px;
  position:relative;
  display:flex;
  align-items:flex-end;
  color:var(--secondary);
  font-size:13px;
  white-space:nowrap;
}

.episode-detail-page .episode-tabs .active{
  color:var(--text);
}

.episode-detail-page .episode-tabs .active::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:2px;
  background:var(--gold-bright);
}

.episode-detail-page .episode-about{
  padding:16px 0 5px;
}

.episode-detail-page .episode-about > p{
  max-width:100%;
  margin:0;
  color:var(--secondary);
  font-size:var(--tvk-type-feature-body);
  line-height:1.55;
}

.episode-detail-page .episode-about > small{
  display:block;
  margin:18px 0 9px;
  color:var(--secondary);
  font-size:12px;
}

.episode-detail-page .episode-tags{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}

.episode-detail-page .episode-tags a{
  min-height:32px;
  padding:0 12px;
  display:inline-flex;
  align-items:center;
  border:1px solid var(--gold-dark);
  border-radius:3px;
  background:#08090a;
  color:var(--secondary);
  font-size:11px;
}

.episode-detail-page .episode-tags a:hover{
  border-color:var(--gold-bright);
  color:var(--gold-bright);
}

.episode-detail-page .community-section{
  margin-top:25px;
}

.episode-detail-page .episode-comments{
  border-top:1px solid var(--border);
  padding-top:16px;
}

.episode-detail-page .episode-comments__head h2{
  font-size:14px;
}

.episode-detail-page .episode-sidebar{
  display:grid;
  gap:12px;
  align-content:start;
}

.episode-related-panel{
  padding:16px;
}

.episode-related-panel > h2{
  margin:0 0 10px;
  color:var(--gold-bright);
  font-size:13px;
  font-weight:600;
}

.episode-related-list{
  display:grid;
}

.episode-related-item{
  min-width:0;
  display:grid;
  grid-template-columns:132px minmax(0,1fr);
  gap:11px;
  align-items:center;
  padding:10px 0;
  border-bottom:1px solid var(--border);
}

.episode-related-item__image{
  height:78px;
  position:relative;
  overflow:hidden;
  border-radius:3px;
  background-position:center;
  background-size:cover;
}

.episode-related-item__image::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(
    180deg,
    transparent 45%,
    rgba(0,0,0,.58)
  );
}

.episode-related-item__image span{
  position:absolute;
  z-index:1;
  right:4px;
  bottom:4px;
  padding:2px 5px;
  background:#050607;
  border:1px solid #5b5b58;
  color:#f0f0ed;
  font-size:8px;
}

.episode-related-item__copy{
  min-width:0;
  display:grid;
  gap:6px;
}

.episode-related-item__copy strong{
  display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  font-size:13px;
  line-height:1.35;
  font-weight:500;
  color:var(--text);
}

.episode-related-item__copy small{
  color:var(--muted);
  font-size:10px;
  line-height:1.4;
}

.episode-related-item:hover strong{
  color:var(--gold-bright);
}

.episode-club-panel{
  min-height:285px;
  padding:17px;
  display:grid;
  grid-template-columns:115px minmax(0,1fr);
  gap:14px;
  align-items:center;
  overflow:hidden;
  background:
    radial-gradient(
      circle at 12% 18%,
      rgba(228,161,0,.065),
      rgba(228,161,0,0) 40%
    ),
    linear-gradient(
      180deg,
      #0a0c0f 0%,
      #070809 60%,
      #050607 100%
    );
}

.episode-club-panel__art{
  height:220px;
  align-self:center;
  background:
    url('/brand/club-chess-transparent.png')
    center / contain no-repeat;
}

.episode-club-panel__copy{
  min-width:0;
}

.episode-club-panel h2{
  margin:0 0 8px;
  font-size:19px;
  font-weight:500;
  letter-spacing:.08em;
}

.episode-club-panel__label{
  color:var(--gold-bright);
}

.episode-club-panel__brand{
  color:#ffffff;
}

.episode-club-panel__brand-dot{
  color:#d31e1e;
}

.episode-club-panel p{
  margin:0 0 10px;
  color:var(--secondary);
  font-size:11px;
  line-height:1.5;
}

.episode-club-panel ul{
  list-style:none;
  padding:0;
  margin:0 0 13px;
  display:grid;
  gap:5px;
  color:var(--secondary);
  font-size:10.5px;
  line-height:1.5;
}

.episode-club-panel li::before{
  content:"✓";
  margin-right:6px;
  color:var(--gold-bright);
}

.episode-club-panel .button{
  width:100%;
  min-height:40px;
  font-size:11px;
}

.episode-support-panel{
  min-height:145px;
  padding:18px;
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  gap:10px 12px;
  align-items:start;
  background:
    radial-gradient(
      circle at 12% 18%,
      rgba(228,161,0,.065),
      rgba(228,161,0,0) 40%
    ),
    linear-gradient(
      180deg,
      #0a0c0f 0%,
      #070809 60%,
      #050607 100%
    );
}

.episode-support-panel__icon{
  color:var(--gold-bright);
  font-size:28px;
  line-height:1;
}

.episode-support-panel h2{
  margin:0 0 5px;
  font-size:14px;
  font-weight:500;
}

.episode-support-panel p{
  margin:0;
  color:var(--secondary);
  font-size:11px;
  line-height:1.45;
}

.episode-support-panel .button{
  grid-column:1/-1;
  width:100%;
  min-height:40px;
  margin:5px 0 0;
  font-size:11px;
}

.episode-detail-page .fact-mini-row{
  margin-top:22px;
  padding-top:14px;
  border-top:1px solid var(--gold-dark);
}

.episode-detail-page .fact-mini-row > h2{
  margin:0 0 10px;
  font-size:15px;
  font-weight:500;
}

.episode-detail-page .fact-mini-row > div{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
}

.episode-detail-page .fact-mini-row .fact-mini-card{
  min-width:0;
  min-height:88px;
  padding:14px;
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:54px minmax(0,1fr);
  column-gap:11px;
  align-items:center;
  background:
    radial-gradient(
      circle at 22% 18%,
      rgba(228,161,0,.07),
      rgba(228,161,0,0) 42%
    ),
    linear-gradient(
      180deg,
      #0a0c0f 0%,
      #070809 58%,
      #050607 100%
    );
  border:1px solid var(--align-line);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.02),
    inset 0 -1px 0 rgba(0,0,0,.35);
  color:var(--text);
  text-decoration:none;
}

.episode-detail-page .fact-mini-row .fact-mini-card:hover,
.episode-detail-page .fact-mini-row .fact-mini-card:focus-visible{
  border-color:#e69b00;
  color:#f2f2ef;
  background:
    radial-gradient(
      circle at 22% 18%,
      rgba(228,161,0,.11),
      rgba(228,161,0,0) 45%
    ),
    linear-gradient(
      180deg,
      #0d1013 0%,
      #080a0c 58%,
      #060708 100%
    );
}

.episode-detail-page .fact-mini-row .fact-mini-card:focus-visible{
  outline:1px solid #e69b00;
  outline-offset:2px;
}

.episode-detail-page .fact-mini-row .fact-mini-card::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(
    180deg,
    rgba(255,255,255,.015) 0%,
    rgba(255,255,255,0) 35%,
    rgba(0,0,0,.08) 100%
  );
}

.episode-detail-page .fact-mini-row .fact-mini-card > *{
  position:relative;
  z-index:1;
}

.episode-detail-page .fact-mini-row .fact-panel__icon{
  display:block;
  width:46px;
  height:46px;
  object-fit:contain;
}

.fact-mini-card__copy{
  min-width:0;
  display:grid;
}

.episode-detail-page .fact-mini-row .fact-mini-card strong{
  min-width:0;
  font-size:13px;
  line-height:1.3;
  font-weight:500;
}

.episode-detail-page .fact-mini-row .fact-mini-card small{
  min-width:0;
  margin-top:4px;
  color:var(--muted);
  font-size:11px;
  line-height:1.35;
}

.episode-detail-page .episode-promo-row{
  grid-template-columns:1fr;
  margin-top:10px;
}

.episode-detail-page .episode-promo-row .mail-promo{
  width:100%;
}

@media(max-width:1050px){
  .episode-detail-page .episode-detail-layout{
    grid-template-columns:1fr;
  }

  .episode-detail-page .episode-sidebar{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .episode-related-panel{
    grid-row:span 1;
  }

  .episode-club-panel{
    min-height:100%;
  }

  .episode-detail-page .fact-mini-row > div{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media(max-width:720px){
  .episode-detail-page .fact-mini-row .fact-panel__icon{
    width:24px;
    height:24px;
  }

  .episode-detail-page{
    padding-top:0;
  }

  .episode-detail-page .episode-player{
    aspect-ratio:16/10;
  }

  .episode-detail-page .episode-player__play{
    width:58px;
    height:58px;
    font-size:20px;
  }

  .episode-detail-page .episode-player__bar{
    left:7px;
    right:7px;
    bottom:7px;
    height:35px;
    gap:8px;
    padding:0 8px;
    font-size:8px;
  }

  .episode-detail-page .episode-player__timeline{
    left:7px;
    right:7px;
    bottom:42px;
  }

  .episode-detail-page .episode-heading{
    padding-top:16px;
  }

  .episode-detail-page .episode-heading h1{
    font-size:30px;
  }

  .episode-detail-page .episode-meta{
    gap:12px;
  }

  .episode-detail-page .episode-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
  }

  .episode-detail-page .episode-actions .button:first-child{
    grid-column:1/-1;
  }

  .episode-detail-page .episode-actions .button{
    min-width:0;
    width:100%;
  }

  .episode-detail-page .episode-tabs{
    gap:22px;
    overflow-x:auto;
  }

  .episode-detail-page .episode-sidebar{
    grid-template-columns:1fr;
    margin-top:14px;
  }

  .episode-club-panel{
    min-height:0;
  }

  .episode-detail-page .fact-mini-row > div{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:470px){
  .episode-related-item{
    grid-template-columns:105px minmax(0,1fr);
  }

  .episode-club-panel{
    grid-template-columns:88px minmax(0,1fr);
  }

  .episode-detail-page .fact-mini-row > div{
    grid-template-columns:1fr;
  }
}

/* === PUB-03 CANONICAL DETAIL END === */

/* === COMMENT THREAD FLAT REPLIES START === */

.episode-comments .community-thread{
  min-width:0;
  display:grid;
}

.episode-comments .community-thread__replies{
  min-width:0;
  margin:12px 0 0 48px;
  display:grid;
}

/*
  All descendants of the root comment are rendered here as direct
  children, therefore every reply has exactly the same indentation.
*/
.episode-comments
.community-thread__replies
> .community-comment.community-comment--reply{
  margin-left:0 !important;
  padding-left:0 !important;
  transform:none !important;
  width:auto;
  max-width:none;
}

.episode-comments .community-thread__toggle{
  width:max-content;
  max-width:calc(100% - 48px);
  margin:10px 0 8px 48px;
  padding:0;
  border:0;
  background:transparent;
  color:var(--gold-bright);
  font:inherit;
  font-size:12px;
  line-height:1.4;
  cursor:pointer;
  text-align:left;
}

.episode-comments .community-thread__toggle:hover{
  color:#f2f2ef;
  text-decoration:underline;
}

.episode-comments .community-thread__toggle:focus-visible{
  color:#f2f2ef;
  outline:1px solid var(--gold-bright);
  outline-offset:4px;
}

@media(max-width:720px){
  .episode-comments .community-thread__replies{
    margin-left:28px;
  }

  .episode-comments .community-thread__toggle{
    max-width:calc(100% - 28px);
    margin-left:28px;
  }
}

/* === COMMENT THREAD FLAT REPLIES END === */

/* === DEVCONTOUR FOOTER CREDIT START === */
.site-footer__developer{
  display:inline-block;
  margin-top:7px;
  color:var(--muted);
  font-size:10.5px;
  line-height:1.4;
  text-decoration:none;
  transition:color .15s ease;
}

.site-footer__developer:hover,
.site-footer__developer:focus-visible{
  color:var(--gold-bright);
}

.site-footer__developer:focus-visible{
  outline:1px solid var(--gold-bright);
  outline-offset:3px;
}
/* === DEVCONTOUR FOOTER CREDIT END === */


/* TV KADR - GLOBAL PUBLIC CONTENT TOP GAP START */

/*
 * Единый владелец внешнего вертикального ритма публичной страницы.
 *
 * Header -> top gap -> page content -> bottom gap -> Footer.
 *
 * Конкретные PUB-экраны не должны самостоятельно задавать
 * расстояние до глобального header/footer.
 */
main.site-shell{
  --public-page-top-gap:28px;
  --public-page-bottom-gap:28px;

  margin-top:var(--public-page-top-gap);
  padding-top:0;
  padding-bottom:var(--public-page-bottom-gap);
}

@media(max-width:800px){
  main.site-shell{
    --public-page-top-gap:20px;
    --public-page-bottom-gap:24px;
  }
}

/* TV KADR - GLOBAL PUBLIC CONTENT TOP GAP END */
/* TV KADR - PUB-04 CLUB PAGE START */

.club-page{
  padding:0;
}

.club-page__hero{
  min-height:370px;
  display:grid;
  grid-template-columns:minmax(0,.94fr) minmax(430px,1.06fr);
  overflow:hidden;
  background:#050607;
}

.club-page__hero-copy{
  padding:40px 36px 38px;
  position:relative;
  z-index:2;
  align-self:center;
}

.club-page__hero-title{
  margin:0 0 14px;
  font-family:var(--tvk-font-ui);
  font-size:40px;
  line-height:1.1;
  font-weight:500;
  letter-spacing:.12em;
}

.club-page__hero-title-accent{
  color:var(--gold-bright,#f0a000);
}

.club-page__hero-title-brand{
  color:var(--text,#f4f1ea);
}

.club-page__hero-title-dot{
  color:#c61b18;
}

.club-page__hero-lead{
  max-width:520px;
  margin:0;
  color:var(--secondary);
  font-size:var(--tvk-public-brand-hero-body);
  line-height:var(--tvk-public-brand-hero-body-line);
  font-family:var(--tvk-font-ui);
  font-weight:400;
}

.club-page__hero-detail{
  max-width:520px;
  margin:18px 0 0;
  color:var(--muted);
  font-size:var(--tvk-public-meta);
  line-height:1.35;
  font-family:var(--tvk-font-ui);
  font-weight:400;
  letter-spacing:0;
}

.club-page__hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:26px;
}

.club-page__hero-actions .button{
  min-width:172px;
  font-size:var(--tvk-type-brand-hero-button);
}

.club-page__join-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
}

.club-page__join-crown{
  width:19px;
  height:19px;
  flex:0 0 19px;
  display:block;
  overflow:visible;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.club-page__join-crown circle{
  fill:currentColor;
  stroke:none;
}

.club-page__learn-more{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
}

.club-page__info-icon{
  width:18px;
  height:18px;
  flex:0 0 18px;
  display:block;
  overflow:visible;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.club-page__info-icon-dot{
  fill:currentColor;
  stroke:none;
}

.club-page__hero-visual{
  min-height:370px;
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:transparent;
}

.club-page__hero-map{
  position:absolute;
  z-index:1;
  inset:8px -8px 6px 0;
  display:block;
  pointer-events:none;

  background:
    url("/assets/hero/world-map-gold.png")
    center/112% auto
    no-repeat;

  opacity:.66;

  -webkit-mask-image:
    radial-gradient(
      ellipse 68% 56% at 50% 50%,
      #000 0%,
      #000 34%,
      rgba(0,0,0,.88) 46%,
      rgba(0,0,0,.58) 58%,
      rgba(0,0,0,.28) 69%,
      rgba(0,0,0,.10) 78%,
      rgba(0,0,0,.025) 86%,
      transparent 94%
    );

  mask-image:
    radial-gradient(
      ellipse 68% 56% at 50% 50%,
      #000 0%,
      #000 34%,
      rgba(0,0,0,.88) 46%,
      rgba(0,0,0,.58) 58%,
      rgba(0,0,0,.28) 69%,
      rgba(0,0,0,.10) 78%,
      rgba(0,0,0,.025) 86%,
      transparent 94%
    );
}

.club-page__hero-chess{
  position:absolute;
  z-index:2;
  inset:0;
  display:block;
  pointer-events:none;

  background:
    url("/brand/club-chess-transparent.png")
    59% 57%/48% auto
    no-repeat;

  filter:
    drop-shadow(
      0 19px 28px rgba(0,0,0,.46)
    );
}
.club-page__benefit-strip{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:8px;
  margin-top:12px;
}

.club-page__benefit-card{
  min-height:128px;
  padding:15px 12px 13px;
  background:
    radial-gradient(
      circle at 22% 18%,
      rgba(228,161,0,.07),
      rgba(228,161,0,0) 42%
    ),
    linear-gradient(
      180deg,
      #0a0c0f 0%,
      #070809 58%,
      #050607 100%
    );
}

.club-page__benefit-icon{
  width:36px;
  height:36px;
  display:block;
  flex:none;
  margin:0 0 9px;
  color:var(--gold-bright,#f0a000);
  overflow:visible;
}

.club-page__benefit-card strong{
  display:block;
  min-height:34px;
  color:var(--text);
  font-size:var(--tvk-public-primary);
  line-height:1.45;
  font-weight:600;
  font-family:var(--tvk-font-ui);
  letter-spacing:0;
}

.club-page__benefit-card p{
  margin:7px 0 0;
  color:var(--secondary);
  font-size:var(--tvk-public-small);
  line-height:1.4;
  font-family:var(--tvk-font-ui);
  font-weight:400;
  letter-spacing:0;
}

.club-page__materials{
  margin-top:12px;
  padding:18px 20px 20px;
}

.club-page__section-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  margin-bottom:15px;
}

.club-page__section-head h2{
  margin:0;
  font-family:var(--tvk-font-editorial);
  font-size:var(--tvk-public-section-title);
  line-height:1.2;
  font-weight:400;
  letter-spacing:0;
  color:var(--text);
}

.club-page__section-head div>span{
  display:block;
  margin-top:4px;
  color:var(--muted);
  font-size:var(--tvk-public-meta);
  font-family:var(--tvk-font-ui);
  line-height:1.35;
  font-weight:400;
  letter-spacing:0;
}

.club-page__section-head>a{
  color:var(--gold-bright);
  font-size:var(--tvk-public-small);
  font-family:var(--tvk-font-ui);
  line-height:1.35;
  font-weight:700;
  letter-spacing:0;
}

.club-page__material-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
}

.club-page__material-card{
  min-width:0;
  border:1px solid var(--gold-dark,#765609);
  background:#070809;
  color:inherit;
  text-decoration:none;
}

.club-page__material-cover{
  aspect-ratio:1.48;
  position:relative;
  background-size:cover;
  background-position:center;
  border-bottom:1px solid var(--gold-dark,#765609);
}

.club-page__material-cover:after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(
      180deg,
      rgba(0,0,0,.02),
      rgba(0,0,0,.36)
    );
}

.club-page__material-cover>span{
  position:absolute;
  z-index:2;
  left:7px;
  top:7px;
  padding:4px 6px;
  background:var(--gold-bright,#f0a000);
  color:#090a0b;
  font-size:var(--tvk-public-micro);
  font-weight:400;
  font-family:var(--tvk-font-ui);
  line-height:1.3;
  letter-spacing:0;
}

.club-page__material-cover>b{
  position:absolute;
  z-index:2;
  left:7px;
  bottom:7px;
  padding:3px 5px;
  border:1px solid #666;
  background:#070809;
  color:#eee;
  font-size:var(--tvk-public-micro);
  font-weight:400;
  font-family:var(--tvk-font-ui);
  line-height:1.3;
  letter-spacing:0;
}

.club-page__material-copy{
  padding:10px 9px 9px;
}

.club-page__material-copy>small{
  color:var(--gold-bright);
  font-size:var(--tvk-public-small);
  font-family:var(--tvk-font-ui);
  line-height:1.35;
  font-weight:700;
  letter-spacing:0;
}

.club-page__material-copy h3{
  min-height:38px;
  margin:6px 0 10px;
  font-family:var(--tvk-font-editorial);
  font-size:var(--tvk-public-card-title);
  line-height:1.2;
  font-weight:400;
  letter-spacing:0;
  color:var(--text);
}

.club-page__material-copy>div{
  display:flex;
  justify-content:space-between;
  gap:6px;
  color:var(--muted);
  font-size:var(--tvk-public-meta);
  font-family:var(--tvk-font-ui);
  line-height:1.35;
  font-weight:400;
  letter-spacing:0;
}

.club-page__materials-empty{
  min-height:128px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:15px;
  border:1px solid var(--border,#292929);
  background:#070809;
}

.club-page__materials-empty>span{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border:1px solid var(--gold-dark,#765609);
  color:var(--gold-bright,#f0a000);
  font-size:21px;
}

.club-page__materials-empty strong{
  display:block;
  font-size:var(--tvk-public-primary);
  font-family:var(--tvk-font-ui);
  line-height:1.45;
  font-weight:600;
  letter-spacing:0;
  color:var(--text);
}

.club-page__materials-empty p{
  margin:5px 0 0;
  color:var(--secondary);
  font-size:var(--tvk-public-primary);
  font-family:var(--tvk-font-ui);
  line-height:1.5;
  font-weight:400;
  letter-spacing:0;
}

.club-page__membership{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,.98fr);
  gap:12px;
  margin-top:12px;
}

.club-page__tariffs{
  padding:18px 20px 20px;
}

.club-page__tariff-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

.club-page__tariff{
  min-height:172px;
  display:flex;
  flex-direction:column;
  padding:18px;
  border:1px solid var(--gold-dark,#765609);
  background:
    radial-gradient(
      circle at 22% 18%,
      rgba(228,161,0,.07),
      rgba(228,161,0,0) 42%
    ),
    linear-gradient(
      180deg,
      #0a0c0f 0%,
      #070809 58%,
      #050607 100%
    );
}

.club-page__tariff-price{
  display:flex;
  align-items:baseline;
  justify-content:center;
  gap:7px;
}

.club-page__tariff-price strong{
  color:var(--gold-bright);
  font-family:var(--tvk-font-ui);
  font-size:var(--tvk-public-price);
  font-weight:500;
  line-height:1.05;
  letter-spacing:0;
}

.club-page__tariff-price span{
  color:var(--muted);
  font-size:var(--tvk-public-meta);
  font-family:var(--tvk-font-ui);
  line-height:1.35;
  font-weight:400;
  letter-spacing:0;
}

.club-page__tariff>p{
  min-height:28px;
  margin:10px 0 14px;
  color:var(--secondary);
  font-size:var(--tvk-public-primary);
  line-height:1.5;
  text-align:center;
  font-family:var(--tvk-font-ui);
  font-weight:400;
  letter-spacing:0;
}

.club-page__tariff .button{
  width:100%;
}

.club-page__tariff>small{
  min-height:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  margin-top:10px;
  color:var(--muted);
  font-size:var(--tvk-public-meta);
  text-align:center;
  font-family:var(--tvk-font-ui);
  line-height:1.35;
  font-weight:400;
  letter-spacing:0;
}

.club-page__value{
  min-height:248px;
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(150px,.85fr);
  overflow:hidden;
}

.club-page__value>div:first-child{
  padding:20px 8px 20px 22px;
}

.club-page__value h2{
  margin:0 0 15px;
  font-family:var(--tvk-font-editorial);
  font-size:var(--tvk-public-section-title);
  font-weight:400;
  line-height:1.2;
  letter-spacing:0;
  color:var(--text);
}

.club-page__value ul{
  margin:0;
  padding:0;
  list-style:none;
}

.club-page__value li{
  position:relative;
  padding:0 0 10px 19px;
  color:var(--secondary);
  font-size:var(--tvk-public-primary);
  line-height:1.5;
  font-family:var(--tvk-font-ui);
  font-weight:400;
  letter-spacing:0;
}

.club-page__value li:before{
  content:"✓";
  position:absolute;
  left:0;
  color:var(--gold-bright,#f0a000);
}

.club-page__value-art{
  background:
    url("/brand/club-value-insight.png")
    right center / 142% auto no-repeat;
  opacity:.82;
}

.club-page__faq{
  margin-top:12px;
  padding:18px 20px 20px;
}

.club-page__faq>h2{
  margin:0 0 13px;
  font-family:var(--tvk-font-editorial);
  font-size:var(--tvk-public-section-title);
  font-weight:400;
  line-height:1.2;
  letter-spacing:0;
  color:var(--text);
}

.public-faq{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 18px;
}

.public-faq details{
  border:1px solid var(--gold-dark,#765609);
  border-bottom:0;
}

.public-faq details:nth-last-child(-n+2){
  border-bottom:1px solid var(--gold-dark,#765609);
}

.public-faq summary{
  min-height:38px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  padding:0 13px;
  cursor:pointer;
  list-style:none;
  color:var(--text);
  font-size:var(--tvk-public-primary);
  font-family:var(--tvk-font-ui);
  line-height:1.45;
  font-weight:600;
  letter-spacing:0;
}

.public-faq summary::-webkit-details-marker{
  display:none;
}

.public-faq summary span{
  color:var(--gold-bright,#f0a000);
}

.public-faq details p{
  margin:0;
  padding:0 13px 12px;
  color:var(--secondary);
  font-size:var(--tvk-public-primary);
  line-height:1.5;
  font-family:var(--tvk-font-ui);
  font-weight:400;
  letter-spacing:0;
}

@media(max-width:1050px){

  .club-page__hero{
    grid-template-columns:minmax(0,1fr) 390px;
  }

  .club-page__benefit-strip{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .club-page__material-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media(max-width:800px){

  .club-page__hero{
    grid-template-columns:1fr;
  }

  .club-page__hero-copy{
    padding:30px 24px;
  }

  .club-page__hero-visual{
    min-height:260px;
  }

  .club-page__membership{
    grid-template-columns:1fr;
  }

  .public-faq{
    grid-template-columns:1fr;
  }

  .public-faq details:nth-last-child(-n+2){
    border-bottom:0;
  }

  .public-faq details:last-child{
    border-bottom:1px solid var(--gold-dark,#765609);
  }
}

@media(max-width:620px){



  .club-page__hero-actions{
    display:grid;
  }

  .club-page__hero-actions .button{
    width:100%;
  }

  .club-page__benefit-strip,
  .club-page__material-grid,
  .club-page__tariff-grid{
    grid-template-columns:1fr;
  }

  .club-page__value{
    grid-template-columns:1fr;
  }

  .club-page__value-art{
    min-height:130px;
  }

  
}


/* TV KADR - PUB-04 HERO LAYERS RESPONSIVE START */

@media(max-width:1050px){
  .club-page__hero-map{
    inset:10px 0 10px 2px;
    opacity:.62;
    background-size:116% auto;
  }

  .club-page__hero-chess{
    background-size:53% auto;
    background-position:57% 56%;
  }
}

@media(max-width:800px){
  .club-page__hero-map{
    inset:10px 8px;
    opacity:.56;
    background-size:114% auto;
  }

  .club-page__hero-chess{
    background-size:38% auto;
    background-position:center 58%;
  }
}

@media(max-width:620px){
  .club-page__join-crown{
    width:18px;
    height:18px;
    flex-basis:18px;
  }

  .club-page__hero-map{
    inset:10px 4px;
    opacity:.5;
    background-size:118% auto;
  }

  .club-page__hero-chess{
    background-size:42% auto;
    background-position:center 59%;
  }
}

/* TV KADR - PUB-04 HERO LAYERS RESPONSIVE END */
/* TV KADR - PUB-04 CLUB PAGE END */

/* TV KADR - PUB-04 CLUB MATERIALS HEADING START */

/*
  PUB-04 "Материалы клуба"
  aligned to PUB-01 "ПОСЛЕДНИЕ МАТЕРИАЛЫ".
  Only this heading is affected.
*/
.club-page__materials .club-page__section-head h2{
  margin:0;
  font-family:var(--tvk-font-ui);
  font-size:16px;
  line-height:1.2;
  font-weight:600;
  letter-spacing:0;
  text-transform:uppercase;
  color:var(--text);
}

@media(max-width:720px){
  .club-page__materials .club-page__section-head h2{
    font-size:15px;
  }
}

/* TV KADR - PUB-04 CLUB MATERIALS HEADING END */

/* TV KADR - PUB-04 MATERIALS LINK TYPOGRAPHY START */

/*
  "Смотреть все материалы"
  matches PUB-01 "Все новости".

  Arrow remains owned by the global
  nav-forward-link system.
*/
.club-page__materials
.club-page__section-head
>a.nav-forward-link{
  font-family:var(--tvk-font-ui);
  font-size:12px;
  line-height:normal;
  font-weight:400;
  letter-spacing:normal;
}

/* TV KADR - PUB-04 MATERIALS LINK TYPOGRAPHY END */

/* TV KADR - PUB-04 MEMBERSHIP HEADINGS START */

/*
  "Выберите подписку" and "Почему это ценно"
  use the same typography as
  PUB-04 "Материалы клуба".

  Existing margins / block geometry remain untouched.
*/
.club-page__tariffs .club-page__section-head h2,
.club-page__value h2{
  font-family:var(--tvk-font-ui);
  font-size:16px;
  line-height:1.2;
  font-weight:600;
  letter-spacing:0;
  text-transform:uppercase;
  color:var(--text);
}

@media(max-width:720px){
  .club-page__tariffs .club-page__section-head h2,
  .club-page__value h2{
    font-size:15px;
  }
}

/* TV KADR - PUB-04 MEMBERSHIP HEADINGS END */

/* TV KADR - PUB-04 FAQ HEADING START */

/*
  "Часто задаваемые вопросы"
  matches the PUB-04 section heading canon.

  Existing margin and FAQ geometry remain unchanged.
*/
.club-page__faq>h2{
  font-family:var(--tvk-font-ui);
  font-size:16px;
  line-height:1.2;
  font-weight:600;
  letter-spacing:0;
  text-transform:uppercase;
  color:var(--text);
}

@media(max-width:720px){
  .club-page__faq>h2{
    font-size:15px;
  }
}

/* TV KADR - PUB-04 FAQ HEADING END */

/* TV KADR - GLOBAL DISCLOSURE CHEVRON START */

/*
  Global disclosure indicator.
  Own SVG mask guarantees identical geometry
  on every OS and device.
*/
.ui-disclosure-chevron{
  display:inline-block;
  width:14px;
  height:14px;
  flex:0 0 14px;

  color:var(--gold-bright,#f0a000);
  background-color:currentColor;

  mask-image:url("/assets/icons/chevron-down.svg");
  mask-repeat:no-repeat;
  mask-position:center;
  mask-size:contain;

  -webkit-mask-image:url("/assets/icons/chevron-down.svg");
  -webkit-mask-repeat:no-repeat;
  -webkit-mask-position:center;
  -webkit-mask-size:contain;

  transform:rotate(0deg);
  transform-origin:50% 50%;
  transition:transform .16s ease;
}

/*
  State indication:
  closed = down
  open   = up
*/
details[open] > summary .ui-disclosure-chevron{
  transform:rotate(180deg);
}

/* TV KADR - GLOBAL DISCLOSURE CHEVRON END */



/* TV KADR - GLOBAL PRICE NOTE ICON START */

/*
  HOME + PUB-04 price-note system.

  Outer element always owns the full available width.
  The inner content group is compact and centered as one unit,
  so icon and text cannot separate.
*/
.price-note{
  min-height:14px;
  width:100%;
  max-width:100%;
  align-self:stretch;

  display:flex !important;
  align-items:center;
  justify-content:center;

  color:var(--muted);
  line-height:1.2;
  text-align:center;
}

/*
  Compact indivisible visual group:
  [info icon] + [note text]
*/
.price-note__content{
  width:auto;
  max-width:100%;

  display:inline-flex;
  align-items:flex-start;
  justify-content:center;
  gap:6px;
}

.price-note__icon{
  display:block;
  width:12px;
  height:12px;
  flex:0 0 12px;

  margin:1px 0 0;
  padding:0;
  position:static;

  color:var(--gold-bright,#f0a000);
  background-color:currentColor;

  mask-image:url("/assets/icons/info.svg");
  mask-repeat:no-repeat;
  mask-position:center;
  mask-size:contain;

  -webkit-mask-image:url("/assets/icons/info.svg");
  -webkit-mask-repeat:no-repeat;
  -webkit-mask-position:center;
  -webkit-mask-size:contain;
}

.price-note__text{
  display:inline;
  margin:0;
  padding:0;

  color:inherit;
  font:inherit;
  line-height:inherit;
  text-align:left;
}

/* TV KADR - GLOBAL PRICE NOTE ICON END */

/* TV KADR - HOME PRICE NOTE TYPOGRAPHY START */

/*
  HOME Club price-card notes match PUB-04 tariff notes.
  Icon/layout remain owned by the shared price-note system.
*/
.price-card > small.price-note{
  color:var(--muted);
  font-family:var(--tvk-font-ui);
  font-size:var(--tvk-public-meta);
  line-height:1.35;
  font-weight:400;
  letter-spacing:0;
}

/* TV KADR - HOME PRICE NOTE TYPOGRAPHY END */

/* TV KADR - PUB-04 VALUE CARD ART OVERLAY START */

/*
  "Почему это ценно" = one continuous visual surface.

  IMPORTANT:
  the art layer now covers the WHOLE card.
  There is no left boundary / separate art rectangle,
  therefore the transparent PNG can continue naturally
  underneath the copy.
*/
.club-page__value{
  position:relative;

  display:block !important;
  grid-template-columns:none !important;

  overflow:hidden;
  isolation:isolate;
}

/*
  Copy has no visual panel of its own.
  It is only content sitting above the shared card surface.
*/
.club-page__value > div:first-child{
  position:relative;
  z-index:2;

  width:58%;
  max-width:58%;

  background:none !important;
  background-color:transparent !important;
  background-image:none !important;

  border:0 !important;
  box-shadow:none !important;

  isolation:auto;
}

/*
  FULL-CARD art layer.

  No left:52%.
  No internal rectangular boundary.
  Artwork may visually continue underneath the copy.

  68% of the whole card is approximately the same
  rendered image size as 142% of the former half-width box.
*/
.club-page__value-art{
  position:absolute;
  inset:0;

  z-index:1;

  width:100%;
  height:100%;
  min-height:0;

  margin:0;
  padding:0;

  pointer-events:none;

  background-color:transparent !important;
  background-image:
    url("/brand/club-value-insight.png");

  background-repeat:no-repeat;
  background-size:68% auto;

  /*
    Keep artwork on the right,
    but deliberately move it much lower.
  */
  background-position:104% calc(48% + 34px);

  opacity:.82;
}

/*
  Narrow screens:
  return artwork below the copy.
*/
@media(max-width:800px){

  .club-page__value > div:first-child{
    width:auto;
    max-width:none;

    background:none !important;
    background-color:transparent !important;
    background-image:none !important;

    border:0 !important;
    box-shadow:none !important;
  }

  .club-page__value-art{
    position:relative;
    inset:auto;

    width:100%;
    height:auto;
    min-height:150px;

    background-color:transparent !important;
    background-image:
      url("/brand/club-value-insight.png");

    background-repeat:no-repeat;
    background-size:112% auto;
    background-position:center 48%;

    opacity:.80;
  }
}

/* TV KADR - PUB-04 VALUE CARD ART OVERLAY END */
/* === PUB-05 LOCKED CLUB EPISODE START === */

/*
  PUB-05 is the locked state of the canonical /episodes/[slug] route.
  Rules below are isolated from the approved PUB-03 state.
*/

.episode-detail-page--club-locked .episode-player{
  isolation:isolate;
}

.episode-detail-page--club-locked .episode-player::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:rgba(2,3,4,.50);
  pointer-events:none;
}

.episode-detail-page--club-locked .episode-player::after{
  z-index:2;
  background:linear-gradient(
    180deg,
    rgba(0,0,0,.10) 0%,
    rgba(0,0,0,.22) 52%,
    rgba(0,0,0,.72) 100%
  );
}

.episode-detail-page--club-locked
.episode-player__timeline > span{
  width:0;
}

.episode-player__locked-overlay{
  position:absolute;
  z-index:3;
  left:50%;
  top:45%;
  width:min(430px,calc(100% - 40px));
  transform:translate(-50%,-50%);
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  pointer-events:none;
}

.episode-player__locked-overlay img{
  width:104px;
  height:104px;
  display:block;
  margin-bottom:17px;
}

.episode-player__locked-overlay strong{
  color:var(--text);
  font-family:var(--tvk-font-ui);
  font-size:18px;
  line-height:1.35;
  font-weight:500;
}

.episode-player__locked-overlay span{
  margin-top:5px;
  color:var(--secondary);
  font-family:var(--tvk-font-ui);
  font-size:13px;
  line-height:1.45;
}

.episode-detail-page--club-locked .episode-heading{
  padding-bottom:8px;
}

.episode-detail-page--club-locked
.episode-heading > .eyebrow{
  color:var(--gold-bright);
}

.episode-detail-page--club-locked .episode-meta{
  margin-bottom:8px;
}

.episode-club-access{
  min-height:190px;
  margin:0 0 16px;
  padding:20px 24px;
  display:grid;
  grid-template-columns:170px minmax(0,1fr);
  gap:22px;
  align-items:center;
  overflow:hidden;
  background:
    radial-gradient(
      circle at 14% 50%,
      rgba(231,168,0,.12),
      transparent 33%
    ),
    linear-gradient(
      100deg,
      #080909 0%,
      #0b0b09 55%,
      #080909 100%
    );
}

.episode-club-access__art{
  min-height:145px;
  display:grid;
  place-items:center;
  border-right:1px solid rgba(231,168,0,.18);
}

.episode-club-access__art img{
  width:128px;
  height:128px;
  display:block;
}

.episode-club-access__copy{
  min-width:0;
}

.episode-club-access__eyebrow{
  display:block;
  margin-bottom:6px;
  color:var(--gold-bright);
  font-family:var(--tvk-font-ui);
  font-size:var(--tvk-public-small);
  line-height:1.35;
  font-weight:700;
  letter-spacing:.02em;
}

.episode-club-access__copy h2{
  margin:0 0 8px;
  color:var(--text);
  font-family:var(--tvk-font-editorial);
  font-size:24px;
  line-height:1.2;
  font-weight:400;
  letter-spacing:-.01em;
}

.episode-club-access__copy p{
  max-width:650px;
  margin:0;
  color:var(--secondary);
  font-family:var(--tvk-font-ui);
  font-size:var(--tvk-public-primary);
  line-height:1.5;
}

.episode-club-access__actions{
  margin-top:15px;
}

.episode-club-access__actions .button{
  min-width:158px;
}

.episode-tabs--locked > span{
  display:inline-flex;
  align-items:center;
  gap:7px;
}

.episode-tab-lock{
  width:14px;
  height:14px;
  display:inline-block;
  flex:0 0 auto;
  background:
    url("/assets/ui/club-lock.svg")
    center/contain
    no-repeat;
  opacity:.78;
}

.episode-about__locked-note{
  margin:13px 0 4px;
  display:flex;
  align-items:center;
  gap:8px;
  color:var(--gold-bright);
  font-family:var(--tvk-font-ui);
  font-size:var(--tvk-public-small);
  line-height:1.4;
}

.episode-about__locked-note img{
  width:20px;
  height:20px;
  display:block;
  flex:0 0 auto;
}

.episode-club-comments-lock{
  min-height:88px;
  margin-top:18px;
  padding:16px 18px;
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:13px;
  align-items:center;
  background:#070809;
}

.episode-club-comments-lock img{
  width:38px;
  height:38px;
  display:block;
}

.episode-club-comments-lock div{
  display:grid;
  gap:4px;
}

.episode-club-comments-lock strong{
  color:var(--text);
  font-family:var(--tvk-font-ui);
  font-size:13px;
  font-weight:500;
}

.episode-club-comments-lock span{
  color:var(--secondary);
  font-family:var(--tvk-font-ui);
  font-size:11px;
  line-height:1.45;
}

@media(max-width:720px){

  .episode-player__locked-overlay{
    top:43%;
    width:calc(100% - 28px);
  }

  .episode-player__locked-overlay img{
    width:72px;
    height:72px;
    margin-bottom:10px;
  }

  .episode-player__locked-overlay strong{
    font-size:15px;
  }

  .episode-player__locked-overlay span{
    max-width:260px;
    font-size:11px;
  }

  .episode-club-access{
    grid-template-columns:112px minmax(0,1fr);
    gap:16px;
    padding:17px;
  }

  .episode-club-access__art{
    min-height:120px;
  }

  .episode-club-access__art img{
    width:94px;
    height:94px;
  }

  .episode-club-access__copy h2{
    font-size:21px;
  }

  .episode-club-access__actions{
    display:grid;
    grid-template-columns:1fr 1fr;
  }

  .episode-club-access__actions .button{
    min-width:0;
    width:100%;
  }
}

@media(max-width:470px){

  .episode-player__locked-overlay{
    top:41%;
  }

  .episode-player__locked-overlay img{
    width:60px;
    height:60px;
  }

  .episode-player__locked-overlay strong{
    font-size:13px;
  }

  .episode-player__locked-overlay span{
    font-size:10px;
  }

  .episode-club-access{
    grid-template-columns:1fr;
    gap:10px;
    text-align:center;
  }

  .episode-club-access__art{
    min-height:88px;
    border-right:0;
    border-bottom:1px solid rgba(231,168,0,.18);
    padding-bottom:10px;
  }

  .episode-club-access__art img{
    width:78px;
    height:78px;
  }

  .episode-club-access__copy p{
    max-width:none;
  }

  .episode-club-access__actions{
    grid-template-columns:1fr;
  }

  .episode-about__locked-note{
    align-items:flex-start;
  }

  .episode-club-comments-lock{
    grid-template-columns:32px minmax(0,1fr);
    padding:14px;
  }

  .episode-club-comments-lock img{
    width:30px;
    height:30px;
  }
}

/* === PUB-05 LOCKED CLUB EPISODE END === */
/* === PUB-02 CLUB LOCK MARKER START === */

/*
  CLUB_ONLY remains visible in the public catalog.
  The preview communicates restricted access before PUB-05 opens.
*/

.episode-feature__visual,
.episode-card__visual{
  position:relative;
  overflow:hidden;
}

.episode-preview--club::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  background:
    linear-gradient(
      180deg,
      rgba(3,4,5,.12) 0%,
      rgba(3,4,5,.22) 48%,
      rgba(3,4,5,.48) 100%
    );
  pointer-events:none;
}

.episode-catalog-club-lock{
  position:absolute!important;
  inset:0!important;
  z-index:5!important;
  display:block!important;
  background:transparent!important;
  border:0!important;
  padding:0!important;
  pointer-events:none;
}

.episode-catalog-club-lock__badge{
  position:absolute!important;
  left:auto!important;
  top:9px!important;
  bottom:auto!important;
  right:10px!important;
  min-height:27px;
  padding:0 9px 0 6px!important;
  display:inline-flex!important;
  align-items:center;
  gap:5px;
  border:1px solid rgba(240,160,0,.72)!important;
  border-radius:4px;
  background:rgba(5,6,7,.90)!important;
  color:var(--gold-bright)!important;
  font-family:var(--tvk-font-ui);
  font-size:10px!important;
  line-height:1;
  font-weight:700;
  letter-spacing:.07em;
  box-shadow:0 5px 16px rgba(0,0,0,.28);
}

.episode-catalog-club-lock__badge img{
  width:16px;
  height:16px;
  display:block;
}

.episode-catalog-club-lock__center{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  right:auto!important;
  bottom:auto!important;
  width:62px!important;
  height:62px!important;
  transform:translate(-50%,-50%)!important;
  display:grid!important;
  place-items:center;
  padding:0!important;
  border:1px solid rgba(240,160,0,.30)!important;
  border-radius:50%!important;
  background:rgba(5,6,7,.72)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.34);
  backdrop-filter:blur(2px);
}

.episode-catalog-club-lock__center img{
  width:48px;
  height:48px;
  display:block;
}

.episode-feature__visual
.episode-catalog-club-lock__badge{
  left:auto!important;
  top:16px!important;
  right:18px!important;
}

.episode-feature__visual
.episode-catalog-club-lock__center{
  width:78px!important;
  height:78px!important;
}

.episode-feature__visual
.episode-catalog-club-lock__center img{
  width:60px;
  height:60px;
}

@media(max-width:720px){

  .episode-catalog-club-lock__badge{
    min-height:24px;
    font-size:9px!important;
  }

  .episode-catalog-club-lock__badge img{
    width:14px;
    height:14px;
  }

  .episode-catalog-club-lock__center,
  .episode-feature__visual
  .episode-catalog-club-lock__center{
    width:56px!important;
    height:56px!important;
  }

  .episode-catalog-club-lock__center img,
  .episode-feature__visual
  .episode-catalog-club-lock__center img{
    width:42px;
    height:42px;
  }
}

/* === PUB-02 CLUB LOCK MARKER END === */
/* === CLUB PAGE MATERIAL LOCK START === */

/*
  /club remains a five-item promotional showcase.
  Existing "ТОЛЬКО ДЛЯ КЛУБА" badge is preserved.
  The central lock aligns the preview state with PUB-02/PUB-05
  without turning the Club landing page into another catalog.
*/

.club-page__material-cover{
  position:relative;
  overflow:hidden;
}

.club-page__material-cover > span,
.club-page__material-cover > b{
  z-index:4;
}

.club-page__material-lock{
  position:absolute;
  inset:0;
  z-index:3;
  display:block;
  pointer-events:none;
  background:
    linear-gradient(
      180deg,
      rgba(3,4,5,.08) 0%,
      rgba(3,4,5,.18) 52%,
      rgba(3,4,5,.34) 100%
    );
}

.club-page__material-lock img{
  position:absolute;
  left:50%;
  top:50%;
  width:58px;
  height:58px;
  transform:translate(-50%,-50%);
  display:block;
  padding:5px;
  border-radius:50%;
  background:rgba(5,6,7,.72);
  box-shadow:
    0 0 0 1px rgba(240,160,0,.28),
    0 7px 22px rgba(0,0,0,.38);
  backdrop-filter:blur(2px);
}

@media(max-width:720px){
  .club-page__material-lock img{
    width:50px;
    height:50px;
  }
}

/* === CLUB PAGE MATERIAL LOCK END === */
/* === PUB-05 CLUB ACCESS ART START === */

/*
  Dedicated illustration for the locked Club access panel on PUB-05.
  This does not replace the shared small UI icon (club-lock.svg),
  which remains used in other locked states across the site.
*/

.episode-club-access__art{
  display:grid;
  place-items:center;
  padding:18px;
  overflow:hidden;
}

.episode-club-access__art-image{
  display:block;
  width:min(100%,220px);
  max-width:220px;
  height:auto;
  object-fit:contain;
  transform:translateX(-9px);
  filter:drop-shadow(0 10px 24px rgba(0,0,0,.28));
}

@media(max-width:720px){
  .episode-club-access__art{
    padding:14px;
  }

  .episode-club-access__art-image{
    width:min(100%,180px);
    max-width:180px;
  }
}

/* === PUB-05 CLUB ACCESS ART END === */




/* PUB-06 HERO LEFT OVERRIDE */

.knowledge-hero > div:first-child{
  position:relative;
  z-index:2;
  max-width:520px;
}

.knowledge-hero h1{
  margin:18px 0 16px;
  line-height:1.05;
}

.knowledge-hero p{
  max-width:520px;
  line-height:1.55;
}

.knowledge-hero .section-stats{
  margin-top:20px;
}




/* === PUB-06 HERO CHECK LIST FINAL === */

.knowledge-hero .section-stats{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-top:22px;
}

.knowledge-hero .section-stats > div{
  display:flex;
  align-items:flex-start;
  gap:10px;
  max-width:420px;
  color:var(--secondary);
  font-family:var(--tvk-font-ui);
  font-size:var(--tvk-public-small);
  line-height:1.45;
}

.knowledge-hero .section-stats svg{
  flex:none;
  margin-top:2px;
  color:var(--gold-bright);
}


/* === PUB-06 HERO TYPOGRAPHY ALIGN === */

.knowledge-hero__content{
  position:relative;
  z-index:2;
  max-width:520px;
}

.knowledge-hero h1{
  font-family:var(--tvk-font-editorial);
  font-size:var(--tvk-public-page-title);
  line-height:1.06;
  letter-spacing:-0.01em;
  margin:18px 0 18px;
}

.knowledge-hero p{
  max-width:500px;
  font-family:var(--tvk-font-ui);
  font-size:var(--tvk-public-primary);
  line-height:1.55;
  margin-bottom:0;
}


/* === PUB-06 HERO TOP GAP ALIGN === */

.knowledge-listing .knowledge-hero{
  margin-top:0;
}


/* === PUB-06 HERO LEFT COMPACT === */

.knowledge-hero__content{
  max-width:520px;
}

.knowledge-hero h1{
  margin:14px 0 12px;
}

.knowledge-hero p{
  max-width:470px;
  line-height:1.45;
}

.knowledge-hero .section-stats{
  margin-top:16px;
  gap:8px;
}

.knowledge-hero .section-stats > div{
  max-width:390px;
}


/* === PUB-06 SECTION SPACING === */

.knowledge-search{
  margin-top:14px;
  margin-bottom:12px;
}

.fact-category-grid{
  margin-bottom:16px;
}

.knowledge-grid{
  margin-top:16px;
}





/* === PUB-06 CATEGORY GLOBAL CARD GRADIENT === */

.fact-category-card{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(180deg,#0a0c0f 0%,#070809 58%,#050607 100%);
}

.fact-category-card::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(
      135deg,
      rgba(245,166,0,.10) 0%,
      rgba(245,166,0,0) 45%
    );
}

.fact-category-card > *{
  position:relative;
  z-index:1;
}



/* === PUB-06 MATERIAL CARD HOVER ALIGN NEWS === */

.knowledge-card{
  transition:
    border-color .16s ease,
    background .16s ease;

  background:
    radial-gradient(
      circle at 18% 12%,
      rgba(228,161,0,.065),
      rgba(228,161,0,0) 43%
    ),
    linear-gradient(
      180deg,
      #0a0c0f 0%,
      #070809 58%,
      #050607 100%
    );
}


/* === PUB-06 FEATURED LABEL ON IMAGE === */

.fact-featured__image{
  position:relative;
}

.fact-featured__image .eyebrow{
  position:absolute;
  top:14px;
  left:14px;
  z-index:2;

  display:inline-flex;
  align-items:center;

  padding:6px 10px;

  background:var(--gold-bright);
  color:#090909;

  font-family:var(--tvk-font-ui);
  font-size:11px;
  line-height:1.25;
  font-weight:600;
  letter-spacing:.04em;
}

.fact-featured__content .eyebrow{
  display:none;
}

@media(max-width:900px){
  .fact-featured__image .eyebrow{
    top:12px;
    left:12px;
  }
}







/* === PUB-06 KNOWLEDGE CARD FINAL IMAGE + SOURCE === */

.knowledge-card{
  min-height:250px;
  padding:18px;
  display:flex;
  flex-direction:column;
  overflow:hidden;
}


.knowledge-card__image{
  width:calc(100% + 36px);
  height:170px;
  margin:-18px -18px 16px;
  overflow:hidden;
}


.knowledge-card__image img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}


.knowledge-card__source{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:14px;

  color:var(--gold-bright);
  font-size:13px;
  line-height:1.3;
}


.knowledge-card__source::after{
  content:"";

  width:14px;
  height:14px;

  background:currentColor;

  mask:url("/assets/icons/arrow-right.svg") center / contain no-repeat;
  -webkit-mask:url("/assets/icons/arrow-right.svg") center / contain no-repeat;

  transition:transform .16s ease;
}


.knowledge-card:hover .knowledge-card__source::after{
  transform:translateX(4px);
}


/* === PUB-06 FEATURED MATERIAL RESTORE FINAL === */

.fact-featured{
  min-height:300px;

  display:grid;
  grid-template-columns:42% 58%;

  gap:0;

  padding:0;

  overflow:hidden;
}


.fact-featured__image{
  position:relative;

  min-height:300px;

  overflow:hidden;

  background:#070809;
}


.fact-featured__image img{
  width:100%;
  height:100%;

  display:block;

  object-fit:cover;
}


.fact-featured__image .eyebrow{
  position:absolute;

  top:14px;
  left:14px;

  z-index:2;

  display:inline-flex;

  padding:6px 10px;

  background:var(--gold-bright);

  color:#090909;

  font-family:var(--tvk-font-ui);

  font-size:11px;

  font-weight:600;
}


.fact-featured__content{

  padding:32px;

  display:flex;

  flex-direction:column;

  align-items:flex-start;
}


.fact-featured__content h2{

  margin:0 0 14px;

  font-family:var(--tvk-font-editorial);

  font-size:32px;

  line-height:1.15;
}


.fact-featured__content p{

  margin:0 0 14px;

  color:var(--secondary);
}


.fact-featured__content small{

  color:var(--gold-bright);
}


.fact-featured__content .button{

  margin-top:auto;
}


@media(max-width:900px){

  .fact-featured{

    grid-template-columns:1fr;

  }


  .fact-featured__image{

    min-height:220px;

  }

}


/* === PUB-06 LATEST ADDITIONS LAYOUT === */

.latest-additions{
  margin-top:28px;
  margin-bottom:28px;
  padding:24px;
}

.latest-additions__head{
  margin-bottom:20px;

  display:flex;
  align-items:flex-end;
  justify-content:space-between;

  gap:20px;
}

.latest-additions__head-copy{
  min-width:0;
  flex:1;
}

.latest-additions__head h2{
  margin:10px 0 0;
  font-size:16px;
  line-height:1.2;
  font-weight:600;
}


.latest-additions__track{
  display:grid;
  grid-template-columns:repeat(var(--latest-count),minmax(0,1fr));
  gap:16px;
}


.latest-additions__card{
  display:flex;
  flex-direction:column;
  overflow:hidden;

  min-height:260px;

  background:
    linear-gradient(
      180deg,
      #0d1013 0%,
      #080a0c 100%
    );

  border:1px solid rgba(228,161,0,.22);

  transition:
    border-color .16s ease;
}


.latest-additions__card:hover{
  border-color:#6e5214;
}


.latest-additions__image{
  height:150px;
  overflow:hidden;
}


.latest-additions__image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}


.latest-additions__body{
  padding:16px;
  display:flex;
  flex-direction:column;
  flex:1;
}


.latest-additions__category{
  color:var(--gold-bright);
  font-size:12px;
}


.latest-additions__body h3{
  margin:10px 0;
  font-family:var(--tvk-font-editorial);
  font-size:20px;
  line-height:1.25;
}


.latest-additions__body p{
  color:var(--secondary);
  font-size:14px;
}


.latest-additions__body small{
  margin-top:auto;
  color:var(--gold-bright);
}



/* 6+ материалов — режим карусели */

.latest-additions__track.is-carousel{
  display:flex;
  overflow:hidden;
}


.latest-additions__track.is-carousel .latest-additions__card{
  flex:0 0 calc(20% - 13px);
}


@media(max-width:900px){

.latest-additions__track{
  grid-template-columns:1fr;
}

.latest-additions__track.is-carousel .latest-additions__card{
  flex:0 0 85%;
}

}


/* === PUB-06 LATEST CAROUSEL CONTROLS === */

.latest-additions__controls{
  position:static;

  display:flex;
  justify-content:flex-end;

  flex:0 0 auto;

  gap:10px;

  margin:0 0 4px;
}


.latest-additions__arrow{
  width:38px;
  height:38px;

  display:flex;
  align-items:center;
  justify-content:center;

  border:1px solid rgba(228,161,0,.35);

  background:#080a0c;
  color:var(--gold-bright);

  cursor:pointer;

  font-size:20px;
}


.latest-additions__arrow:hover{
  border-color:var(--gold-bright);
}


.latest-additions__track.is-carousel{

  display:flex;

  overflow-x:auto;
  overflow-y:hidden;

  scroll-behavior:smooth;

  scrollbar-width:none;

  scroll-snap-type:x mandatory;
}


.latest-additions__track.is-carousel::-webkit-scrollbar{
  display:none;
}


.latest-additions__track.is-carousel .latest-additions__card{

  flex:0 0 calc(20% - 13px);

  scroll-snap-align:start;

}


@media(max-width:900px){

  .latest-additions__track.is-carousel .latest-additions__card{
    flex:0 0 85%;
  }

}

/* PUB-07 DOSSIER HERO FINAL */

.dossier-hero{
  min-height:270px;
  padding:38px 40px;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(420px,1fr);
  align-items:center;
  gap:24px;
  overflow:hidden;
}

.dossier-hero__copy{
  max-width:520px;
}

.dossier-hero__copy .eyebrow{
  margin-bottom:14px;
}

.dossier-hero__copy h1{
  font-size:var(--tvk-public-page-title);
  margin:0 0 14px;
  line-height:1.06;
  font-weight:400;
}

.dossier-hero__copy p{
  max-width:520px;
  margin:0 0 16px;
  line-height:1.55;
}

.dossier-hero__list{
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  flex-direction:column;
  gap:8px;
}

.dossier-hero__list li{
  display:flex;
  align-items:flex-start;
  gap:8px;
  font-size:var(--tvk-public-small);
  line-height:1.4;
  color:rgba(255,255,255,.78);
}

.dossier-hero__list li svg{
  flex:none;
  width:16px;
  height:16px;
  margin-top:2px;
  color:#f2a900;
  stroke:#f2a900;
}

.dossier-hero__visual{
  min-height:240px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
}

.dossier-hero__visual img{
  width:110%;
  max-width:none;
  height:auto;
  object-fit:contain;
  transform:translateX(40px);
}
@media(max-width:900px){

  .dossier-hero{
    grid-template-columns:1fr;
    padding:28px;
  }

  .dossier-hero__visual{
    min-height:auto;
    margin-top:20px;
  }

  .dossier-hero__visual img{
    width:100%;
    transform:none;
  }

}


/* PUB-07 DOSSIER HERO IMAGE TUNE */

.knowledge-hero--dossiers .knowledge-hero__visual{
  justify-content:center;
  padding-right:0;
}

.knowledge-hero--dossiers .knowledge-hero__visual img{
  width:84%;
  max-width:520px;
  height:auto;
  object-fit:contain;
  transform:translateX(-42px);
}

@media(max-width:980px){
  .knowledge-hero--dossiers .knowledge-hero__visual{
    justify-content:center;
  }

  .knowledge-hero--dossiers .knowledge-hero__visual img{
    width:100%;
    max-width:none;
    transform:none;
  }
}


/* PUB-06 FACT CENTER HERO IMAGE TUNE */

.knowledge-hero--fact-center .knowledge-hero__visual{
  justify-content:center;
  padding-right:0;
}

.knowledge-hero--fact-center .knowledge-hero__visual img{
  width:86%;
  max-width:560px;
  height:auto;
  object-fit:contain;
  transform:translateX(-34px);
}

@media(max-width:980px){
  .knowledge-hero--fact-center .knowledge-hero__visual{
    justify-content:center;
  }

  .knowledge-hero--fact-center .knowledge-hero__visual img{
    width:100%;
    max-width:none;
    transform:none;
  }
}


/* PUB-05 NEWS HERO IMAGE TUNE */
.knowledge-hero--news .knowledge-hero__visual img{
  width:78%;
  max-width:78%;
  transform:translateX(-45px);
}

@media(max-width:980px){
  .knowledge-hero--news .knowledge-hero__visual img{
    width:72%;
    max-width:72%;
    transform:none;
  }
}


/* PUB-05 NEWS HERO FINAL IMAGE POSITION */

.knowledge-hero--news .knowledge-hero__visual{
  right:-50px;
  width:62%;
  height:108%;
  justify-content:center;
}

.knowledge-hero--news .knowledge-hero__visual img{
  width:96%;
  height:96%;
  object-fit:contain;
  transform:translateX(-45px);
}


@media(max-width:980px){
  .knowledge-hero--news .knowledge-hero__visual{
    right:auto;
    width:100%;
    height:auto;
  }

  .knowledge-hero--news .knowledge-hero__visual img{
    width:80%;
    height:auto;
    transform:none;
  }
}




/* PUB-02 EPISODES HERO IMAGE TUNE */

.knowledge-hero--episodes .knowledge-hero__visual{
  right:-40px;
  width:60%;
  height:105%;
  justify-content:center;
}

.knowledge-hero--episodes .knowledge-hero__visual img{
  width:98%;
  height:98%;
  object-fit:contain;
  transform:translateX(-55px);
}


@media(max-width:980px){
  .knowledge-hero--episodes .knowledge-hero__visual{
    width:100%;
    right:auto;
    height:auto;
  }

  .knowledge-hero--episodes .knowledge-hero__visual img{
    width:82%;
    height:auto;
    transform:none;
  }
}




.key-dossiers-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-top:14px;
}

@media(max-width:1050px){
  .key-dossiers-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:720px){
  .key-dossiers-grid{
    grid-template-columns:1fr;
  }
}

/* TV KADR - EPISODES CATALOG TOOLBAR START */

.episode-catalog-toolbar{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  margin:10px 0 13px;
}

.episode-catalog-tabs.knowledge-tabs{
  width:auto;
  min-width:0;
  margin:0;
  flex:0 1 auto;
}

.episode-catalog-actions{
  display:flex;
  align-items:center;
  gap:7px;
  flex:0 0 auto;
  min-width:0;
}

/* TV KADR - SHARED PUBLIC SELECT */
.public-select{
  position:relative;
  display:block;
  width:172px;
  min-width:172px;
  color:var(--secondary);
}

.public-select__trigger{
  appearance:none;
  -webkit-appearance:none;

  width:100%;
  height:38px;
  min-height:38px;

  margin:0;
  padding:0 38px 0 13px;

  border:1px solid var(--gold-dark);
  border-radius:3px;

  background:#08090a;
  color:var(--secondary);

  font:400 var(--tvk-public-small)/1.35 var(--tvk-font-ui);
  cursor:pointer;

  transition:
    color .16s ease,
    border-color .16s ease,
    background-color .16s ease;
  display:block;
  text-align:left;
}

.public-select:hover .public-select__trigger{
  color:var(--text);
  border-color:var(--gold-bright);
  background:#0b0d0f;
}

.public-select__trigger:focus-visible{
  outline:2px solid var(--gold-bright);
  outline-offset:2px;
}

.public-select__trigger:disabled{
  opacity:.6;
  cursor:wait;
}


/* TV KADR - EPISODES CUSTOM SORT DROPDOWN START */

.public-select.is-open{
  z-index:60;
}

.public-select__trigger[aria-expanded="true"]{
  color:var(--text);
  border-color:var(--gold-bright);
  background:#0b0d0f;
}

.public-select__menu{
  position:absolute;
  top:calc(100% + 5px);
  left:0;
  z-index:60;

  width:100%;
  padding:4px;

  border:1px solid var(--gold-bright);
  border-radius:3px;

  background:#08090a;
  box-shadow:0 12px 28px rgba(0,0,0,.52);
}

.public-select__option{
  width:100%;
  min-height:36px;
  padding:0 10px;

  border:0;
  border-radius:2px;

  display:block;

  background:transparent;
  color:var(--secondary);

  font:inherit;
  font-size:var(--tvk-public-secondary);
  text-align:left;

  cursor:pointer;

  transition:
    color .14s ease,
    background-color .14s ease;
}

.public-select__option + .public-select__option{
  border-top:1px solid rgba(110,82,20,.48);
}

.public-select__option[aria-selected="true"]{
  background:rgba(240,160,0,.10);
  color:var(--gold-bright);
}

@media (hover:hover) and (pointer:fine){
  .public-select__option:hover{
    background:var(--gold-bright);
    color:#08090a;
  }
}

.public-select__option:focus-visible{
  outline:0;
  background:var(--gold-bright);
  color:#08090a;
}

/* TV KADR - EPISODES CUSTOM SORT DROPDOWN END */

.episode-view-switcher{
  display:flex;
  align-items:center;
  gap:6px;
}

.episode-view-switcher__button{
  width:38px;
  height:38px;
  min-width:38px;

  display:grid;
  place-items:center;

  border:1px solid var(--gold-dark);
  border-radius:3px;

  background:#08090a;
  color:var(--gold-bright);

  transition:
    color .16s ease,
    border-color .16s ease,
    background-color .16s ease;
}

.episode-view-switcher__button:hover{
  color:var(--text);
  border-color:var(--gold-bright);
  background:#0b0d0f;
}

.episode-view-switcher__button.active{
  color:#08090a;
  border-color:var(--gold-bright);
  background:var(--gold-bright);
}

.episode-control-icon{
  display:block;
  width:18px;
  height:18px;
  flex:0 0 18px;

  background-color:currentColor;

  mask-repeat:no-repeat;
  mask-position:center;
  mask-size:contain;

  -webkit-mask-repeat:no-repeat;
  -webkit-mask-position:center;
  -webkit-mask-size:contain;
}

.episode-control-icon--chevron{
  position:absolute;
  top:50%;
  right:12px;

  width:14px;
  height:14px;

  pointer-events:none;
  transform:translateY(-50%);

  mask-image:url("/assets/icons/chevron-down.svg");
  -webkit-mask-image:url("/assets/icons/chevron-down.svg");
}

.episode-control-icon--grid{
  mask-image:url("/assets/icons/view-grid.svg");
  -webkit-mask-image:url("/assets/icons/view-grid.svg");
}

.episode-control-icon--list{
  mask-image:url("/assets/icons/view-list.svg");
  -webkit-mask-image:url("/assets/icons/view-list.svg");
}

@media(max-width:1100px){
  .episode-catalog-tabs.knowledge-tabs{
    width:100%;
    flex:1 1 100%;
    overflow-x:auto;
    flex-wrap:nowrap;
    scrollbar-width:none;
  }

  .episode-catalog-tabs.knowledge-tabs::-webkit-scrollbar{
    display:none;
  }

  .episode-catalog-tabs.knowledge-tabs > a{
    flex:0 0 auto;
    white-space:nowrap;
  }
}

@media(max-width:720px){
  .episode-catalog-toolbar{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:10px;
    margin:8px 0 12px;
  }

  .episode-catalog-actions{
    width:100%;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:8px;
  }

  .public-select{
    width:100%;
    min-width:0;
  }

  .public-select__trigger{
    height:40px;
    min-height:40px;
  }

  .episode-view-switcher__button{
    width:40px;
    height:40px;
    min-width:40px;
  }
}

/* TV KADR - EPISODES CATALOG TOOLBAR END */

/* TV KADR - GLOBAL PUBLIC FILTER HOVER START */

:is(
  .knowledge-tabs,
  .episode-filter-chips,
  .filter-chips,
  .search-type-tabs
) > :is(a,button){
  transition:
    color .16s ease,
    border-color .16s ease,
    background-color .16s ease,
    box-shadow .16s ease,
    filter .16s ease;
}

:is(
  .knowledge-tabs,
  .episode-filter-chips,
  .filter-chips,
  .search-type-tabs
) > :is(a,button):focus-visible{
  outline:2px solid var(--gold-bright);
  outline-offset:2px;
}

@media(hover:hover) and (pointer:fine){
  :is(
    .knowledge-tabs,
    .episode-filter-chips,
    .filter-chips,
    .search-type-tabs
  ) > :is(a,button):not(.active):hover{
    color:var(--text);
    border-color:var(--gold-bright);

    background:
      linear-gradient(
        180deg,
        rgba(240,160,0,.13),
        rgba(240,160,0,.045)
      ),
      #08090a;

    box-shadow:
      0 0 0 1px rgba(240,160,0,.16),
      inset 0 0 18px rgba(240,160,0,.055);
  }

  :is(
    .knowledge-tabs,
    .episode-filter-chips,
    .filter-chips,
    .search-type-tabs
  ) > :is(a,button).active:hover{
    filter:brightness(1.07);
  }
}

@media(prefers-reduced-motion:reduce){
  :is(
    .knowledge-tabs,
    .episode-filter-chips,
    .filter-chips,
    .search-type-tabs
  ) > :is(a,button){
    transition:none;
  }
}

/* TV KADR - GLOBAL PUBLIC FILTER HOVER END */

/* TV KADR - INNER HERO VISUAL INTEGRATION START */

/*
  Shared visual stage for the four catalog heroes.
  Homepage and Club use their own compositions.
*/

.knowledge-hero:is(
  .knowledge-hero--episodes,
  .knowledge-hero--news,
  .knowledge-hero--fact-center,
  .knowledge-hero--dossiers
){
  --tvk-inner-hero-glow-x:77%;
  --tvk-inner-hero-glow-y:51%;

  position:relative;
  isolation:isolate;
  overflow:hidden;

  background:
    radial-gradient(
      ellipse 45% 88% at
      var(--tvk-inner-hero-glow-x)
      var(--tvk-inner-hero-glow-y),
      rgba(238,160,0,.115) 0%,
      rgba(238,160,0,.052) 30%,
      rgba(238,160,0,.016) 52%,
      transparent 72%
    ),
    linear-gradient(
      102deg,
      rgba(240,160,0,0) 0%,
      rgba(240,160,0,.012) 47%,
      rgba(240,160,0,.035) 72%,
      rgba(240,160,0,0) 100%
    ),
    linear-gradient(
      112deg,
      #080a0c 0%,
      #090b0d 43%,
      #100d07 73%,
      #070809 100%
    );
}

.knowledge-hero--episodes{
  --tvk-inner-hero-glow-x:76%;
  --tvk-inner-hero-glow-y:50%;
}

.knowledge-hero--news{
  --tvk-inner-hero-glow-x:76%;
  --tvk-inner-hero-glow-y:49%;
}

.knowledge-hero--fact-center{
  --tvk-inner-hero-glow-x:75%;
  --tvk-inner-hero-glow-y:51%;
}

.knowledge-hero--dossiers{
  --tvk-inner-hero-glow-x:74%;
  --tvk-inner-hero-glow-y:51%;
}

.knowledge-hero:is(
  .knowledge-hero--episodes,
  .knowledge-hero--news,
  .knowledge-hero--fact-center,
  .knowledge-hero--dossiers
) .knowledge-hero__content{
  position:relative;
  z-index:3;
}

.knowledge-hero:is(
  .knowledge-hero--episodes,
  .knowledge-hero--news,
  .knowledge-hero--fact-center,
  .knowledge-hero--dossiers
) .knowledge-hero__visual{
  z-index:1;

  background:
    radial-gradient(
      ellipse 54% 18% at 46% 79%,
      rgba(240,160,0,.13) 0%,
      rgba(240,160,0,.058) 38%,
      transparent 74%
    ),
    radial-gradient(
      circle at 47% 48%,
      rgba(240,160,0,.042) 0%,
      rgba(240,160,0,.012) 45%,
      transparent 70%
    );
}

.knowledge-hero:is(
  .knowledge-hero--episodes,
  .knowledge-hero--news,
  .knowledge-hero--fact-center,
  .knowledge-hero--dossiers
) .knowledge-hero__visual img{
  filter:
    drop-shadow(0 19px 26px rgba(0,0,0,.46))
    drop-shadow(0 0 20px rgba(232,157,0,.095));
}

@media(max-width:980px){
  .knowledge-hero:is(
    .knowledge-hero--episodes,
    .knowledge-hero--news,
    .knowledge-hero--fact-center,
    .knowledge-hero--dossiers
  ){
    background:
      radial-gradient(
        ellipse 55% 76% at 72% 57%,
        rgba(238,160,0,.09) 0%,
        rgba(238,160,0,.032) 36%,
        transparent 72%
      ),
      linear-gradient(
        112deg,
        #080a0c 0%,
        #090b0d 52%,
        #0e0c08 78%,
        #070809 100%
      );
  }

  .knowledge-hero:is(
    .knowledge-hero--episodes,
    .knowledge-hero--news,
    .knowledge-hero--fact-center,
    .knowledge-hero--dossiers
  ) .knowledge-hero__visual{
    background:
      radial-gradient(
        ellipse 58% 18% at 50% 80%,
        rgba(240,160,0,.09) 0%,
        rgba(240,160,0,.035) 38%,
        transparent 74%
      );
  }

  .knowledge-hero:is(
    .knowledge-hero--episodes,
    .knowledge-hero--news,
    .knowledge-hero--fact-center,
    .knowledge-hero--dossiers
  ) .knowledge-hero__visual img{
    filter:
      drop-shadow(0 15px 22px rgba(0,0,0,.42))
      drop-shadow(0 0 16px rgba(232,157,0,.07));
  }
}

@media(max-width:720px){
  .knowledge-hero:is(
    .knowledge-hero--episodes,
    .knowledge-hero--news,
    .knowledge-hero--fact-center,
    .knowledge-hero--dossiers
  ){
    background:
      radial-gradient(
        ellipse 70% 58% at 74% 72%,
        rgba(238,160,0,.065) 0%,
        rgba(238,160,0,.018) 42%,
        transparent 76%
      ),
      linear-gradient(
        145deg,
        #080a0c 0%,
        #090b0d 62%,
        #0d0b08 100%
      );
  }

  .knowledge-hero:is(
    .knowledge-hero--episodes,
    .knowledge-hero--news,
    .knowledge-hero--fact-center,
    .knowledge-hero--dossiers
  ) .knowledge-hero__visual{
    background:
      radial-gradient(
        ellipse 62% 17% at 50% 82%,
        rgba(240,160,0,.07) 0%,
        transparent 72%
      );
  }
}

/* TV KADR - INNER HERO EDGE VIGNETTE START */

/*
  Local depth treatment for catalog hero artwork.
  Image dimensions, offsets and transforms remain unchanged.
*/

.knowledge-hero:is(
  .knowledge-hero--episodes,
  .knowledge-hero--news,
  .knowledge-hero--fact-center,
  .knowledge-hero--dossiers
) .knowledge-hero__visual{
  isolation:isolate;
}

.knowledge-hero:is(
  .knowledge-hero--episodes,
  .knowledge-hero--news,
  .knowledge-hero--fact-center,
  .knowledge-hero--dossiers
) .knowledge-hero__visual::before{
  content:"";
  position:absolute;
  inset:5% 2% 4% 6%;
  z-index:0;
  pointer-events:none;

  background:
    radial-gradient(
      ellipse 55% 46% at 51% 49%,
      rgba(242,163,0,.22) 0%,
      rgba(242,163,0,.10) 38%,
      rgba(242,163,0,.025) 62%,
      transparent 78%
    );

  filter:blur(10px);
}

.knowledge-hero:is(
  .knowledge-hero--episodes,
  .knowledge-hero--news,
  .knowledge-hero--fact-center,
  .knowledge-hero--dossiers
) .knowledge-hero__visual img{
  z-index:1;
  opacity:.92;

  filter:
    contrast(1.10)
    saturate(1.08)
    brightness(1.035)
    drop-shadow(0 22px 30px rgba(0,0,0,.58))
    drop-shadow(0 0 28px rgba(232,157,0,.16));
}

.knowledge-hero:is(
  .knowledge-hero--episodes,
  .knowledge-hero--news,
  .knowledge-hero--fact-center,
  .knowledge-hero--dossiers
) .knowledge-hero__visual::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;

  background:
    radial-gradient(
      ellipse 72% 74% at 51% 48%,
      transparent 47%,
      rgba(2,3,4,.12) 67%,
      rgba(2,3,4,.52) 100%
    ),
    linear-gradient(
      180deg,
      rgba(2,3,4,.18) 0%,
      transparent 22%,
      transparent 69%,
      rgba(2,3,4,.48) 100%
    );
}

@media(max-width:980px){
  .knowledge-hero:is(
    .knowledge-hero--episodes,
    .knowledge-hero--news,
    .knowledge-hero--fact-center,
    .knowledge-hero--dossiers
  ) .knowledge-hero__visual::before{
    inset:6% 3% 5%;
    filter:blur(8px);
  }

  .knowledge-hero:is(
    .knowledge-hero--episodes,
    .knowledge-hero--news,
    .knowledge-hero--fact-center,
    .knowledge-hero--dossiers
  ) .knowledge-hero__visual img{
    opacity:.89;

    filter:
      contrast(1.08)
      saturate(1.06)
      brightness(1.025)
      drop-shadow(0 17px 24px rgba(0,0,0,.52))
      drop-shadow(0 0 22px rgba(232,157,0,.13));
  }

  .knowledge-hero:is(
    .knowledge-hero--episodes,
    .knowledge-hero--news,
    .knowledge-hero--fact-center,
    .knowledge-hero--dossiers
  ) .knowledge-hero__visual::after{
    background:
      radial-gradient(
        ellipse 76% 76% at 51% 50%,
        transparent 49%,
        rgba(2,3,4,.10) 69%,
        rgba(2,3,4,.43) 100%
      ),
      linear-gradient(
        180deg,
        rgba(2,3,4,.14) 0%,
        transparent 23%,
        transparent 71%,
        rgba(2,3,4,.38) 100%
      );
  }
}

@media(max-width:720px){
  .knowledge-hero:is(
    .knowledge-hero--episodes,
    .knowledge-hero--news,
    .knowledge-hero--fact-center,
    .knowledge-hero--dossiers
  ) .knowledge-hero__visual img{
    opacity:.86;
  }

  .knowledge-hero:is(
    .knowledge-hero--episodes,
    .knowledge-hero--news,
    .knowledge-hero--fact-center,
    .knowledge-hero--dossiers
  ) .knowledge-hero__visual::after{
    background:
      radial-gradient(
        ellipse 80% 78% at 51% 52%,
        transparent 52%,
        rgba(2,3,4,.08) 72%,
        rgba(2,3,4,.34) 100%
      ),
      linear-gradient(
        180deg,
        rgba(2,3,4,.10) 0%,
        transparent 24%,
        transparent 73%,
        rgba(2,3,4,.30) 100%
      );
  }
}

/* TV KADR - INNER HERO EDGE VIGNETTE END */

/* TV KADR - INNER HERO VISUAL INTEGRATION END */

/* TV KADR - STABLE HEADER ACCOUNT SLOT START */

/*
  Keeps Search and account controls stable while auth state resolves.
  Existing mobile rules hide both text labels below 721px.
*/

@media(min-width:721px){
  .site-action-link--login{
    flex:0 0 120px;
    width:120px;
  }

  .site-action-link--login>span:last-child{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
}

/* TV KADR - STABLE HEADER ACCOUNT SLOT END */

/* TV KADR — HOME CLUB SINGLE PRICE START */

.club-section--single-price {
  grid-template-columns:
    minmax(0, 2fr)
    minmax(0, 1fr)
    minmax(0, 1fr);
}

.club-section--single-price .club-intro {
  min-width: 0;
}

.club-section--single-price .price-card--single {
  grid-column: 2 / -1;
  width: 100%;
  min-height: 170px;
  justify-self: stretch;
}

@media (max-width: 1180px) and (min-width: 921px) {
  .club-section--single-price {
    grid-template-columns:
      minmax(0, 1.6fr)
      minmax(0, 1fr)
      minmax(0, 1fr);
  }
}

@media (max-width: 920px) {
  .club-section--single-price {
    grid-template-columns: minmax(0, 1fr);
  }

  .club-section--single-price .club-intro {
    grid-column: 1;
  }

  .club-section--single-price .price-card--single {
    grid-column: 1;
    width: 100%;
  }
}

@media (max-width: 720px) {
  .club-section--single-price .price-card--single {
    width: 100%;
    min-height: 0;
  }
}


.club-section--single-price .price-card--single .button {
  align-self: center;
  width: auto;
  min-width: 160px;
}
/* TV KADR — HOME CLUB SINGLE PRICE END */

/* TV KADR - HEADER ADVERTISE NAV START */

/*
  Восьмой пункт основной навигации.
  На промежуточной ширине шапка уплотняется,
  а до переполнения переключается на мобильное меню.
*/
@media(min-width:1021px) and (max-width:1280px) {
  .site-header__inner {
    gap:24px !important;
  }

  .site-nav {
    gap:14px !important;
  }

  .site-nav a {
    font-size:13px !important;
  }

  .site-actions {
    gap:10px;
  }

  .site-action-link span:last-child {
    display:none;
  }

  .site-subscribe {
    min-height:40px !important;
    padding-inline:14px !important;
    font-size:12.5px !important;
  }
}

@media(max-width:1020px) {
  .site-nav {
    display:none;
  }

  .site-actions {
    margin-left:auto;
  }

  .mobile-menu-button {
    display:block;
  }

  .mobile-nav {
    display:block;
  }
}

/* TV KADR - HEADER ADVERTISE NAV END */

/* TV KADR - PUB-09 FORMATS AND PERIODS START */

/*
  PUB-09: рекламные форматы и периоды размещения.
  Данные тарифов остаются динамическими.
*/
.advertise-page .advertise-layout{
  grid-template-columns:minmax(0,35%) minmax(0,65%);
  gap:0;
  align-items:start;
  padding-top:14px;
}

.advertise-page .advertise-layout > div{
  min-width:0;
}

.advertise-page .advertise-layout > div:first-child{
  padding-right:12px;
}

.advertise-page .advertise-layout > div + div{
  padding-left:12px;
  border-left:1px solid var(--align-line);
}

.advertise-page .advertise-section-head p{
  margin-bottom:14px;
}

.advertise-page .advertise-format-grid,
.advertise-page .advertise-tariff-grid{
  gap:10px;
}

.advertise-page .advertise-format-card{
  min-height:205px;
  padding:16px 13px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}

.advertise-page .advertise-format-card__icon{
  display:block;
  width:36px;
  height:31px;
  flex:0 0 36px;
  background-position:center;
  background-repeat:no-repeat;
  background-size:contain;
}

.advertise-page .advertise-format-card:nth-child(1)
.advertise-format-card__icon{
  background-image:url('/assets/advertise/pre-roll.svg');
}

.advertise-page .advertise-format-card:nth-child(2)
.advertise-format-card__icon{
  background-image:url('/assets/advertise/mid-roll.svg');
}

.advertise-page .advertise-format-card:nth-child(3)
.advertise-format-card__icon{
  background-image:url('/assets/advertise/post-roll.svg');
}

.advertise-page .advertise-format-card h3{
  margin:15px 0 8px;
}

.advertise-page .advertise-format-card p{
  margin:0;
}

.advertise-page .advertise-format-card small{
  margin-top:auto;
  padding-top:20px;
}

.advertise-page .advertise-tariff-grid{
  align-items:stretch;
  padding-top:12px;
}

.advertise-page .advertise-tariff-card{
  min-height:282px;
  padding:16px 13px;
}

.advertise-page .advertise-tariff-card h3{
  color:var(--gold-bright);
}

.advertise-page .advertise-tariff-card > p{
  margin-top:0;
  margin-bottom:4px;
}

.advertise-page .advertise-tariff-card > strong{
  margin-top:8px;
  margin-bottom:12px;
}

.advertise-page .advertise-tariff-card ul{
  gap:7px;
}

.advertise-page .advertise-tariff-card .button{
  min-height:38px;
}

.advertise-page .advertise-tariff-card.is-featured{
  border-color:var(--gold-bright);
  box-shadow:inset 0 0 0 1px rgba(240,160,0,.08);
}

.advertise-page .advertise-tariff-card__badge{
  left:50%;
  right:auto;
  transform:translateX(-50%);
  white-space:nowrap;
}

.advertise-page .advertise-disclaimer{
  display:flex;
  align-items:flex-start;
  gap:7px;
  margin:10px 0 0;
  padding-left:4px;
  text-align:left;
}

.advertise-page .advertise-disclaimer__icon{
  display:block;
  width:14px;
  height:14px;
  flex:0 0 14px;
  margin-top:1px;
  background-color:var(--gold-bright);
  -webkit-mask:url('/assets/icons/info.svg') center/contain no-repeat;
  mask:url('/assets/icons/info.svg') center/contain no-repeat;
}

@media(max-width:1050px){
  .advertise-page .advertise-layout{
    grid-template-columns:1fr;
    gap:24px;
  }

  .advertise-page .advertise-layout > div:first-child{
    padding-right:0;
  }

  .advertise-page .advertise-layout > div + div{
    padding-left:0;
    padding-top:22px;
    border-left:0;
    border-top:1px solid var(--align-line);
  }

  .advertise-page .advertise-tariff-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:720px){
  .advertise-page .advertise-layout{
    gap:20px;
    padding-top:14px;
  }

  .advertise-page .advertise-layout > div + div{
    padding-top:20px;
  }

  .advertise-page .advertise-format-grid,
  .advertise-page .advertise-tariff-grid{
    grid-template-columns:1fr;
  }

  .advertise-page .advertise-format-card,
  .advertise-page .advertise-tariff-card{
    min-height:auto;
  }

  .advertise-page .advertise-format-card small{
    padding-top:18px;
  }

  .advertise-page .advertise-tariff-card .button{
    width:100%;
  }
}

/* TV KADR - PUB-09 FORMATS AND PERIODS END */

/* TV KADR - PUB-09 CARD SURFACE STATES START */
.advertise-page .advertise-format-card,
.advertise-page .advertise-tariff-card,
.advertise-page .advertise-benefits article,
.advertise-page .advertise-proof-card,
.advertise-page .advertise-form-card,
.public-faq details{
  background:
    radial-gradient(circle at 22% 18%, rgba(228,161,0,.11), rgba(228,161,0,0) 45%),
    linear-gradient(180deg, #0d1013 0%, #080a0c 58%, #060708 100%);
}

@media (hover:hover) and (pointer:fine){
  .advertise-page .advertise-tariff-card:hover{
    border-color:#e69b00;
  }
}

.advertise-page .advertise-tariff-card:focus-within{
  border-color:#e69b00;
}
/* TV KADR - PUB-09 CARD SURFACE STATES END */

/* TV KADR - PUB-09 BENEFITS RESPONSIVE START */
@media(min-width:721px) and (max-width:920px){
  .advertise-benefits{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media(max-width:720px){
  .advertise-benefits article{
    min-height:118px;
  }
}
/* TV KADR - PUB-09 BENEFITS RESPONSIVE END */

/* TV KADR - PUB-09 STEPS VECTOR SEQUENCE START */
.advertise-steps li:last-child{
  padding-right:18px;
}

.advertise-step-arrow{
  position:absolute;
  z-index:1;
  top:50%;
  right:7px;
  display:block;
  width:24px;
  height:24px;
  object-fit:contain;
  transform:translateY(-50%);
  pointer-events:none;
}

@media(max-width:720px){
  .advertise-steps li{
    min-height:116px;
    padding:16px 18px 36px;
  }

  .advertise-steps li:last-child{
    min-height:96px;
    padding-bottom:16px;
  }

  .advertise-step-arrow{
    top:auto;
    right:auto;
    bottom:4px;
    left:50%;
    transform:translateX(-50%) rotate(90deg);
  }
}
/* TV KADR - PUB-09 STEPS VECTOR SEQUENCE END */

/* TV KADR - PUB-09 PROOF POINTS START */
.advertise-proof-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
  margin:0 0 24px;
  padding:0;
  list-style:none;
}

.advertise-proof-card{
  min-width:0;
  min-height:160px;
  padding:18px 14px;
  display:grid;
  grid-template-columns:40px minmax(0,1fr);
  grid-template-rows:auto 1fr;
  align-content:start;
  column-gap:10px;
  row-gap:15px;
}

.advertise-proof-icon{
  display:block;
  width:40px;
  height:40px;
  object-fit:contain;
}

.advertise-proof-card__heading{
  min-width:0;
  display:grid;
  align-content:center;
  gap:2px;
}

.advertise-proof-card strong{
  color:var(--gold-bright);
  font-family:var(--tvk-font-ui);
  font-size:var(--tvk-public-primary);
  font-weight:600;
  line-height:1.35;
}

.advertise-proof-card--stat strong{
  font-size:22px;
  line-height:1;
}

.advertise-proof-card__subtitle{
  color:var(--secondary);
  font-family:var(--tvk-font-ui);
  font-size:var(--tvk-public-small);
  line-height:1.35;
}

.advertise-proof-card p{
  grid-column:1/-1;
  margin:0;
  color:var(--secondary);
  font-family:var(--tvk-font-ui);
  font-size:var(--tvk-public-small);
  font-weight:400;
  line-height:1.45;
}

@media(min-width:721px) and (max-width:920px){
  .advertise-proof-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media(max-width:720px){
  .advertise-proof-grid{
    grid-template-columns:1fr;
  }

  .advertise-proof-card{
    min-height:112px;
  }
}
/* TV KADR - PUB-09 PROOF POINTS END */

/* TV KADR - PUB-09 PUBLIC SELECT SIZE RESTORE START */
.advertise-form-card .advertise-select-control{
  width:100%;
  min-width:0;
}

.advertise-form-card .advertise-select-control .public-select__trigger{
  box-sizing:border-box;
  width:100%;
  height:42px;
  min-height:42px;
}

.advertise-form-card .advertise-select-control .public-select__menu{
  box-sizing:border-box;
  width:100%;
  min-width:100%;
}
/* TV KADR - PUB-09 PUBLIC SELECT SIZE RESTORE END */

/* PUB-10 RESULT CARDS START */
.search-result-card{
  display:grid;
  grid-template-columns:225px minmax(0,1fr) 38px;
  gap:14px;
  min-height:128px;
  padding:8px 10px;
  align-items:center;
  background:#08090a;
  transition:border-color .18s ease,background-color .18s ease;
}

.search-result-card:hover{
  border-color:var(--gold-bright);
  background:#0a0b0c;
}

.search-result-card__image{
  display:block;
  width:100%;
  height:112px;
  overflow:hidden;
  background-size:cover;
  background-position:center;
  position:relative;
}

.search-result-card__copy{min-width:0}

.search-result-card__eyebrow{
  display:flex;
  align-items:center;
  gap:9px;
  min-height:16px;
}

.search-result-card__eyebrow small{
  color:var(--gold-bright);
  font-family:var(--tvk-font-ui);
  font-size:var(--tvk-public-small);
  font-weight:700;
  line-height:1.35;
}

.search-result-card__club{
  padding:2px 5px;
  border:1px solid var(--gold-dark);
  color:var(--gold-bright);
  font-family:var(--tvk-font-ui);
  font-size:var(--tvk-public-micro);
  line-height:1;
}

.search-result-card__title{
  display:block;
  min-width:0;
}

.search-result-card__title h2{
  margin:4px 0 5px;
  transition:color .18s ease;
}

.search-result-card__title:hover h2{color:var(--gold-bright)}

.search-result-card__meta{
  display:flex;
  align-items:center;
  gap:14px;
  min-height:16px;
}

.search-result-card__meta time,
.search-result-card__meta .meta-stat{
  color:var(--muted);
  font-family:var(--tvk-font-ui);
  font-size:var(--tvk-public-meta);
  font-weight:400;
  line-height:1.35;
}

.search-result-card__copy p{
  display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  margin:5px 0 0;
}

.search-result-card__action{
  align-self:stretch;
  display:flex;
  align-items:center;
  justify-content:center;
}

.search-result-card__action .save-button--icon-only{
  width:34px;
  min-width:34px;
  height:42px;
  min-height:42px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  display:grid;
  place-items:center;
}

.search-result-card__action .save-button--icon-only:hover{
  border:0;
  background:transparent;
}

.search-result-card__action .save-button--icon-only:focus-visible{
  outline:1px solid var(--gold-bright);
  outline-offset:2px;
}

.search-result-card__action .ui-save-icon{
  width:18px;
  height:20px;
  flex-basis:18px;
}

@media(max-width:720px){
  .search-result-card{
    grid-template-columns:118px minmax(0,1fr) 34px;
    gap:10px;
    min-height:105px;
    padding:8px;
  }

  .search-result-card__image{height:88px}
  .search-result-card__copy p{display:none}
  .search-result-card__meta{gap:9px}
}

@media(max-width:480px){
  .search-result-card{
    grid-template-columns:96px minmax(0,1fr) 30px;
    gap:8px;
  }

  .search-result-card__image{height:78px}
  .search-result-card__meta .meta-stat--comments{display:none}
  .search-result-card__action .save-button--icon-only{
    width:30px;
    min-width:30px;
  }
}
/* PUB-10 RESULT CARDS END */

/* PUB-10 SAVE VISUAL STATE START */

.save-button .ui-save-icon{
  transition:
    color .16s ease,
    opacity .16s ease,
    transform .16s ease,
    filter .16s ease;
}

.save-button:not(.active):not([aria-pressed="true"]) .ui-save-icon{
  opacity:.72;
}

.save-button.active .ui-save-icon,
.save-button[aria-pressed="true"] .ui-save-icon,
.save-button .ui-save-icon.is-saved{
  color:var(--gold-bright);
  opacity:1;
  background-color:currentColor;
  mask-image:none;
  -webkit-mask-image:none;
  clip-path:polygon(
    11% 3%,
    89% 3%,
    89% 97%,
    50% 74%,
    11% 97%
  );
  -webkit-clip-path:polygon(
    11% 3%,
    89% 3%,
    89% 97%,
    50% 74%,
    11% 97%
  );
  filter:drop-shadow(0 0 4px rgba(240,160,0,.38));
}

.search-result-card__action .save-button--icon-only.active,
.search-result-card__action .save-button--icon-only[aria-pressed="true"]{
  border-radius:3px;
  background:rgba(240,160,0,.13);
  box-shadow:inset 0 0 0 1px rgba(240,160,0,.48);
}

.search-result-card__action .save-button--icon-only:not(.active):not([aria-pressed="true"]):hover .ui-save-icon{
  opacity:1;
  transform:translateY(-1px);
}

.search-result-card__action .save-button--icon-only.active:hover,
.search-result-card__action .save-button--icon-only[aria-pressed="true"]:hover{
  background:rgba(240,160,0,.2);
  box-shadow:inset 0 0 0 1px var(--gold-bright);
}

/* PUB-10 SAVE VISUAL STATE END */

/* PUB-10 — SEARCH FILTER PANEL START */
.search-filter{
  padding:18px;
  top:78px;
}

.search-filter h2{
  margin:0 0 14px;
}

.search-filter form{
  display:grid;
  gap:0;
}

.search-filter__field{
  display:grid;
  gap:6px;
  margin-bottom:15px;
  color:var(--secondary);
  font-family:var(--tvk-font-ui);
  font-size:var(--tvk-public-small);
  line-height:1.4;
}

.search-filter__query{
  position:relative;
  display:block;
}

.search-filter__query input{
  width:100%;
  height:42px;
  min-height:42px;
  padding:0 38px 0 12px;
  border:1px solid var(--gold-dark);
  background:#070809;
  color:var(--text);
  font:inherit;
  outline:0;
}

.search-filter__query input::-webkit-search-cancel-button{
  display:none;
}

.search-filter__query input:focus{
  border-color:var(--gold-bright);
  box-shadow:0 0 0 1px rgba(244,178,19,.15);
}

.search-filter__query button{
  position:absolute;
  top:50%;
  right:8px;
  width:28px;
  height:28px;
  transform:translateY(-50%);
  border:0;
  background:transparent;
  color:var(--muted);
  font-size:21px;
  line-height:1;
  cursor:pointer;
}

.search-filter__query button:hover,
.search-filter__query button:focus-visible{
  color:var(--gold-bright);
}

.search-filter__group{
  min-width:0;
  margin:0;
  padding:14px 0;
  border:0;
  border-top:1px solid rgba(145,100,12,.48);
}

.search-filter__group legend{
  width:100%;
  margin:0;
  padding:0 0 9px;
  color:var(--text);
  font-family:var(--tvk-font-ui);
  font-size:var(--tvk-public-secondary);
  font-weight:500;
  line-height:1.4;
}

.search-filter__options{
  display:grid;
  gap:7px;
}

.search-filter .search-filter__option{
  display:grid;
  grid-template-columns:16px minmax(0,1fr) auto;
  align-items:center;
  gap:9px;
  color:var(--secondary);
  font-family:var(--tvk-font-ui);
  font-size:var(--tvk-public-small);
  line-height:1.35;
  cursor:pointer;
}

.search-filter .search-filter__option:hover{
  color:var(--text);
}

.search-filter .search-filter__option input{
  appearance:none;
  -webkit-appearance:none;
  width:16px;
  min-width:16px;
  height:16px;
  min-height:16px;
  margin:0;
  padding:0;
  border:1px solid #6a4a0d;
  background:#070809;
  cursor:pointer;
}

.search-filter .search-filter__option--square input{
  border-radius:2px;
}

.search-filter .search-filter__option--square input:checked{
  border-color:var(--gold-bright);
  background:
    var(--gold-bright)
    url("/assets/advertise/form-check.svg")
    center/12px 12px no-repeat;
}

.search-filter .search-filter__option--round input{
  border-radius:50%;
}

.search-filter .search-filter__option--round input:checked{
  border-color:var(--gold-bright);
  background:
    radial-gradient(
      circle,
      var(--gold-bright) 0 4px,
      transparent 4.5px
    );
}

.search-filter .search-filter__option input:focus-visible{
  outline:2px solid var(--gold-bright);
  outline-offset:2px;
}

.search-filter__option b{
  color:var(--muted);
  font-weight:400;
  font-variant-numeric:tabular-nums;
}

.search-filter__dates{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:11px;
}

.search-filter .search-filter__dates label{
  display:grid;
  gap:5px;
  color:var(--muted);
  font-family:var(--tvk-font-ui);
  font-size:var(--tvk-public-micro);
  line-height:1.3;
}

.search-filter .search-filter__dates input{
  width:100%;
  height:36px;
  min-height:36px;
  padding:0 7px;
  border:1px solid var(--gold-dark);
  background:#070809;
  color:var(--text);
  font-family:var(--tvk-font-ui);
  font-size:10px;
  outline:0;
  color-scheme:dark;
}

.search-filter .search-filter__dates input:focus{
  border-color:var(--gold-bright);
}

.search-filter__actions{
  display:grid;
  gap:11px;
  padding-top:14px;
  border-top:1px solid rgba(145,100,12,.48);
}

.search-filter__actions .button{
  width:100%;
  min-height:44px;
}

.search-filter .search-reset{
  display:flex;
  align-items:center;
  gap:8px;
  width:max-content;
  margin:0;
  color:var(--secondary);
  font-family:var(--tvk-font-ui);
  font-size:var(--tvk-public-small);
  line-height:1.4;
}

.search-filter .search-reset:hover{
  color:var(--gold-bright);
}

@media(max-width:1050px){
  .search-filter form{
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:24px;
  }

  .search-filter__field,
  .search-filter__actions{
    grid-column:1/-1;
  }
}

@media(max-width:720px){
  .search-filter form{
    grid-template-columns:1fr;
  }

  .search-filter__field,
  .search-filter__actions{
    grid-column:auto;
  }

  .search-filter__dates{
    grid-template-columns:1fr 1fr;
  }
}
/* PUB-10 — SEARCH FILTER PANEL END */

/* PUB-10 — RESET CONTROL FIX START */
.search-filter .search-reset{
  padding:0;
  border:0;
  background:transparent;
  appearance:none;
  -webkit-appearance:none;
  text-align:left;
  font-family:var(--tvk-font-ui);
  font-size:var(--tvk-public-small);
  font-weight:400;
  line-height:1.4;
  white-space:nowrap;
  cursor:pointer;
}

.search-filter .search-reset__icon{
  display:block;
  width:17px;
  min-width:17px;
  height:17px;
  color:var(--gold-bright);
  stroke:currentColor;
}

.search-filter .search-reset:focus-visible{
  outline:2px solid var(--gold-bright);
  outline-offset:4px;
}
/* PUB-10 — RESET CONTROL FIX END */

/* PUB-10 — FULL CARD LINK START */
.search-result-card{
  position:relative;
  cursor:pointer;
}

.search-result-card__overlay-link{
  position:absolute;
  inset:0;
  z-index:1;
  border-radius:inherit;
}

.search-result-card__overlay-label{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip-path:inset(50%);
  white-space:nowrap;
  border:0;
}

.search-result-card__action{
  position:relative;
  z-index:2;
  pointer-events:none;
}

.search-result-card__action .save-button--icon-only{
  pointer-events:auto;
}

.search-result-card:hover .search-result-card__title,
.search-result-card:focus-within .search-result-card__title{
  color:var(--gold-bright);
}

.search-result-card:focus-within{
  border-color:var(--gold-bright);
  background:#0a0b0c;
}

.search-result-card__overlay-link:focus-visible{
  outline:2px solid var(--gold-bright);
  outline-offset:2px;
}
/* PUB-10 — FULL CARD LINK END */

/* === TV KADR USR-02 REGISTRATION HERO START === */

.auth-hero--register {
  grid-template-columns: 50% 50%;
  min-height: 720px;
  background: #050607;
}

.auth-hero--register .auth-hero__intro {
  padding: 40px 42px 34px;
  background:
    radial-gradient(
      circle at 69% 31%,
      rgba(240, 160, 0, 0.18),
      transparent 34%
    ),
    linear-gradient(
      90deg,
      rgba(4, 5, 5, 0.98) 0%,
      rgba(4, 5, 5, 0.82) 45%,
      rgba(4, 5, 5, 0.48) 100%
    ),
    url("/brand/news-map-approved.webp")
      60% 50% / cover no-repeat;
}

.auth-hero--register .auth-hero__intro .eyebrow {
  display: none;
}

.auth-hero--register .auth-hero__intro h1 {
  margin: 0 0 18px;
}

.auth-hero--register .auth-hero__intro h1 em {
  color: var(--text);
}

.auth-hero--register .auth-hero__intro > p {
  margin-bottom: 28px;
}

.auth-hero--register .auth-benefits {
  gap: 0;
  border-top: 1px solid var(--align-line);
}

.auth-hero--register .auth-benefits li {
  min-height: 78px;
  padding: 13px 0;
  border-bottom: 1px solid var(--align-line);
}

.auth-hero--register .auth-benefits li > b {
  width: 54px;
  height: 54px;
  border-radius: 50%;
}

.auth-hero--register .auth-benefit-icon {
  width: 27px;
  height: 27px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.auth-hero--register .auth-panel {
  align-self: stretch;
  justify-content: flex-start;
  margin: 20px 20px 20px 0;
  padding: 20px 22px;
  border: 1px solid var(--align-line);
  border-radius: 4px;
  background: rgba(7, 9, 10, 0.96);
}

.auth-hero--register .auth-tabs {
  margin-bottom: 18px;
}

.auth-hero--register .auth-tabs > * {
  padding: 11px 8px;
}

.auth-hero--register .auth-tabs .active {
  color: var(--gold-bright);
}

.auth-hero--register .auth-form {
  gap: 10px;
}

.auth-hero--register
  .auth-form
  > label:not(.check-line) {
  gap: 5px;
}

.auth-hero--register
  .auth-form
  input[type="email"],
.auth-hero--register
  .auth-form
  input[type="password"],
.auth-hero--register
  .auth-form
  input[type="text"],
.auth-hero--register
  .auth-form
  input:not([type]) {
  width: 100%;
  height: 46px;
  padding-right: 46px;
  border-color: color-mix(
    in srgb,
    var(--gold-dark) 58%,
    var(--border)
  );
}

.auth-hero--register
  .auth-form
  input::-ms-reveal,
.auth-hero--register
  .auth-form
  input::-ms-clear {
  display: none;
}

.auth-field-control {
  position: relative;
  display: block;
}

.auth-field-valid,
.auth-password-toggle {
  position: absolute;
  right: 13px;
  top: 50%;
  transform: translateY(-50%);
}

.auth-field-valid {
  display: grid;
  width: 22px;
  height: 22px;
  place-items: center;
  color: var(--success);
  pointer-events: none;
}

.auth-field-valid svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.auth-password-toggle {
  display: grid;
  width: 30px;
  height: 30px;
  padding: 0;
  place-items: center;
  border: 0;
  background: transparent;
  color: #a68a50;
  cursor: pointer;
}

.auth-password-toggle:hover,
.auth-password-toggle:focus-visible {
  color: var(--gold-bright);
}

.auth-password-toggle:focus-visible {
  outline: 1px solid var(--gold-bright);
  outline-offset: 2px;
}

.auth-password-toggle svg {
  width: 21px;
  height: 21px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.auth-password-strength {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
}

.auth-password-strength .password-meter {
  min-width: 0;
}

.password-strength-label {
  min-width: 78px;
  color: var(--secondary);
  font-size: 10px;
  line-height: 1.3;
  text-align: right;
}

.password-strength-label:empty {
  visibility: hidden;
}

.password-strength-label--4 {
  color: var(--success);
}

.auth-hero--register .field-hint {
  min-height: 14px;
  font-size: 10px;
}

.auth-hero--register .check-line {
  display: grid !important;
  grid-template-columns: 16px minmax(0, 1fr);
  gap: 9px;
  align-items: start;
  line-height: 1.4;
  cursor: pointer;
}

.auth-hero--register
  .check-line
  input[type="checkbox"] {
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
  margin: 1px 0 0;
  padding: 0;
  appearance: none;
  -webkit-appearance: none;
  border: 1px solid #6a4a0d;
  border-radius: 2px;
  background-color: #070809;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px 12px;
  cursor: pointer;
}

.auth-hero--register
  .check-line
  input[type="checkbox"]:checked {
  border-color: var(--gold-bright);
  background-color: var(--gold-bright);
  background-image:
    url("/assets/advertise/form-check.svg");
}

.auth-hero--register
  .check-line
  input[type="checkbox"]:focus-visible {
  outline: 2px solid var(--gold-bright);
  outline-offset: 2px;
}

.auth-hero--register .auth-security-note {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
}

.auth-security-icon {
  position: relative;
  display: inline-block;
  width: 12px;
  height: 10px;
  flex: 0 0 12px;
  margin-top: 4px;
  border: 1px solid #a68a50;
  border-radius: 2px;
}

.auth-security-icon::before {
  position: absolute;
  left: 2px;
  top: -7px;
  width: 6px;
  height: 7px;
  content: "";
  border: 1px solid #a68a50;
  border-bottom: 0;
  border-radius: 6px 6px 0 0;
}

@media (max-width: 1050px) {
  .auth-hero--register {
    grid-template-columns: 1fr;
    min-height: 0;
  }

  .auth-hero--register .auth-panel {
    margin: 0 20px 20px;
  }
}

@media (max-width: 720px) {
  .auth-hero--register .auth-hero__intro {
    padding: 24px 20px;
  }

  .auth-hero--register .auth-panel {
    margin: 0 10px 10px;
    padding: 22px 16px;
  }

  .auth-hero--register .auth-benefits li {
    min-height: 70px;
  }

  .auth-hero--register .auth-benefits li > b {
    width: 44px;
    height: 44px;
  }

  .auth-hero--register .auth-benefit-icon {
    width: 23px;
    height: 23px;
  }

  .auth-hero--register .auth-password-strength {
    gap: 8px;
  }

  .password-strength-label {
    min-width: 70px;
  }

  .auth-hero--register .auth-security-note {
    align-items: flex-start;
  }
}

/* === TV KADR USR-02 REGISTRATION HERO END === */

/* === TV KADR USR-02 ACCOUNT BENEFITS START === */

.auth-info-grid--aligned {
  gap: 12px;
  margin-top: 16px;
}

.auth-info-grid--aligned article {
  min-height: 132px;
  padding: 18px 20px;
  grid-template-columns: 54px minmax(0, 1fr);
  gap: 16px;
  align-items: center;
}

.auth-info-grid--aligned article > div {
  display: block;
  min-width: 0;
}

.auth-info-icon {
  display: grid;
  width: 50px;
  height: 50px;
  place-items: center;
  align-self: center;
  color: var(--gold-bright);
  border: 1px solid var(--gold-dark);
  border-radius: 50%;
}

.auth-info-icon svg {
  width: 25px;
  height: 25px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.auth-info-grid--aligned h2 {
  margin: 0 0 7px;
  color: var(--text);
  font-family: var(--tvk-font-ui);
  font-size: var(--tvk-public-primary);
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: 0;
}

.auth-info-grid--aligned p {
  margin: 0;
  color: var(--secondary);
  font-family: var(--tvk-font-ui);
  font-size: var(--tvk-public-small);
  font-weight: 400;
  line-height: 1.45;
  letter-spacing: 0;
}

@media (max-width: 720px) {
  .auth-info-grid--aligned article {
    min-height: 0;
    padding: 18px;
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 13px;
  }

  .auth-info-icon {
    width: 44px;
    height: 44px;
  }

  .auth-info-icon svg {
    width: 22px;
    height: 22px;
  }
}

/* === TV KADR USR-02 ACCOUNT BENEFITS END === */

/* === TV KADR USR-02 LOWER CARD EFFECTS START === */

/*
  Постоянный внутренний эффект применяется ко всем пяти карточкам.
  Внешняя реакция применяется только к двум активным CTA-карточкам.
*/
.auth-page--aligned .auth-lower-card {
  background:
    radial-gradient(
      circle at 22% 18%,
      rgba(228, 161, 0, .11),
      rgba(228, 161, 0, 0) 45%
    ),
    linear-gradient(
      180deg,
      #0d1013 0%,
      #080a0c 58%,
      #060708 100%
    );
}

/*
  Повышенная специфичность сбрасывает старые правила для span,
  из-за которых SVG был прижат к нижней части круга.
*/
.auth-page--aligned
.auth-info-grid--aligned
article
>
.auth-card-icon,
.auth-page--aligned
.auth-cta-card
>
.auth-card-icon {
  display: grid;
  flex: none;
  place-items: center;
  align-self: center;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--gold-bright);
  font-size: 0;
  line-height: 0;
  border: 1px solid var(--gold-dark);
  border-radius: 50%;
}

.auth-page--aligned .auth-card-icon--compact {
  width: 50px;
  height: 50px;
}

.auth-page--aligned .auth-card-icon--large {
  width: 62px;
  height: 62px;
}

.auth-page--aligned .auth-card-icon svg {
  display: block;
  width: 27px;
  height: 27px;
  margin: 0;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
  transform: translateY(-1px);
}

.auth-page--aligned .auth-card-icon--large svg {
  width: 30px;
  height: 30px;
}

.auth-page--aligned .auth-card-icon__fill {
  fill: currentColor;
  stroke: none;
}

/* Только активные карточки получают внешнюю реакцию. */
.auth-page--aligned .auth-lower-card--active {
  transition: border-color .16s ease;
}

.auth-page--aligned .auth-lower-card--active:focus-within {
  border-color: #e69b00;
}

@media (hover: hover) and (pointer: fine) {
  .auth-page--aligned .auth-lower-card--active:hover {
    border-color: #e69b00;
  }
}

@media (max-width: 720px) {
  .auth-page--aligned .auth-card-icon--compact,
  .auth-page--aligned .auth-card-icon--large {
    width: 44px;
    height: 44px;
  }

  .auth-page--aligned .auth-card-icon svg,
  .auth-page--aligned .auth-card-icon--large svg {
    width: 23px;
    height: 23px;
  }
}

/* === TV KADR USR-02 LOWER CARD EFFECTS END === */

/* === TV KADR USR-02 SHARED NEWSLETTER START === */

/*
  Регистрация, вход и восстановление используют общий компонент подписки.
*/
:is(.auth-page--aligned, .auth-recovery-page) .auth-newsletter--shared {
  margin-top: 14px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  min-height: 105px;
  padding: 18px 24px;
  display: grid;
  grid-template-columns:
    54px
    minmax(0, 1fr)
    minmax(320px, 420px);
  gap: 18px;
  align-items: center;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
}

:is(.auth-page--aligned, .auth-recovery-page) .auth-newsletter--shared > * {
  position: relative;
  z-index: 1;
}

:is(.auth-page--aligned, .auth-recovery-page)
.auth-newsletter--shared
>
.promo-icon {
  width: 38px;
  height: 38px;
  margin: 0;
  padding: 0;
  justify-self: center;
  align-self: center;
}

:is(.auth-page--aligned, .auth-recovery-page)
.auth-newsletter--shared
>
.promo-copy {
  min-width: 0;
}

:is(.auth-page--aligned, .auth-recovery-page)
.auth-newsletter--shared
>
.mail-form {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  height: 44px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 130px;
  align-items: stretch;
  overflow: hidden;
  box-sizing: border-box;
}

:is(.auth-page--aligned, .auth-recovery-page)
.auth-newsletter--shared
>
.mail-form
input {
  width: 100%;
  min-width: 0;
  height: 44px;
  padding: 0 14px;
  color: var(--text);
  background: #070809;
  border: 1px solid var(--gold-dark);
  border-right: 0;
  outline: none;
  box-sizing: border-box;
  font-family: var(--tvk-font-ui);
  font-size: var(--tvk-public-secondary);
}

:is(.auth-page--aligned, .auth-recovery-page)
.auth-newsletter--shared
>
.mail-form
input:focus {
  border-color: var(--gold-bright);
}

:is(.auth-page--aligned, .auth-recovery-page)
.auth-newsletter--shared
>
.mail-form
button {
  width: 100%;
  min-width: 0;
  height: 44px;
  min-height: 44px;
  padding-inline: 12px;
  white-space: nowrap;
  box-sizing: border-box;
}

/*
  Иллюстрация сети пользователей в карточке
  «Один профиль для платформы».
*/
:is(.auth-page--aligned, .auth-recovery-page)
.auth-cta-card--network::after {
  inset: 0 -1px 0 auto;
  width: 44%;
  height: 100%;
  opacity: .95;
  background:
    linear-gradient(
      90deg,
      #080a0c 0%,
      rgba(8, 10, 12, .82) 24%,
      rgba(8, 10, 12, .24) 58%,
      rgba(8, 10, 12, 0) 100%
    ) left center / 100% 100% no-repeat,
    url("/assets/auth/account-network-usr02.svg")
      center / cover no-repeat;
}

@media (max-width: 1050px) {
  :is(.auth-page--aligned, .auth-recovery-page) .auth-newsletter--shared {
    grid-template-columns: 54px minmax(0, 1fr);
  }

  :is(.auth-page--aligned, .auth-recovery-page)
  .auth-newsletter--shared
  >
  .mail-form {
    grid-column: 2 / -1;
    max-width: 520px;
  }
}

@media (max-width: 720px) {
  :is(.auth-page--aligned, .auth-recovery-page) .auth-newsletter--shared {
    grid-template-columns: 42px minmax(0, 1fr);
    padding: 16px;
    gap: 13px;
  }

  :is(.auth-page--aligned, .auth-recovery-page)
  .auth-newsletter--shared
  >
  .promo-icon {
    width: 32px;
    height: 32px;
  }

  :is(.auth-page--aligned, .auth-recovery-page)
  .auth-newsletter--shared
  >
  .mail-form {
    grid-column: 1 / -1;
    max-width: none;
    grid-template-columns: minmax(0, 1fr) 118px;
  }

  :is(.auth-page--aligned, .auth-recovery-page)
  .auth-cta-card--network::after {
    width: 58%;
    opacity: .48;
  }
}

/* === TV KADR USR-02 SHARED NEWSLETTER END === */

/* === TV KADR USR-02 PROFILE CTA ICON START === */

.auth-cta-icon--profile {
  display: grid;
  width: 62px;
  height: 62px;
  flex: 0 0 62px;
  place-items: center;
  align-self: center;
  color: var(--gold-bright);
  border: 1px solid var(--gold-dark);
  border-radius: 50%;
  box-sizing: border-box;
}

.auth-cta-icon--profile svg {
  display: block;
  width: 30px;
  height: 30px;
  overflow: visible;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.65;
  stroke-linecap: round;
  stroke-linejoin: round;
}

@media (max-width: 720px) {
  .auth-cta-icon--profile {
    width: 54px;
    height: 54px;
    flex-basis: 54px;
  }

  .auth-cta-icon--profile svg {
    width: 27px;
    height: 27px;
  }
}

/* === TV KADR USR-02 PROFILE CTA ICON END === */

/* === TV KADR USR-01 LOGIN TOP START === */

.auth-hero--login {
  grid-template-columns: 50% 50%;
  min-height: 570px;
  background: #050607;
}

.auth-hero--login .auth-hero__intro {
  padding: 40px 42px 34px;
  background:
    radial-gradient(
      circle at 79% 45%,
      rgba(240, 160, 0, .18),
      transparent 31%
    ),
    linear-gradient(
      90deg,
      rgba(4, 5, 5, .99) 0%,
      rgba(4, 5, 5, .88) 43%,
      rgba(4, 5, 5, .47) 100%
    ),
    url("/brand/news-map-approved.webp")
      62% 50% / cover no-repeat;
}

.auth-hero--login .auth-hero__intro h1 {
  margin: 0 0 18px;
}

.auth-hero--login .auth-hero__intro h1 em {
  color: var(--gold-bright);
}

.auth-hero--login .auth-hero__intro > p {
  max-width: 475px;
  margin-bottom: 24px;
}

.auth-hero--login .auth-benefits {
  gap: 0;
  border-top: 1px solid var(--align-line);
}

.auth-hero--login .auth-benefits li {
  min-height: 70px;
  padding: 10px 0;
  border-bottom: 1px solid var(--align-line);
}

.auth-hero--login .auth-benefits li > b {
  width: 48px;
  height: 48px;
  border-radius: 5px;
  font-size: 0;
  line-height: 0;
}

.auth-hero--login .auth-benefit-icon {
  display: block;
  width: 26px;
  height: 26px;
  margin: 0;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.auth-hero--login .auth-panel {
  align-self: stretch;
  justify-content: flex-start;
  margin: 20px 20px 20px 0;
  padding: 20px 22px;
  border: 1px solid var(--align-line);
  border-radius: 4px;
  background: rgba(7, 9, 10, .96);
}

.auth-hero--login .auth-tabs {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-bottom: 30px;
}

.auth-hero--login .auth-tabs > * {
  display: grid;
  min-width: 0;
  min-height: 46px;
  padding: 9px 5px;
  place-items: center;
}

.auth-hero--login .auth-tabs > :last-child {
  color: var(--gold-bright);
}

.auth-hero--login .auth-tabs .active {
  color: var(--text);
}

.auth-hero--login .auth-login-form {
  gap: 18px;
}

.auth-hero--login .auth-login-field {
  position: relative;
  display: block;
  min-width: 0;
}

.auth-hero--login .auth-login-label {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  border: 0;
}

.auth-hero--login .auth-field-control {
  position: relative;
  display: block;
  width: 100%;
}

.auth-hero--login .auth-login-field input {
  width: 100%;
  height: 52px;
  padding: 0 14px;
  border-color:
    color-mix(
      in srgb,
      var(--gold-dark) 58%,
      var(--border)
    );
  background: #070809;
  box-sizing: border-box;
}

.auth-hero--login
.auth-login-field--password
input {
  padding-right: 46px;
}

.auth-hero--login
.auth-login-field
input::-ms-reveal,
.auth-hero--login
.auth-login-field
input::-ms-clear {
  display: none;
}

.auth-hero--login
.auth-login-field
input:-webkit-autofill {
  -webkit-text-fill-color: var(--text);
  box-shadow: 0 0 0 1000px #070809 inset;
  caret-color: var(--text);
}

.auth-hero--login .auth-form__meta {
  justify-content: flex-start;
  margin-top: 1px;
}

.auth-hero--login .check-line {
  display: grid !important;
  grid-template-columns: 16px minmax(0, 1fr);
  gap: 9px;
  align-items: center;
  line-height: 1.4;
  cursor: pointer;
}

.auth-hero--login
.check-line
input[type="checkbox"] {
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
  margin: 0;
  padding: 0;
  appearance: none;
  -webkit-appearance: none;
  border: 1px solid #6a4a0d;
  border-radius: 2px;
  background-color: #070809;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px 12px;
  cursor: pointer;
}

.auth-hero--login
.check-line
input[type="checkbox"]:checked {
  border-color: var(--gold-bright);
  background-color: var(--gold-bright);
  background-image:
    url("/assets/advertise/form-check.svg");
}

.auth-hero--login
.check-line
input[type="checkbox"]:focus-visible {
  outline: 2px solid var(--gold-bright);
  outline-offset: 2px;
}

.auth-hero--login .check-line span {
  display: block;
}

.auth-hero--login .auth-submit {
  min-height: 52px;
}

.auth-hero--login .auth-panel-note {
  max-width: 470px;
  margin-inline: auto;
}

@media (max-width: 1050px) {
  .auth-hero--login {
    grid-template-columns: 1fr;
    min-height: 0;
  }

  .auth-hero--login .auth-hero__intro {
    min-height: 540px;
  }

  .auth-hero--login .auth-panel {
    margin: 0 20px 20px;
    padding: 28px 26px;
    border-left: 1px solid var(--align-line);
    border-top: 1px solid var(--align-line);
  }
}

@media (max-width: 720px) {
  .auth-hero--login .auth-hero__intro {
    min-height: 0;
    padding: 28px 20px;
    background-position: 66% 50%;
  }

  .auth-hero--login .auth-benefits li {
    min-height: 66px;
    padding: 9px 0;
  }

  .auth-hero--login .auth-benefits li > b {
    width: 44px;
    height: 44px;
  }

  .auth-hero--login .auth-benefit-icon {
    width: 23px;
    height: 23px;
  }

  .auth-hero--login .auth-panel {
    margin: 0 10px 10px;
    padding: 24px 16px;
  }

  .auth-hero--login .auth-tabs {
    margin-bottom: 26px;
  }

  .auth-hero--login .auth-tabs > * {
    min-height: 44px;
    padding-inline: 4px;
    font-size: 11px;
  }
}

@media (max-width: 430px) {
  .auth-hero--login .auth-tabs {
    grid-template-columns: .85fr .95fr 1.35fr;
  }

  .auth-hero--login .auth-tabs > * {
    font-size: 10px;
    line-height: 1.25;
  }
}

/* === TV KADR USR-01 LOGIN TOP END === */

/* === TV KADR AUTH TITLE COLORS START === */

/*
  Названия экранов — фирменный жёлтый.
  Название TV KADR — белое.
*/
.auth-hero--login .auth-hero__intro h1,
.auth-hero--register .auth-hero__intro h1 {
  color: var(--gold-bright);
}

.auth-hero--login .auth-hero__intro h1 em,
.auth-hero--register .auth-hero__intro h1 em {
  color: var(--text);
}

/* === TV KADR AUTH TITLE COLORS END === */

/* === TV KADR AUTH BENEFIT FRAMES START === */

/*
  Единое оформление четырёх иконок
  на страницах входа и регистрации.
*/
.auth-hero--login .auth-benefits li > b,
.auth-hero--register .auth-benefits li > b {
  display: grid;
  width: 48px;
  height: 48px;
  padding: 0;
  place-items: center;
  box-sizing: border-box;
  border: 1px solid var(--gold-dark);
  border-radius: 5px;
  color: var(--gold-bright);
  font-size: 0;
  line-height: 0;
}

.auth-hero--login .auth-benefit-icon,
.auth-hero--register .auth-benefit-icon {
  display: block;
  width: 26px;
  height: 26px;
  margin: 0;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}

@media (max-width: 720px) {
  .auth-hero--login .auth-benefits li > b,
  .auth-hero--register .auth-benefits li > b {
    width: 44px;
    height: 44px;
  }

  .auth-hero--login .auth-benefit-icon,
  .auth-hero--register .auth-benefit-icon {
    width: 23px;
    height: 23px;
  }
}

/* === TV KADR AUTH BENEFIT FRAMES END === */

/* === TV KADR USR-03 RECOVERY TOP START === */

.auth-recovery-page {
  padding-top: 28px;
  padding-bottom: 26px;
}

.auth-recovery-hero {
  min-height: 720px;
  display: grid;
  grid-template-columns: minmax(0, 49%) minmax(0, 51%);
  overflow: hidden;
  background: #07090a;
}

.auth-recovery-intro {
  position: relative;
  isolation: isolate;
  padding: 50px 46px 40px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background:
    linear-gradient(
      90deg,
      rgba(3, 4, 5, 0.98) 0%,
      rgba(3, 4, 5, 0.78) 58%,
      rgba(3, 4, 5, 0.46) 100%
    ),
    url("/brand/news-map-approved.webp")
      59% 50% / cover no-repeat;
}

.auth-recovery-intro::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(
      circle at 70% 27%,
      rgba(238, 160, 0, 0.16),
      transparent 29%
    ),
    linear-gradient(
      180deg,
      transparent 58%,
      rgba(3, 4, 5, 0.58) 100%
    );
}

.auth-recovery-intro__copy h1 {
  margin: 0 0 18px;
  color: var(--text);
  font-family: var(--tvk-font-editorial);
  font-size: var(--tvk-public-page-title);
  font-weight: 400;
  line-height: 1.06;
  letter-spacing: -0.01em;
}

.auth-recovery-intro__copy h1 em {
  color: var(--text);
  font-style: normal;
  font-weight: 400;
}

.auth-recovery-intro__copy > p {
  max-width: 510px;
  margin: 0;
  color: var(--secondary);
  font-family: var(--tvk-font-ui);
  font-size: var(--tvk-public-larger);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
}

.auth-recovery-benefits {
  margin: 34px 0 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid var(--align-line);
}

.auth-recovery-benefits li {
  min-height: 100px;
  padding: 17px 0;
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  gap: 18px;
  align-items: center;
  border-bottom: 1px solid var(--align-line);
}

.auth-recovery-benefit-frame {
  width: 56px;
  height: 56px;
  display: grid;
  place-items: center;
  color: var(--gold-bright);
  border: 1px solid var(--gold-dark);
  border-radius: 50%;
  background: rgba(4, 5, 6, 0.74);
}

.auth-recovery-benefit-icon {
  width: 27px;
  height: 27px;
  display: block;
  overflow: visible;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.auth-recovery-benefit-icon circle {
  fill: currentColor;
  stroke: none;
}

.auth-recovery-benefits strong {
  display: block;
  margin-bottom: 5px;
  color: var(--text);
  font-family: var(--tvk-font-ui);
  font-size: var(--tvk-public-primary);
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0;
}

.auth-recovery-benefits small {
  display: block;
  max-width: 430px;
  color: var(--secondary);
  font-family: var(--tvk-font-ui);
  font-size: var(--tvk-public-small);
  font-weight: 400;
  line-height: 1.45;
  letter-spacing: 0;
}

.auth-recovery-panel {
  min-width: 0;
  padding: 30px 26px 34px;
  display: flex;
  flex-direction: column;
  border-left: 1px solid var(--align-line);
  background:
    radial-gradient(
      circle at 50% 30%,
      rgba(238, 160, 0, 0.035),
      transparent 38%
    ),
    #07090a;
}

.auth-recovery-steps {
  margin: 0 0 34px;
  padding: 0 6px 24px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  list-style: none;
  border-bottom: 1px solid var(--border);
}

.auth-recovery-steps li {
  position: relative;
  min-width: 0;
  display: grid;
  justify-items: center;
  align-content: start;
  gap: 9px;
  color: var(--muted);
  text-align: center;
}

.auth-recovery-steps li:not(:last-child)::after {
  content: "";
  position: absolute;
  z-index: 0;
  top: 18px;
  left: calc(50% + 25px);
  right: calc(-50% + 25px);
  height: 1px;
  background: #343638;
}

.auth-recovery-steps li.is-complete:not(:last-child)::after {
  background: var(--gold-dark);
}

.auth-recovery-step__marker {
  position: relative;
  z-index: 1;
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border: 1px solid #4a4d50;
  border-radius: 50%;
  background: #07090a;
  color: var(--secondary);
  font-family: var(--tvk-font-ui);
  font-size: 12px;
  line-height: 1;
}

.auth-recovery-step__marker svg {
  width: 19px;
  height: 19px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.auth-recovery-step__label {
  max-width: 110px;
  color: inherit;
  font-family: var(--tvk-font-ui);
  font-size: var(--tvk-public-small);
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: 0;
}

.auth-recovery-steps li.is-active {
  color: var(--text);
}

.auth-recovery-steps li.is-active
.auth-recovery-step__marker {
  color: var(--gold-bright);
  border-color: var(--gold-bright);
}

.auth-recovery-steps li.is-complete {
  color: var(--secondary);
}

.auth-recovery-steps li.is-complete
.auth-recovery-step__marker {
  color: #08090a;
  border-color: var(--gold-bright);
  background: var(--gold-bright);
}

.auth-recovery-panel__content {
  width: 100%;
  max-width: 610px;
  margin: 0 auto;
}

.auth-recovery-panel__heading {
  margin-bottom: 24px;
}

.auth-recovery-panel__heading .eyebrow {
  display: block;
  margin-bottom: 9px;
}

.auth-recovery-panel__heading h2 {
  margin: 0 0 9px;
  color: var(--text);
  font-family: var(--tvk-font-editorial);
  font-size: var(--tvk-public-section-title);
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0;
}

.auth-recovery-panel__heading p {
  margin: 0;
  color: var(--secondary);
  font-family: var(--tvk-font-ui);
  font-size: var(--tvk-public-primary);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
}

.auth-recovery-form {
  display: grid;
  gap: 16px;
}

.auth-recovery-form label {
  display: grid;
  gap: 7px;
  color: var(--secondary);
  font-family: var(--tvk-font-ui);
  font-size: var(--tvk-public-small);
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0;
}

.auth-recovery-form .auth-field-control {
  position: relative;
  display: block;
}

.auth-recovery-form input {
  width: 100%;
  height: 52px;
  box-sizing: border-box;
  padding: 0 50px 0 14px;
  color: var(--text);
  border: 1px solid #403519;
  border-radius: 0;
  outline: none;
  background: #070809;
  font-family: var(--tvk-font-ui);
  font-size: var(--tvk-public-secondary);
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0;
}

.auth-recovery-form input:focus {
  border-color: var(--gold-bright);
  box-shadow: 0 0 0 1px rgba(238, 160, 0, 0.1);
}

.auth-recovery-form input::-ms-reveal,
.auth-recovery-form input::-ms-clear {
  display: none;
}

.auth-recovery-field-valid {
  position: absolute;
  top: 50%;
  right: 15px;
  width: 22px;
  height: 22px;
  display: grid;
  place-items: center;
  color: var(--success);
  pointer-events: none;
  transform: translateY(-50%);
}

.auth-recovery-field-valid--before-toggle {
  right: 47px;
}

.auth-recovery-field-valid svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.auth-recovery-field-hint {
  color: var(--muted);
  font-family: var(--tvk-font-ui);
  font-size: var(--tvk-public-meta);
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0;
}

.auth-recovery-field-hint--error {
  color: #e4473e;
}

.auth-recovery-password-toggle {
  position: absolute;
  top: 50%;
  right: 9px;
  width: 34px;
  height: 34px;
  padding: 0;
  display: grid;
  place-items: center;
  color: #a88337;
  border: 0;
  outline: none;
  background: transparent;
  cursor: pointer;
  transform: translateY(-50%);
}

.auth-recovery-password-toggle:hover,
.auth-recovery-password-toggle:focus-visible {
  color: var(--gold-bright);
}

.auth-recovery-eye-icon {
  width: 21px;
  height: 21px;
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.55;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.auth-recovery-password-summary {
  display: grid;
  gap: 6px;
}

.auth-recovery-password-summary small {
  color: var(--secondary);
  font-family: var(--tvk-font-ui);
  font-size: var(--tvk-public-meta);
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: 0;
}

.auth-recovery-password-meter {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 5px;
}

.auth-recovery-password-meter i {
  height: 4px;
  border-radius: 10px;
  background: #292c2e;
}

.auth-recovery-password-meter i.is-active {
  background: var(--gold-bright);
}

.auth-recovery-actions {
  display: grid;
  gap: 10px;
  margin-top: 2px;
}

.auth-recovery-actions .button {
  width: 100%;
  min-height: 48px;
}

.auth-recovery-security-note {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: var(--muted);
  text-align: center;
  font-family: var(--tvk-font-ui);
  font-size: var(--tvk-public-meta);
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0;
}

.auth-recovery-security-note svg {
  width: 19px;
  height: 19px;
  flex: none;
  fill: none;
  stroke: var(--gold-dark);
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.auth-recovery-register-link {
  margin: 0;
  color: var(--secondary);
  text-align: center;
  font-family: var(--tvk-font-ui);
  font-size: var(--tvk-public-small);
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0;
}

.auth-recovery-register-link a,
.auth-recovery-text-link {
  color: var(--gold-bright);
}

.auth-recovery-text-link {
  justify-self: center;
  font-family: var(--tvk-font-ui);
  font-size: var(--tvk-public-small);
  line-height: 1.4;
  text-decoration: none;
}

.auth-recovery-result {
  padding: 22px;
  display: grid;
  justify-items: stretch;
  gap: 12px;
  border: 1px solid #315d35;
  background: #08120a;
  color: #b9d8bb;
}

.auth-recovery-result__icon {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  color: #7fd187;
  border: 1px solid #315d35;
  border-radius: 50%;
  background: rgba(49, 93, 53, 0.14);
}

.auth-recovery-result__icon svg {
  width: 27px;
  height: 27px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.auth-recovery-result > strong {
  color: #c5e0c7;
  font-family: var(--tvk-font-ui);
  font-size: var(--tvk-public-primary);
  font-weight: 600;
  line-height: 1.4;
}

.auth-recovery-result > p,
.auth-recovery-result > small {
  margin: 0;
  font-family: var(--tvk-font-ui);
  font-weight: 400;
  letter-spacing: 0;
}

.auth-recovery-result > p {
  color: #b9d8bb;
  font-size: var(--tvk-public-primary);
  line-height: 1.5;
}

.auth-recovery-result > small {
  color: #7d9b80;
  font-size: var(--tvk-public-meta);
  line-height: 1.4;
}

.auth-recovery-result .button {
  width: 100%;
  min-height: 46px;
}

.auth-recovery-token-error {
  display: grid;
  gap: 9px;
}

.auth-recovery-token-error strong,
.auth-recovery-token-error span {
  display: block;
}

.auth-recovery-token-error .button {
  margin-top: 4px;
}

@media (max-width: 1050px) {
  .auth-recovery-hero {
    min-height: 0;
    grid-template-columns: 1fr;
  }

  .auth-recovery-intro {
    min-height: 570px;
  }

  .auth-recovery-panel {
    min-height: 560px;
    border-top: 1px solid var(--align-line);
    border-left: 0;
  }
}

@media (max-width: 720px) {
  .auth-recovery-page {
    padding-top: 10px;
  }

  .auth-recovery-intro {
    min-height: 0;
    padding: 28px 20px 24px;
    background-position: 62% 50%;
  }

  .auth-recovery-intro__copy h1 {
    font-size: var(--tvk-public-page-title);
  }

  .auth-recovery-intro__copy > p {
    font-size: var(--tvk-public-primary);
  }

  .auth-recovery-benefits {
    margin-top: 26px;
  }

  .auth-recovery-benefits li {
    min-height: 88px;
    padding: 14px 0;
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 13px;
  }

  .auth-recovery-benefit-frame {
    width: 44px;
    height: 44px;
  }

  .auth-recovery-benefit-icon {
    width: 23px;
    height: 23px;
  }

  .auth-recovery-panel {
    min-height: 0;
    padding: 24px 18px 28px;
  }

  .auth-recovery-steps {
    margin-bottom: 26px;
    padding-right: 0;
    padding-left: 0;
  }

  .auth-recovery-step__marker {
    width: 32px;
    height: 32px;
    font-size: 11px;
  }

  .auth-recovery-steps li:not(:last-child)::after {
    top: 15px;
    left: calc(50% + 20px);
    right: calc(-50% + 20px);
  }

  .auth-recovery-step__label {
    max-width: 72px;
    font-size: 9px;
  }

  .auth-recovery-panel__heading h2 {
    font-size: var(--tvk-public-section-title);
  }
}

/* === TV KADR USR-03 RECOVERY TOP END === */

/* === TV KADR USR-03 BENEFIT ICONS START === */

.auth-recovery-benefits li {
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 16px;
}

.auth-recovery-benefit-frame {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border-radius: 5px;
}

.auth-recovery-benefit-icon {
  width: 26px;
  height: 26px;
  display: block;
  margin: 0;
  transform: none;
}

@media (max-width: 720px) {
  .auth-recovery-benefits li {
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 13px;
  }

  .auth-recovery-benefit-frame {
    width: 44px;
    height: 44px;
    border-radius: 5px;
  }

  .auth-recovery-benefit-icon {
    width: 23px;
    height: 23px;
  }
}

/* === TV KADR USR-03 BENEFIT ICONS END === */

/* === TV KADR USR-03 TITLE COLORS START === */

.auth-recovery-intro__copy h1 {
  color: var(--gold-bright);
}

.auth-recovery-intro__copy h1 em {
  color: var(--text);
}

/* === TV KADR USR-03 TITLE COLORS END === */

/* === TV KADR USR-03 LEFT PADDING START === */

.auth-recovery-intro {
  padding: 40px 42px 34px;
}

@media (max-width: 720px) {
  .auth-recovery-intro {
    padding: 24px 20px;
  }
}

/* === TV KADR USR-03 LEFT PADDING END === */

/* === TV KADR USR-03 RECOVERY INFO START === */

.auth-recovery-info-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: 16px;
}

.auth-recovery-info-grid > article {
  position: relative;
  display: grid;
  grid-template-columns: 50px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  min-height: 148px;
  padding: 18px;
  overflow: hidden;
  background:
    radial-gradient(
      circle at 22% 18%,
      rgba(228, 161, 0, .11),
      rgba(228, 161, 0, 0) 45%
    ),
    linear-gradient(
      180deg,
      #0d1013 0%,
      #080a0c 58%,
      #060708 100%
    );
}

.auth-recovery-info-grid > article > .auth-card-icon {
  display: grid;
  width: 50px;
  height: 50px;
  place-items: center;
  align-self: center;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--gold-bright);
  font-size: 0;
  line-height: 0;
  border: 1px solid var(--gold-dark);
  border-radius: 50%;
}

.auth-recovery-info-grid .auth-card-icon svg {
  display: block;
  width: 25px;
  height: 25px;
  overflow: visible;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.auth-recovery-info-grid > article > div {
  display: block;
  min-width: 0;
}

.auth-recovery-info-grid h2 {
  margin: 0 0 7px;
  color: var(--text);
  font-family: var(--tvk-font-ui);
  font-size: var(--tvk-public-primary);
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: 0;
}

.auth-recovery-info-grid p {
  margin: 0;
  color: var(--secondary);
  font-family: var(--tvk-font-ui);
  font-size: var(--tvk-public-small);
  font-weight: 400;
  line-height: 1.45;
  letter-spacing: 0;
}

/*
  Карточки информационные и не интерактивные:
  внутренний эффект постоянный, внешнего hover нет.
*/

@media (max-width: 1100px) {
  .auth-recovery-info-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .auth-recovery-info-grid {
    grid-template-columns: 1fr;
    gap: 10px;
    margin-top: 12px;
  }

  .auth-recovery-info-grid > article {
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 13px;
    min-height: 0;
    padding: 18px;
  }

  .auth-recovery-info-grid > article > .auth-card-icon {
    width: 44px;
    height: 44px;
  }

  .auth-recovery-info-grid .auth-card-icon svg {
    width: 23px;
    height: 23px;
  }
}

/* === TV KADR USR-03 RECOVERY INFO END === */

/* === TV KADR USR-04 HERO START === */

.account-hero.account-hero--usr04 {
  position: relative;
  isolation: isolate;
  min-height: 224px;
  padding: 24px 26px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(340px, 390px);
  gap: 30px;
  align-items: stretch;
  overflow: hidden;
  background:
    linear-gradient(
      90deg,
      rgba(5, 6, 7, 0.98) 0%,
      rgba(5, 6, 7, 0.88) 34%,
      rgba(5, 6, 7, 0.72) 56%,
      rgba(5, 6, 7, 0.96) 78%,
      #08090a 100%
    );
  box-shadow:
    inset 0 1px 0 rgba(255, 190, 46, 0.05),
    inset 0 0 46px rgba(240, 160, 0, 0.025);
}

.account-hero--usr04::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -58px;
  bottom: -58px;
  left: 20%;
  width: 54%;
  pointer-events: none;
  background:
    url("/brand/news-map-approved.webp")
    center / contain
    no-repeat;
  opacity: 0.58;
  filter:
    saturate(1.05)
    contrast(1.08)
    brightness(0.82);
  -webkit-mask-image:
    linear-gradient(
      90deg,
      transparent 0%,
      #000 18%,
      #000 78%,
      transparent 100%
    );
  mask-image:
    linear-gradient(
      90deg,
      transparent 0%,
      #000 18%,
      #000 78%,
      transparent 100%
    );
}

.account-hero--usr04::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(
      circle at 47% 42%,
      rgba(240, 160, 0, 0.08),
      transparent 34%
    );
}

.account-hero__intro--usr04 {
  position: relative;
  z-index: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.account-hero__intro--usr04 .eyebrow {
  color: var(--gold-bright);
}

.account-hero__intro--usr04 h1 {
  margin: 6px 0 4px;
}

.account-hero__intro--usr04 h2 {
  margin: 0 0 12px;
  color: var(--text);
  font-family: var(--tvk-font-editorial);
  font-size: var(--tvk-public-section-title);
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0;
}

.account-hero__intro--usr04 > p {
  max-width: 580px;
  margin: 0;
}

.account-club-card.account-club-card--usr04 {
  position: relative;
  z-index: 1;
  min-height: 176px;
  padding: 17px 18px;
  gap: 15px;
  border-color: rgba(240, 160, 0, 0.46);
  background:
    linear-gradient(
      145deg,
      rgba(14, 16, 17, 0.96),
      rgba(5, 6, 7, 0.94)
    );
  box-shadow:
    inset 0 1px 0 rgba(255, 196, 61, 0.07),
    inset 0 0 30px rgba(240, 160, 0, 0.025);
}

.account-club-card--usr04 .account-club-card__head {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  gap: 9px;
  align-items: center;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--border);
}

.account-club-card--usr04 .account-club-card__icon {
  width: 26px;
  height: 26px;
  display: grid;
  place-items: center;
  color: var(--gold-bright);
}

.account-club-card--usr04 .account-club-card__icon svg {
  width: 25px;
  height: 25px;
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.account-club-card--usr04 .account-club-card__label {
  color: var(--gold-bright);
  font-family: var(--tvk-font-ui);
  font-size: var(--tvk-public-small);
  font-weight: 700;
  line-height: 1.3;
}

.account-club-card--usr04 .account-club-card__status {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--secondary);
  font-family: var(--tvk-font-ui);
  font-size: var(--tvk-public-meta);
  font-style: normal;
  line-height: 1.3;
  white-space: nowrap;
}

.account-club-card--usr04 .account-club-card__status::after {
  content: "";
  width: 7px;
  height: 7px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: #62676b;
  box-shadow: 0 0 8px rgba(98, 103, 107, 0.35);
}

.account-club-card--usr04.is-active .account-club-card__status {
  color: #62c979;
}

.account-club-card--usr04.is-active
.account-club-card__status::after {
  background: #62c979;
  box-shadow: 0 0 9px rgba(98, 201, 121, 0.55);
}

.account-club-card--usr04
.account-club-card__body > strong {
  display: block;
  margin: 0 0 7px;
  color: var(--text);
  font-family: var(--tvk-font-editorial);
  font-size: var(--tvk-public-card-title);
  font-weight: 400;
  line-height: 1.2;
}

.account-club-card--usr04
.account-club-card__body > p {
  margin: 0;
  color: var(--secondary);
  font-size: var(--tvk-public-small);
  line-height: 1.45;
}

.account-club-card--usr04
.account-club-card__actions {
  display: flex;
  align-items: center;
}

.account-club-card--usr04
.account-club-card__actions .button {
  width: auto;
  min-width: 142px;
}

@media (max-width: 900px) {
  .account-hero.account-hero--usr04 {
    grid-template-columns: 1fr;
    min-height: 0;
  }

  .account-hero--usr04::before {
    top: -30px;
    right: -40px;
    bottom: auto;
    left: auto;
    width: 72%;
    height: 280px;
    opacity: 0.38;
  }
}

@media (max-width: 720px) {
  .account-hero.account-hero--usr04 {
    padding: 22px 20px;
    gap: 22px;
  }

  .account-hero__intro--usr04 h2 {
    font-size: var(--tvk-public-card-title);
  }

  .account-club-card--usr04
  .account-club-card__head {
    grid-template-columns: 26px minmax(0, 1fr);
  }

  .account-club-card--usr04
  .account-club-card__status {
    grid-column: 2;
    justify-self: start;
  }

  .account-club-card--usr04
  .account-club-card__actions .button {
    width: 100%;
  }
}

/* === TV KADR USR-04 HERO END === */

/* === TV KADR USR-04 NAVIGATION SCROLL START === */

.account-stat-card {
  background:
    radial-gradient(
      circle at 22% 18%,
      rgba(228, 161, 0, 0.11),
      rgba(228, 161, 0, 0) 45%
    ),
    linear-gradient(
      180deg,
      #0d1013 0%,
      #080a0c 58%,
      #060708 100%
    );
  position: relative;
  isolation: isolate;
  overflow: hidden;
  color: inherit;
  text-decoration: none;
  transition:
    transform 180ms ease,
    border-color 180ms ease,
    box-shadow 180ms ease,
    background-color 180ms ease;
}

.account-stat-card::after {
  position: absolute;
  z-index: -1;
  inset: 0;
  content: "";
  pointer-events: none;
  opacity: 0.32;
  background:
    radial-gradient(
      circle at 14% 22%,
      rgba(240, 160, 0, 0.14),
      transparent 38%
    ),
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.025),
      transparent 55%
    );
}

.account-stat-card:hover,
.account-stat-card:focus-visible {
  z-index: 2;
  transform: translateY(-4px);
  border-color: var(--gold-bright);
  box-shadow:
    inset 0 0 24px rgba(240, 160, 0, 0.08),
    0 12px 28px rgba(0, 0, 0, 0.32);
}

.account-stat-card:focus-visible {
  outline: 2px solid var(--gold-bright);
  outline-offset: 3px;
}

.account-stat-card__icon {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  color: var(--gold-bright);
}

.account-stat-card__icon svg {
  width: 28px;
  height: 28px;
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

#account-saved,
#account-history,
#account-comments,
#account-notifications {
  scroll-margin-top: 96px;
}

.account-scroll-list {
  overscroll-behavior: auto;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scrollbar-color: #9d6b00 #0b0c0d;
  -webkit-overflow-scrolling: touch;
}

.account-scroll-list--materials {
  max-height: 485px;
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 7px;
}

.account-scroll-list--materials .account-saved-row {
  min-height: 97px;
}

.account-scroll-list--comments {
  max-height: 360px;
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 7px;
}

.account-scroll-list--comments > a {
  min-height: 72px;
  align-content: center;
}

.account-history-list {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: calc((100% - 40px) / 5);
  gap: 10px;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 2px 0 10px;
  overscroll-behavior-inline: auto;
  scroll-snap-type: inline proximity;
  scrollbar-width: thin;
  scrollbar-color: #9d6b00 #0b0c0d;
  -webkit-overflow-scrolling: touch;
}

.account-history-list > * {
  min-width: 0;
  scroll-snap-align: start;
}

.account-scroll-list::-webkit-scrollbar {
  width: 7px;
}

.account-history-list::-webkit-scrollbar {
  height: 7px;
}

.account-scroll-list::-webkit-scrollbar-track,
.account-history-list::-webkit-scrollbar-track {
  background: #0b0c0d;
}

.account-scroll-list::-webkit-scrollbar-thumb,
.account-history-list::-webkit-scrollbar-thumb {
  background: #9d6b00;
  border: 1px solid #0b0c0d;
  border-radius: 999px;
}

.account-scroll-list::-webkit-scrollbar-thumb:hover,
.account-history-list::-webkit-scrollbar-thumb:hover {
  background: var(--gold-bright);
}

@media (max-width: 720px) {
  .account-scroll-list--materials {
    max-height: 415px;
  }

  .account-history-list {
    grid-auto-columns: minmax(180px, 78%);
  }

  #account-saved,
  #account-history,
  #account-comments,
  #account-notifications {
    scroll-margin-top: 78px;
  }
}

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

  .account-stat-card:hover,
  .account-stat-card:focus-visible {
    transform: none;
  }
}

/* === TV KADR USR-04 NAVIGATION SCROLL END === */

/* === TV KADR USR-04 SAVED PROFILE START === */

.account-saved-panel--usr04,
.account-profile-card--usr04,
.saved-sidebar > .saved-side-card {
  background:
    radial-gradient(
      circle at 12% 0,
      rgba(240, 160, 0, 0.075),
      transparent 34%
    ),
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.018),
      rgba(255, 255, 255, 0) 46%
    ),
    #070809;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.025),
    inset 0 0 34px rgba(240, 160, 0, 0.018);
}

.account-saved-panel--usr04 {
  min-width: 0;
}

.account-saved-panel--usr04 .account-panel-title {
  margin-bottom: 12px;
}

.account-saved-panel--usr04 .account-panel-title > a {
  color: var(--gold-bright);
  transition:
    color 160ms ease,
    transform 160ms ease;
}

.account-saved-panel--usr04 .account-panel-title > a:hover,
.account-saved-panel--usr04 .account-panel-title > a:focus-visible {
  color: #ffc13c;
  transform: translateX(3px);
}

.account-saved-panel--usr04 .account-saved-list {
  max-height: 440px;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior-y: auto;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scrollbar-color: var(--gold-dark) #0b0c0d;
}

.account-saved-panel--usr04 .account-saved-list::-webkit-scrollbar {
  width: 7px;
}

.account-saved-panel--usr04 .account-saved-list::-webkit-scrollbar-track {
  background: #0b0c0d;
}

.account-saved-panel--usr04 .account-saved-list::-webkit-scrollbar-thumb {
  background: var(--gold-dark);
  border: 2px solid #0b0c0d;
}

.account-saved-row--usr04 {
  box-sizing: border-box;
  height: 88px;
  min-width: 0;
  grid-template-columns: 132px minmax(0, 1fr) 28px;
  padding: 8px;
  background:
    linear-gradient(
      90deg,
      rgba(240, 160, 0, 0.025),
      rgba(240, 160, 0, 0) 52%
    );
  transition:
    background 170ms ease,
    box-shadow 170ms ease,
    border-color 170ms ease;
}

.account-saved-row--usr04:hover,
.account-saved-row--usr04:focus-visible {
  background:
    linear-gradient(
      90deg,
      rgba(240, 160, 0, 0.105),
      rgba(240, 160, 0, 0.015) 68%
    );
  box-shadow:
    inset 3px 0 0 var(--gold-bright),
    inset 0 0 24px rgba(240, 160, 0, 0.035);
  outline: none;
}

.account-saved-row--usr04 .account-saved-row__thumb {
  height: 70px;
  border: 1px solid rgba(240, 160, 0, 0.24);
  box-shadow: inset 0 0 18px rgba(0, 0, 0, 0.28);
}

.account-saved-row--usr04 > span:nth-child(2) {
  min-width: 0;
}

.account-saved-row--usr04 strong {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.account-saved-row__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
}

.account-saved-row__meta > span:first-child {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.account-saved-row__meta .meta-stat {
  flex: 0 0 auto;
  color: var(--muted);
}

.account-profile-card--usr04 {
  min-width: 0;
  padding: 20px;
  text-align: center;
}

.account-profile-card--usr04 .account-panel-title {
  margin-bottom: 14px;
  text-align: left;
}



.account-avatar--usr04 {
  width: 78px;
  height: 78px;
  margin: 4px auto 12px;
  border-color: var(--gold-dark);
  color: var(--gold-bright);
  background:
    radial-gradient(
      circle,
      rgba(240, 160, 0, 0.085),
      rgba(240, 160, 0, 0) 68%
    );
}

.account-avatar--usr04 svg {
  display: block;
  width: 42px;
  height: 42px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.account-profile-form--usr04 {
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid var(--border);
}

.account-profile-form--usr04 input {
  width: 100%;
  box-sizing: border-box;
}

.account-profile-actions {
  display: grid;
  gap: 9px;
  margin-top: 18px;
}

.account-profile-actions .button {
  width: 100%;
  min-height: 42px;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
}

.account-profile-action-icon {
  display: block;
  flex: 0 0 auto;
  width: 17px;
  height: 17px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.account-profile-logout {
  margin-top: 14px;
  padding: 5px;
  border: 0;
  background: transparent;
  color: var(--muted);
  cursor: pointer;
  font: inherit;
  font-size: var(--tvk-public-small);
  transition: color 160ms ease;
}

.account-profile-logout:hover,
.account-profile-logout:focus-visible {
  color: var(--gold-bright);
  outline: none;
}

#account-security {
  scroll-margin-top: 96px;
}

@media (max-width: 720px) {
  .account-saved-panel--usr04 .account-saved-list {
    max-height: 410px;
  }

  .account-saved-row--usr04 {
    height: 82px;
    grid-template-columns: 96px minmax(0, 1fr) 24px;
    gap: 10px;
    padding: 7px 5px;
  }

  .account-saved-row--usr04 .account-saved-row__thumb {
    height: 66px;
  }

  .account-saved-row__meta .meta-stat {
    display: none;
  }

  .account-profile-card--usr04 {
    padding: 18px;
  }
}

/* === TV KADR USR-04 SAVED PROFILE END === */

/* === TV KADR USR-04 HISTORY NOTIFICATIONS START === */

.account-history-panel--usr04,
.account-settings-card--usr04 {
  background:
    radial-gradient(
      circle at 12% 0,
      rgba(240, 160, 0, 0.07),
      transparent 34%
    ),
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.018),
      rgba(255, 255, 255, 0) 48%
    ),
    #070809;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.025),
    inset 0 0 34px rgba(240, 160, 0, 0.018);
}

.account-history-panel--usr04 {
  min-width: 0;
  padding: 18px 20px;
}

.account-history-panel--usr04 .account-panel-title {
  margin-bottom: 12px;
}

.account-history-viewport {
  width: 100%;
  min-width: 0;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-x: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--gold-dark) #0b0c0d;
}

.account-history-viewport::-webkit-scrollbar {
  height: 7px;
}

.account-history-viewport::-webkit-scrollbar-track {
  background: #0b0c0d;
}

.account-history-viewport::-webkit-scrollbar-thumb {
  background: var(--gold-dark);
  border: 2px solid #0b0c0d;
}

.account-history-track {
  width: 100%;
  min-width: 100%;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: calc((100% - 40px) / 5);
  gap: 10px;
}

.account-history-track--empty {
  display: block;
}

.account-history-empty {
  min-height: 118px;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr);
  gap: 15px;
  align-items: center;
  padding: 18px;
  border: 1px solid var(--border);
  background:
    linear-gradient(
      90deg,
      rgba(240, 160, 0, 0.035),
      rgba(240, 160, 0, 0) 58%
    ),
    rgba(5, 6, 7, 0.72);
  box-shadow: inset 0 0 24px rgba(240, 160, 0, 0.018);
}

.account-history-empty__icon {
  width: 48px;
  height: 48px;
  box-sizing: border-box;
  display: grid;
  place-items: center;
  border: 1px solid var(--gold-dark);
  border-radius: 2px;
  color: var(--gold-bright);
  background: rgba(7, 8, 9, 0.78);
}

.account-history-empty__icon svg {
  display: block;
  width: 25px;
  height: 25px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.account-history-empty strong {
  display: block;
  color: var(--text);
  font-family: var(--tvk-font-ui);
  font-size: var(--tvk-public-primary);
  font-weight: 600;
  line-height: 1.45;
}

.account-history-empty p {
  margin: 5px 0 0;
  color: var(--secondary);
  font-family: var(--tvk-font-ui);
  font-size: var(--tvk-public-primary);
  font-weight: 400;
  line-height: 1.5;
}

.account-history-card {
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--border);
  background: #08090a;
  box-shadow: inset 0 0 22px rgba(240, 160, 0, 0.02);
}

.account-settings-card--usr04 {
  padding: 18px 20px;
  scroll-margin-top: 96px;
}

.account-settings-card--usr04 > p {
  margin: 0 0 13px;
}

.account-notification-list {
  display: grid;
  border-top: 1px solid var(--border);
}

.account-notification-row {
  min-width: 0;
  min-height: 52px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 8px 0;
  border-bottom: 1px solid var(--border);
}

.account-notification-row > span {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.account-notification-row strong {
  color: var(--secondary);
  font-family: var(--tvk-font-ui);
  font-size: var(--tvk-public-small);
  font-weight: 500;
  line-height: 1.4;
}

.account-notification-row small {
  color: var(--muted);
  font-family: var(--tvk-font-ui);
  font-size: var(--tvk-public-micro);
  font-weight: 400;
  line-height: 1.35;
}

.account-switch {
  width: 38px;
  height: 21px;
  flex: 0 0 38px;
  box-sizing: border-box;
  position: relative;
  padding: 0;
  border: 1px solid #3d4043;
  border-radius: 999px;
  appearance: none;
  background: #24272a;
  opacity: 1;
  cursor: not-allowed;
}

.account-switch i {
  width: 13px;
  height: 13px;
  position: absolute;
  top: 3px;
  left: 3px;
  display: block;
  border-radius: 50%;
  background: #777b7e;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
}

.account-settings-note {
  display: block;
  margin-top: 12px;
  color: var(--muted);
  font-family: var(--tvk-font-ui);
  font-size: var(--tvk-public-micro);
  line-height: 1.35;
}

.account-security-modal {
  position: fixed;
  inset: 0;
  z-index: 1500;
  box-sizing: border-box;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(0, 0, 0, 0.82);
  backdrop-filter: blur(6px);
  animation: account-security-backdrop-in 160ms ease-out;
}

.account-password-card--modal {
  width: min(520px, 100%);
  max-height: calc(100vh - 48px);
  box-sizing: border-box;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior-y: auto;
  padding: 28px;
  background:
    radial-gradient(
      circle at 12% 0,
      rgba(240, 160, 0, 0.09),
      transparent 36%
    ),
    #08090a;
  box-shadow:
    0 24px 80px rgba(0, 0, 0, 0.7),
    inset 0 0 32px rgba(240, 160, 0, 0.025);
  animation: account-security-card-in 180ms ease-out;
}

.account-password-card--modal > h2 {
  padding-right: 38px;
}

.account-security-close {
  width: 34px;
  height: 34px;
  position: absolute;
  top: 16px;
  right: 16px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 1px solid var(--gold-dark);
  background: #08090a;
  color: var(--secondary);
  cursor: pointer;
  transition:
    color 160ms ease,
    border-color 160ms ease,
    background 160ms ease;
}

.account-security-close:hover,
.account-security-close:focus-visible {
  border-color: var(--gold-bright);
  background: rgba(240, 160, 0, 0.08);
  color: var(--gold-bright);
  outline: none;
}

.account-security-close svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
}

.account-password-card--modal .account-password-form {
  margin-top: 18px;
}

.account-password-card--modal .account-password-form input {
  width: 100%;
  box-sizing: border-box;
}

@keyframes account-security-backdrop-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes account-security-card-in {
  from {
    opacity: 0;
    transform: translateY(8px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 1050px) {
  .account-history-track {
    grid-auto-columns: calc((100% - 20px) / 3);
  }
}

@media (max-width: 720px) {
  .account-history-panel--usr04,
  .account-settings-card--usr04 {
    padding: 18px;
  }

  .account-history-track {
    grid-auto-columns: min(76vw, 260px);
  }

  .account-history-empty {
    grid-template-columns: 46px minmax(0, 1fr);
    padding: 15px;
  }

  .account-history-empty__icon {
    width: 42px;
    height: 42px;
  }

  .account-security-modal {
    padding: 12px;
  }

  .account-password-card--modal {
    max-height: calc(100vh - 24px);
    padding: 22px 18px;
  }

  .account-security-close {
    top: 12px;
    right: 12px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .account-security-modal,
  .account-password-card--modal {
    animation: none;
  }
}

/* === TV KADR USR-04 HISTORY NOTIFICATIONS END === */

/* === TV KADR USR-04 AVATAR UPLOAD START === */

.account-profile-card--usr04 > .account-panel-title {
  justify-content: flex-start;
}

.account-avatar--editable {
  position: relative;
  cursor: pointer;
  isolation: isolate;
  transition:
    border-color 160ms ease,
    box-shadow 160ms ease,
    transform 160ms ease;
}

.account-avatar--editable:hover,
.account-avatar--editable:focus-within {
  border-color: var(--gold-bright);
  box-shadow:
    0 0 0 3px rgba(240, 160, 0, 0.08),
    inset 0 0 24px rgba(240, 160, 0, 0.08);
  transform: translateY(-1px);
}

.account-avatar--editable > img {
  position: absolute;
  z-index: 1;
  inset: 3px;
  display: block;
  width: calc(100% - 6px);
  height: calc(100% - 6px);
  border-radius: 50%;
  background: #070809;
  object-fit: cover;
  object-position: center;
}

.account-avatar-upload__input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

.account-avatar-upload__badge {
  position: absolute;
  right: -5px;
  bottom: -3px;
  z-index: 2;
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  box-sizing: border-box;
  border: 1px solid var(--gold-bright);
  border-radius: 50%;
  color: var(--gold-bright);
  background: #070809;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.58);
}

.account-avatar-upload__badge svg {
  display: block;
  width: 15px;
  height: 15px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.account-avatar--editable.is-loading {
  pointer-events: none;
  opacity: 0.72;
}

.account-avatar--editable.is-loading
.account-avatar-upload__badge {
  animation:
    account-avatar-pulse
    850ms
    ease-in-out
    infinite
    alternate;
}

.account-avatar-message {
  min-height: 16px;
  margin: -3px 0 9px;
  color: var(--success, #62c77b);
  font-family: var(--tvk-font-ui);
  font-size: var(--tvk-public-micro);
  line-height: 1.35;
}

.account-avatar-message:empty {
  min-height: 0;
  margin: 0;
}

.account-avatar-message.is-error {
  color: var(--danger, #dc5656);
}

@keyframes account-avatar-pulse {
  from {
    box-shadow:
      0 3px 12px
      rgba(0, 0, 0, 0.58);
  }

  to {
    box-shadow:
      0 0 0 4px rgba(240, 160, 0, 0.12),
      0 3px 12px rgba(0, 0, 0, 0.58);
  }
}

@media (prefers-reduced-motion: reduce) {
  .account-avatar--editable,
  .account-avatar--editable.is-loading
  .account-avatar-upload__badge {
    animation: none;
    transition: none;
  }
}

/* === TV KADR USR-04 AVATAR UPLOAD END === */

/* === TV KADR USR-04 NOTIFICATIONS PREVIEW START === */

.account-settings-card--usr04,
.account-settings-card--usr04:hover {
  transform: none;
  box-shadow:
    inset 0 1px 0 rgba(255, 190, 40, 0.08),
    inset 26px 0 54px rgba(231, 151, 0, 0.025),
    inset -18px -16px 42px rgba(0, 0, 0, 0.28);
}

.account-settings-card--usr04 h2 {
  margin-bottom: 14px;
}

.account-settings-card--usr04 .account-notification-list {
  display: grid;
  gap: 0;
  margin: 0;
}

.account-settings-card--usr04 .account-notification-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  min-height: 36px;
  padding: 6px 0;
  border-bottom: 1px solid rgba(239, 163, 0, 0.08);
}

.account-settings-card--usr04 .account-notification-row:last-child {
  border-bottom: 0;
}

.account-settings-card--usr04 .account-notification-row strong {
  color: var(--secondary);
  font-family: var(--tvk-font-ui);
  font-size: var(--tvk-public-primary);
  font-weight: 400;
  line-height: 1.35;
}

.account-settings-card--usr04 .account-switch {
  position: relative;
  display: block;
  flex: 0 0 34px;
  width: 34px;
  height: 20px;
  margin: 0;
  padding: 0;
  appearance: none;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 999px;
  background: #34373a;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
  opacity: 1;
  cursor: default;
}

.account-settings-card--usr04 .account-switch:disabled {
  opacity: 1;
  cursor: default;
}

.account-settings-card--usr04 .account-switch i {
  position: absolute;
  top: 2px;
  left: 2px;
  display: block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #999da0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
  transform: translateX(0);
}

.account-settings-card--usr04 .account-switch.is-on {
  border-color: #f0a000;
  background: linear-gradient(180deg, #ffb31a 0%, #e99300 100%);
}

.account-settings-card--usr04 .account-switch.is-on i {
  background: #ffffff;
  transform: translateX(14px);
}

.account-settings-card--usr04 .account-settings-note {
  display: inline-block;
  margin-top: 12px;
  color: #f0a000;
  font-family: var(--tvk-font-ui);
  font-size: 12px;
  line-height: 1.4;
  pointer-events: none;
}

@media (max-width: 720px) {
  .account-settings-card--usr04 .account-notification-row {
    min-height: 40px;
  }
}

/* === TV KADR USR-04 NOTIFICATIONS PREVIEW END === */

/* === TV KADR USR-04 COMMENTS FINISH START === */

#account-comments {
  background:
    radial-gradient(
      circle at 12% 0,
      rgba(240, 160, 0, 0.075),
      transparent 34%
    ),
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.018),
      rgba(255, 255, 255, 0) 46%
    ),
    #070809;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.025),
    inset 0 0 34px rgba(240, 160, 0, 0.018);
}

#account-comments .account-scroll-list--comments {
  overflow-y: auto;
  overscroll-behavior-y: auto;
  -webkit-overflow-scrolling: touch;
}

#account-comments .account-comments-list > a {
  background:
    linear-gradient(
      90deg,
      rgba(240, 160, 0, 0.022),
      rgba(255, 255, 255, 0) 38%
    );
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.018);
  transition:
    background-color 180ms ease,
    box-shadow 180ms ease;
}

#account-comments .account-comments-list > a:hover {
  background-color: rgba(240, 160, 0, 0.035);
  box-shadow:
    inset 3px 0 0 rgba(240, 160, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.025);
}

/* === TV KADR USR-04 COMMENTS FINISH END === */

/* === TV KADR USR-04 COMMENT AVATAR AND REMOVE START === */

.account-comments-list > .account-comment-row {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  align-items: center;
  column-gap: 12px;
}

.account-comment-avatar {
  width: 38px;
  height: 38px;
  box-sizing: border-box;
  overflow: hidden;
  display: grid;
  place-items: center;
  align-self: center;
  border: 1px solid var(--gold-dark);
  border-radius: 50%;
  color: var(--gold-bright);
  background:
    radial-gradient(
      circle,
      rgba(240, 160, 0, 0.09),
      rgba(240, 160, 0, 0) 70%
    ),
    #08090a;
}

.account-comment-avatar img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.account-comment-avatar svg {
  display: block;
  width: 23px;
  height: 23px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.account-comment-copy {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.account-comment-copy > small,
.account-comment-copy > strong,
.account-comment-copy > span {
  min-width: 0;
}

.account-avatar-remove {
  color: var(--secondary);
}

.account-avatar-remove:hover,
.account-avatar-remove:focus-visible {
  color: var(--gold-bright);
}

/* === TV KADR USR-04 COMMENT AVATAR AND REMOVE END === */

/* === TV KADR USR-05 HERO TABS START === */

.saved-hero--aligned {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 250px;
  grid-template-columns: minmax(0, 1fr) 400px;
  background:
    linear-gradient(
      90deg,
      #050607 0%,
      rgba(5, 6, 7, 0.9) 38%,
      rgba(5, 6, 7, 0.18) 74%
    ),
    radial-gradient(
      circle at 76% 51%,
      rgba(244, 163, 0, 0.15),
      transparent 25%
    ),
    url("/brand/news-map-approved.webp")
      right center / 650px auto no-repeat;
}

.saved-hero--aligned > div:first-child {
  position: relative;
  z-index: 2;
}

.saved-hero--aligned .saved-hero__mark {
  position: relative;
  z-index: 2;
  display: grid;
  place-items: center;
  min-height: 190px;
  font-size: 0;
}

.saved-hero--aligned .saved-hero__mark::before {
  position: absolute;
  width: 190px;
  height: 190px;
  border-radius: 50%;
  background: rgba(244, 163, 0, 0.09);
  filter: blur(34px);
  content: "";
  pointer-events: none;
}

.saved-hero__bookmark-art {
  position: relative;
  z-index: 1;
  display: block;
  width: 104px;
  height: 138px;
  overflow: visible;
  fill: none;
  stroke: #f5a400;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter:
    drop-shadow(0 0 5px rgba(245, 164, 0, 0.95))
    drop-shadow(0 0 18px rgba(245, 164, 0, 0.42));
}

.saved-tabs--aligned {
  gap: 24px;
  min-height: 54px;
  margin-top: 0;
  padding-top: 4px;
}

.saved-tabs--aligned button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 52px;
  padding: 12px 6px;
  white-space: nowrap;
}

.saved-tabs--aligned button:hover {
  color: var(--text);
}

.saved-tabs--aligned button.active:hover {
  color: var(--gold-bright);
}

.saved-tabs--aligned button b {
  margin-left: 2px;
}

.saved-tabs--aligned .ui-save-icon,
.saved-tab-icon {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
}

.saved-tab-icon {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.saved-tab-icon--video path:last-child {
  fill: currentColor;
  stroke: none;
}

@media (max-width: 1050px) {
  .saved-hero--aligned {
    grid-template-columns: minmax(0, 1fr) 260px;
    background-size: 560px auto;
  }

  .saved-hero__bookmark-art {
    width: 88px;
    height: 116px;
  }
}

@media (max-width: 720px) {
  .saved-hero--aligned {
    min-height: 190px;
    grid-template-columns: 1fr;
    background-size: 420px auto;
  }

  .saved-hero--aligned .saved-hero__mark {
    display: none;
  }

  .saved-tabs--aligned {
    gap: 18px;
    overflow-x: auto;
    scrollbar-width: none;
  }

  .saved-tabs--aligned::-webkit-scrollbar {
    display: none;
  }
}

/* === TV KADR USR-05 HERO TABS END === */

/* === TV KADR USR-05 HERO FRAME START === */

.saved-hero--aligned.frame-gold {
  border: 1px solid
    color-mix(
      in srgb,
      var(--gold-dark) 70%,
      var(--border)
    );
  border-radius: 4px;
  background:
    linear-gradient(
      90deg,
      #050607 0%,
      rgba(5, 6, 7, 0.9) 38%,
      rgba(5, 6, 7, 0.18) 74%
    ),
    radial-gradient(
      circle at 76% 51%,
      rgba(244, 163, 0, 0.15),
      transparent 25%
    ),
    url("/brand/news-map-approved.webp")
      right center / 650px auto no-repeat;
  box-shadow:
    inset 0 1px 0 rgba(255, 186, 39, 0.025),
    inset 0 0 34px rgba(244, 163, 0, 0.018);
}

.saved-hero--aligned > div:first-child {
  padding: 40px 42px;
}

@media (max-width: 1050px) {
  .saved-hero--aligned.frame-gold {
    background-size: 560px auto;
  }
}

@media (max-width: 720px) {
  .saved-hero--aligned.frame-gold {
    background-size: 420px auto;
  }

  .saved-hero--aligned > div:first-child {
    padding: 24px 20px;
  }
}

/* === TV KADR USR-05 HERO FRAME END === */

/* === TV KADR USR-05 BOOKMARK POSITION START === */

.saved-hero--aligned .saved-hero__mark {
  transform: translateX(-104px);
}

@media (max-width: 1050px) {
  .saved-hero--aligned .saved-hero__mark {
    transform: translateX(-64px);
  }
}

@media (max-width: 720px) {
  .saved-hero--aligned .saved-hero__mark {
    transform: none;
  }
}

/* === TV KADR USR-05 BOOKMARK POSITION END === */

/* === TV KADR USR-05 TOOLBAR START === */

.saved-toolbar {
  min-height: 54px;
  padding: 7px 10px 7px 14px;
  border-color: var(--align-line);
  background:
    linear-gradient(
      110deg,
      rgba(255, 177, 0, 0.025),
      transparent 42%
    ),
    #07090a;
  box-shadow:
    inset 0 1px 0 rgba(255, 190, 48, 0.025),
    inset 0 0 26px rgba(255, 177, 0, 0.012);
}

.saved-sort-control {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.saved-sort-control > span:first-child {
  flex: 0 0 auto;
  color: var(--secondary);
  font-family: var(--tvk-font-ui);
  font-size: var(--tvk-public-small);
  line-height: 1.4;
}

.saved-sort-dropdown {
  width: 250px;
  min-width: 250px;
}
.saved-view-toggle {
  display: flex;
  flex: 0 0 auto;
  gap: 6px;
}

.saved-view-toggle button {
  display: grid;
  place-items: center;
  width: 40px;
  height: 38px;
  padding: 0;
  border: 1px solid var(--gold-dark);
  border-radius: 2px;
  background: #050607;
  color: var(--secondary);
  cursor: pointer;
  box-shadow: inset 0 0 14px rgba(244, 163, 0, 0.015);
  transition:
    color 160ms ease,
    border-color 160ms ease,
    background-color 160ms ease,
    box-shadow 160ms ease;
}

.saved-view-toggle button.active {
  border-color: var(--gold-bright);
  background: var(--gold-bright);
  color: #08090a;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    0 0 14px rgba(244, 163, 0, 0.12);
}

.saved-view-icon {
  display: block;
  width: 19px;
  height: 19px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.saved-view-icon rect {
  rx: 0.5px;
}

.saved-view-icon circle {
  fill: currentColor;
  stroke: none;
}

@media (hover: hover) {
  .saved-view-toggle button:not(.active):hover {
    border-color: var(--gold-bright);
    color: var(--gold-bright);
    box-shadow:
      inset 0 0 16px rgba(244, 163, 0, 0.05),
      0 0 12px rgba(244, 163, 0, 0.06);
  }
}

.saved-view-toggle button:focus-visible {
  outline: 2px solid var(--gold-bright);
  outline-offset: 2px;
}

@media (max-width: 720px) {
  .saved-toolbar {
    flex-wrap: wrap;
    padding: 10px;
  }

  .saved-sort-control {
    flex: 1 1 250px;
  }

  .saved-sort-dropdown {
    flex: 1;
    min-width: 0;
  }
}

/* === TV KADR USR-05 TOOLBAR END === */

/* === TV KADR USR-05 SAVED CARDS START === */

.saved-list {
  background:
    linear-gradient(
      120deg,
      rgba(244, 163, 0, 0.018),
      transparent 48%
    ),
    #050607;
  box-shadow:
    inset 0 1px 0 rgba(255, 191, 55, 0.025),
    inset 0 0 42px rgba(244, 163, 0, 0.014);
}

.saved-row {
  position: relative;
  isolation: isolate;
  min-height: 138px;
  grid-template-columns: 220px minmax(0, 1fr) 42px;
  gap: 16px;
  padding: 12px;
  overflow: hidden;
  background:
    linear-gradient(
      105deg,
      rgba(244, 163, 0, 0.018),
      transparent 44%
    ),
    #07090a;
  box-shadow:
    inset 0 1px 0 rgba(255, 190, 48, 0.018),
    inset 0 0 26px rgba(244, 163, 0, 0.012);
  transition: box-shadow 180ms ease;
}

.saved-row__cover-link {
  position: absolute;
  z-index: 1;
  inset: 0;
  border-radius: inherit;
}

.saved-row__image,
.saved-row__copy a,
.saved-row__remove {
  position: relative;
  z-index: 2;
}

.saved-row__image {
  height: 114px;
  overflow: hidden;
  border: 1px solid rgba(244, 163, 0, 0.22);
  border-radius: 3px;
  background-color: #030405;
  background-position: center;
  background-size: cover;
  box-shadow:
    inset 0 0 24px rgba(0, 0, 0, 0.38),
    0 0 0 1px rgba(0, 0, 0, 0.24);
  transition:
    border-color 180ms ease,
    filter 180ms ease,
    box-shadow 180ms ease;
}

.saved-row__image::before {
  position: absolute;
  z-index: 3;
  top: -1px;
  left: 10px;
  width: 20px;
  height: 29px;
  background: var(--gold-bright);
  content: "";
  filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.45));
  mask:
    url("/assets/icons/bookmark.svg")
    center top / contain no-repeat;
  -webkit-mask:
    url("/assets/icons/bookmark.svg")
    center top / contain no-repeat;
}

.saved-row__image::after {
  position: absolute;
  z-index: 1;
  inset: 0;
  background:
    linear-gradient(
      180deg,
      rgba(0, 0, 0, 0.06),
      transparent 48%,
      rgba(0, 0, 0, 0.54)
    );
  content: "";
  pointer-events: none;
}

.saved-row__image span {
  z-index: 4;
  left: 7px;
  bottom: 7px;
  padding: 3px 7px;
  border: 1px solid rgba(255, 255, 255, 0.42);
  border-radius: 2px;
  background: rgba(3, 4, 5, 0.9);
  color: var(--text);
  line-height: 1.2;
}

.saved-row__copy {
  align-self: center;
  min-width: 0;
}

.saved-row__copy > small {
  display: block;
  margin-bottom: 4px;
  color: var(--gold-bright);
  font-family: var(--tvk-font-ui);
  font-size: var(--tvk-public-micro);
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.035em;
}

.saved-row__copy h2 {
  margin: 0 0 5px;
  color: var(--text);
  transition: color 180ms ease;
}

.saved-row__copy p {
  display: -webkit-box;
  margin: 0 0 9px;
  overflow: hidden;
  color: var(--secondary);
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.saved-row__copy > div {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 15px;
  color: var(--muted);
}

.saved-row__copy > div span {
  position: relative;
}

.saved-row__copy > div span + span::before {
  position: absolute;
  left: -9px;
  color: var(--gold-dark);
  content: "•";
}

.saved-row__remove {
  align-self: center;
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 3px;
  background: transparent;
  color: var(--gold-bright);
  cursor: pointer;
  transition:
    color 160ms ease,
    border-color 160ms ease,
    background-color 160ms ease,
    box-shadow 160ms ease;
}

.saved-row__remove .ui-save-icon {
  width: 19px;
  height: 19px;
  flex-basis: 19px;
}

.saved-row:has(.saved-row__cover-link:focus-visible) {
  outline: 2px solid var(--gold-bright);
  outline-offset: -2px;
}

.saved-row__cover-link:focus-visible {
  outline: 0;
}

@media (hover: hover) {
  .saved-row:hover {
    z-index: 2;
    background:
      linear-gradient(
        105deg,
        rgba(244, 163, 0, 0.07),
        rgba(244, 163, 0, 0.012) 48%,
        transparent 78%
      ),
      #080a0b;
    box-shadow:
      inset 0 0 34px rgba(244, 163, 0, 0.045),
      inset 0 1px 0 rgba(255, 193, 60, 0.06),
      0 0 0 1px rgba(244, 163, 0, 0.38),
      0 8px 24px rgba(0, 0, 0, 0.24);
  }

  .saved-row:hover .saved-row__image {
    border-color: rgba(244, 163, 0, 0.58);
    filter: brightness(1.06);
    box-shadow:
      inset 0 0 24px rgba(0, 0, 0, 0.3),
      0 0 14px rgba(244, 163, 0, 0.07);
  }

  .saved-row:hover .saved-row__copy h2 {
    color: #fff;
  }

  .saved-row__remove:hover {
    border-color: rgba(244, 163, 0, 0.52);
    background: rgba(244, 163, 0, 0.08);
    box-shadow: inset 0 0 12px rgba(244, 163, 0, 0.05);
  }
}

.saved-row__remove:focus-visible {
  outline: 2px solid var(--gold-bright);
  outline-offset: 2px;
}

.saved-list--grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  padding: 12px;
  background: #050607;
}

.saved-list--grid .saved-row {
  min-height: 0;
  grid-template-columns: minmax(0, 1fr) 40px;
  grid-template-rows: 168px auto;
  border: 1px solid var(--border);
  border-radius: 4px;
}

.saved-list--grid .saved-row__image {
  grid-column: 1 / -1;
  height: 168px;
}

.saved-list--grid .saved-row__copy {
  align-self: start;
}

.saved-list--grid .saved-row__remove {
  align-self: start;
}

@media (max-width: 720px) {
  .saved-row {
    min-height: 108px;
    grid-template-columns: 112px minmax(0, 1fr) 34px;
    gap: 10px;
    padding: 9px;
  }

  .saved-row__image {
    height: 88px;
  }

  .saved-row__image::before {
    left: 7px;
    width: 17px;
    height: 25px;
  }

  .saved-row__remove {
    width: 32px;
    height: 32px;
  }

  .saved-row__remove .ui-save-icon {
    width: 17px;
    height: 17px;
    flex-basis: 17px;
  }

  .saved-list--grid {
    grid-template-columns: 1fr;
    padding: 9px;
  }

  .saved-list--grid .saved-row {
    grid-template-rows: 160px auto;
  }

  .saved-list--grid .saved-row__image {
    height: 160px;
  }
}

/* === TV KADR USR-05 SAVED CARDS END === */

/* === TV KADR USR-05 SIDEBAR CARDS START === */

.saved-sidebar > .saved-side-card {
  position: relative;
  isolation: isolate;
  display: block;
  min-width: 0;
  padding: 20px;
  overflow: hidden;
  border-color: var(--align-line);
}

.saved-sidebar
  > .saved-side-card
  > .saved-side-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 29px;
  margin: 0;
  padding: 0 0 13px;
  border: 0;
  border-bottom: 1px solid var(--border);
  text-align: left;
}

.saved-side-card__header h2 {
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
  margin: 0;
  color: var(--text);
  font-family: var(--tvk-font-editorial);
  font-size: var(--tvk-public-section-title);
  font-weight: 400;
  line-height: 1.2;
}

.saved-side-card__status {
  flex: 0 0 auto;
  color: var(--muted);
  font-family: var(--tvk-font-ui);
  font-size: var(--tvk-public-meta);
  line-height: 1.3;
}

.saved-side-card__description {
  margin: 14px 0;
  color: var(--secondary);
  font-family: var(--tvk-font-ui);
  font-size: var(--tvk-public-primary);
  font-weight: 400;
  line-height: 1.5;
}

.saved-collection-preview {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid var(--border);
  list-style: none;
}

.saved-collection-preview li {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr) auto;
  gap: 9px;
  align-items: center;
  min-width: 0;
  min-height: 42px;
  margin: 0;
  padding: 9px 0;
  border-top: 1px solid var(--border);
  color: var(--muted);
  cursor: default;
}

.saved-collection-preview li:first-child {
  border-top: 0;
}

.saved-collection-preview li span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.saved-collection-preview li b {
  color: var(--muted);
  font-weight: 400;
}

.saved-collection-icon,
.saved-side-card__title-icon,
.saved-selection-breakdown svg {
  display: block;
  fill: none;
  stroke: var(--gold-bright);
  stroke-width: 1.65;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.saved-collection-icon {
  width: 18px;
  height: 18px;
  opacity: 0.65;
}

.saved-side-card__title-icon {
  width: 21px;
  height: 21px;
  flex: 0 0 21px;
}

.saved-watch-later .button {
  display: flex;
  width: 100%;
  min-height: 42px;
  align-items: center;
  justify-content: center;
  margin-top: 16px;
}

.saved-selection-total {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 10px;
  min-width: 0;
  padding: 18px 0 16px;
}

.saved-selection-total strong {
  flex: 0 0 auto;
  color: var(--text);
  font-family: var(--tvk-font-editorial);
  font-size: 54px;
  font-weight: 400;
  line-height: 0.85;
}

.saved-selection-total span {
  max-width: 94px;
  color: var(--muted);
  font-family: var(--tvk-font-ui);
  font-size: var(--tvk-public-meta);
  line-height: 1.35;
  text-align: left;
}

.saved-selection-breakdown {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  width: 100%;
  min-width: 0;
  margin-top: 2px;
}

.saved-selection-breakdown > div {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 9px;
  padding: 11px 9px;
  border: 1px solid var(--border);
  border-radius: 3px;
  background:
    linear-gradient(
      120deg,
      rgba(244, 163, 0, 0.035),
      transparent 60%
    ),
    #050607;
  box-shadow: inset 0 0 16px rgba(244, 163, 0, 0.014);
}

.saved-selection-breakdown svg {
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
}

.saved-selection-breakdown .saved-selection-play {
  fill: var(--gold-bright);
  stroke: none;
}

.saved-selection-breakdown > div > span {
  display: flex;
  min-width: 0;
  flex-direction: column;
}

.saved-selection-breakdown b {
  color: var(--text);
  font-family: var(--tvk-font-ui);
  font-size: var(--tvk-public-primary);
  font-weight: 600;
  line-height: 1.2;
}

.saved-selection-breakdown small {
  overflow: hidden;
  color: var(--muted);
  font-family: var(--tvk-font-ui);
  font-size: var(--tvk-public-micro);
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.saved-watch-later {
  transition:
    border-color 180ms ease,
    box-shadow 180ms ease;
}

@media (hover: hover) {
  .saved-watch-later:hover {
    border-color: rgba(244, 163, 0, 0.62);
  }
}

@media (max-width: 1050px) and (min-width: 721px) {
  .saved-selection-breakdown {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .saved-sidebar > .saved-side-card {
    padding: 18px;
  }

  .saved-selection-total strong {
    font-size: 48px;
  }
}



/* === TV KADR USR-05 SIDEBAR CARDS END === */

/* === TV KADR ADM-01 DASHBOARD START === */

.admin-app--adm01 {
  grid-template-columns: 248px minmax(0, 1fr);
  min-height: 100vh;
  background:
    radial-gradient(
      circle at 78% 8%,
      rgba(243, 170, 0, 0.035),
      transparent 28%
    ),
    #070809;
  color: var(--text);
  font-family: var(--tvk-font-ui);
}

.admin-sidebar--adm01 {
  height: 100vh;
  height: 100dvh;
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto;
  border-right-color: #2f2818;
  background:
    linear-gradient(
      180deg,
      rgba(243, 170, 0, 0.025),
      transparent 180px
    ),
    #08090a;
  scrollbar-width: thin;
  scrollbar-color: #4a3a15 #08090a;
}

.admin-sidebar--adm01 .admin-brand {
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 29px 26px 24px;
  border-bottom: 1px solid #282216;
  background: rgba(8, 9, 10, 0.96);
  color: #f2f2f2;
  font-size: 22px;
  line-height: 1;
  letter-spacing: 0.14em;
}

.admin-sidebar--adm01 .admin-brand span,
.admin-footer--adm01 strong span {
  color: #d92c25;
}

.admin-sidebar--adm01 .admin-brand small {
  margin-top: 9px;
  color: #777a7d;
  font-size: 9px;
  line-height: 1.2;
  letter-spacing: 0.13em;
}

.admin-sidebar--adm01 .admin-nav {
  gap: 2px;
  padding: 12px 0 22px;
}

.admin-sidebar--adm01 .admin-nav a,
.admin-sidebar--adm01 .admin-nav__disabled {
  position: relative;
  min-height: 43px;
  padding: 12px 23px 12px 26px;
  border: 0;
  color: #a9abad;
  font-size: 12px;
  line-height: 1.45;
  transition:
    color 160ms ease,
    background-color 160ms ease;
}

.admin-sidebar--adm01 .admin-nav a::before {
  position: absolute;
  top: 9px;
  bottom: 9px;
  left: 0;
  width: 2px;
  background: transparent;
  content: "";
}

.admin-sidebar--adm01 .admin-nav a.active {
  border: 0;
  background:
    linear-gradient(
      90deg,
      rgba(243, 170, 0, 0.14),
      rgba(243, 170, 0, 0.025)
    );
  color: #f4ad08;
}

.admin-sidebar--adm01 .admin-nav a.active::before {
  background: #f3aa00;
  box-shadow: 0 0 12px rgba(243, 170, 0, 0.35);
}

.admin-sidebar--adm01 .admin-nav__disabled {
  color: #505356;
}

.admin-sidebar--adm01 .admin-nav__disabled em {
  padding: 2px 5px;
  border: 1px solid #292b2d;
  border-radius: 2px;
  color: #55585b;
  font-size: 8px;
  line-height: 1;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.admin-sidebar--adm01 .admin-sidebar__public {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: auto 18px 20px;
  padding: 11px 12px;
  border-color: #4a3915;
  background: #0a0b0c;
  color: #d99b0c;
  font-size: 11px;
  transition:
    border-color 160ms ease,
    color 160ms ease,
    background-color 160ms ease;
}

.admin-app--adm01 .admin-main {
  display: flex;
  min-width: 0;
  min-height: 100vh;
  flex-direction: column;
}

.admin-topbar--adm01 {
  position: sticky;
  top: 0;
  z-index: 20;
  height: 76px;
  padding: 0 34px;
  border-bottom-color: #2b2517;
  background: rgba(7, 8, 9, 0.92);
  backdrop-filter: blur(14px);
}

.admin-search--adm01 {
  display: flex;
  width: min(440px, 48%);
  min-height: 40px;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto 0 0;
  padding: 0 13px;
  border-color: #35301f;
  background: #090a0b;
  color: #696c6f;
  font-size: 11px;
}

.admin-search--adm01 kbd {
  border: 0;
  background: transparent;
  color: #dca00f;
  font-family: inherit;
  font-size: 18px;
}

.admin-topbar--adm01 .admin-user {
  min-width: 0;
  gap: 11px;
}

.admin-topbar--adm01 .admin-user__dot {
  width: 9px;
  height: 9px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: #67b93e;
  box-shadow: 0 0 10px rgba(103, 185, 62, 0.35);
  color: transparent;
  font-size: 0;
}

.admin-topbar--adm01 .admin-user strong {
  display: block;
  max-width: 270px;
  overflow: hidden;
  color: #e4e5e6;
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-topbar--adm01 .admin-user small {
  color: #6f7275;
  font-size: 9px;
  letter-spacing: 0.04em;
}

.admin-content--adm01 {
  width: 100%;
  max-width: 1540px;
  flex: 1;
  padding: 34px 36px 64px;
}

.adm01-primary-action {
  display: inline-flex;
  min-height: 42px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 17px;
  border: 1px solid #f3aa00;
  background: #f3aa00;
  color: #090a0b;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.02em;
  transition:
    border-color 160ms ease,
    background-color 160ms ease,
    box-shadow 160ms ease,
    transform 160ms ease;
}

.adm01-dashboard {
  display: grid;
  gap: 18px;
}

.adm01-stat-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 11px;
}

.adm01-stat-card {
  --adm01-accent: #f3aa00;

  position: relative;
  display: flex;
  min-width: 0;
  min-height: 156px;
  flex-direction: column;
  padding: 19px 18px 17px;
  overflow: hidden;
  border: 1px solid #302a1c;
  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.018),
      transparent 52%
    ),
    #0b0c0d;
  color: #f1f1f1;
  transition:
    border-color 170ms ease,
    transform 170ms ease,
    box-shadow 170ms ease;
}

.adm01-stat-card::before {
  position: absolute;
  inset: 0 auto 0 0;
  width: 2px;
  background: var(--adm01-accent);
  content: "";
}

.adm01-stat-card[data-tone="green"] {
  --adm01-accent: #77b947;
}

.adm01-stat-card[data-tone="blue"] {
  --adm01-accent: #5193c5;
}

.adm01-stat-card[data-tone="red"] {
  --adm01-accent: #d85a45;
}

.adm01-stat-card[data-tone="orange"] {
  --adm01-accent: #d6842d;
}

.adm01-stat-card__label {
  color: #8c8f92;
  font-size: 9px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

.adm01-stat-card > strong {
  margin-top: 13px;
  color: #f2f2f2;
  font-family: var(--tvk-font-editorial);
  font-size: 38px;
  font-weight: 400;
  line-height: 1;
}

.adm01-stat-card__note {
  margin-top: auto;
  padding-top: 16px;
  color: var(--adm01-accent);
  font-size: 10px;
  font-weight: 700;
}

.adm01-stat-card > small {
  margin-top: 5px;
  overflow: hidden;
  color: #666a6d;
  font-size: 9px;
  line-height: 1.4;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.adm01-dashboard-grid {
  display: grid;
  grid-template-columns:
    minmax(300px, 0.75fr)
    minmax(480px, 1.25fr);
  gap: 14px;
}

.adm01-panel {
  min-width: 0;
  overflow: hidden;
  border: 1px solid #302a1c;
  background: #0b0c0d;
}

.adm01-panel__head {
  display: flex;
  min-height: 75px;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 15px 18px;
  border-bottom: 1px solid #292419;
  background:
    linear-gradient(
      110deg,
      rgba(243, 170, 0, 0.035),
      transparent 44%
    );
}

.adm01-panel__head > div {
  min-width: 0;
}

.adm01-panel__head > div > span {
  color: #b98612;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.adm01-panel__head h2 {
  margin: 5px 0 0;
  color: #e7e7e7;
  font-family: var(--tvk-font-editorial);
  font-size: 20px;
  font-weight: 400;
  line-height: 1.15;
}

.adm01-panel__head > a {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 7px;
  color: #bdbfc1;
  font-size: 10px;
  transition:
    color 160ms ease,
    transform 160ms ease;
}

.adm01-panel__head > a span {
  color: #f3aa00;
}

.adm01-type-list {
  display: grid;
}

.adm01-type-list > div {
  display: flex;
  min-height: 54px;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 13px 18px;
  border-bottom: 1px solid #211e17;
}

.adm01-type-list > div:last-child {
  border-bottom: 0;
}

.adm01-type-list span {
  color: #a6a9ab;
  font-size: 11px;
}

.adm01-type-list strong {
  color: #e3a414;
  font-family: var(--tvk-font-editorial);
  font-size: 22px;
  font-weight: 400;
}

.adm01-audit-list {
  display: grid;
}

.adm01-audit-list article {
  display: grid;
  min-height: 62px;
  grid-template-columns: 7px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 12px 18px;
  border-bottom: 1px solid #211e17;
}

.adm01-audit-list article:last-child {
  border-bottom: 0;
}

.adm01-audit-list article > i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #d39a17;
  box-shadow: 0 0 8px rgba(211, 154, 23, 0.24);
}

.adm01-audit-list article > div {
  display: grid;
  min-width: 0;
  gap: 4px;
}

.adm01-audit-list strong {
  overflow: hidden;
  color: #d9dadb;
  font-size: 11px;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.adm01-audit-list article span {
  overflow: hidden;
  color: #696d70;
  font-size: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.adm01-audit-list time {
  color: #666a6d;
  font-size: 9px;
  white-space: nowrap;
}

.adm01-panel__empty {
  margin: 0;
  padding: 28px 18px;
  color: #686b6e;
  font-size: 11px;
  text-align: center;
}

.adm01-error {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 16px 18px;
  border: 1px solid #672f25;
  background: #1c100e;
}

.adm01-error strong {
  color: #f0a294;
  font-size: 12px;
}

.adm01-error p {
  margin: 5px 0 0;
  color: #b77b70;
  font-size: 10px;
}

.adm01-error button {
  flex: 0 0 auto;
  padding: 9px 13px;
  border: 1px solid #8e493b;
  background: #291410;
  color: #efab9e;
  cursor: pointer;
  font: inherit;
  font-size: 10px;
}

.adm01-loading {
  display: grid;
  gap: 15px;
  color: #777a7d;
  font-size: 11px;
}

.adm01-loading__grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 11px;
}

.adm01-loading__grid i {
  min-height: 156px;
  border: 1px solid #29251b;
  background:
    linear-gradient(
      100deg,
      #0a0b0c 25%,
      #111214 42%,
      #0a0b0c 60%
    );
  background-size: 240% 100%;
  animation: adm01-loading 1.4s ease infinite;
}

.admin-footer--adm01 {
  justify-content: space-between;
  margin-top: auto;
  padding: 20px 36px;
  border-top-color: #292419;
  background: #08090a;
}

.admin-footer--adm01 strong {
  color: #e9e9e9;
  letter-spacing: 0.14em;
}

@keyframes adm01-loading {
  from {
    background-position: 100% 0;
  }

  to {
    background-position: -100% 0;
  }
}

@media (hover: hover) and (pointer: fine) {
  .admin-sidebar--adm01 .admin-nav a:hover {
    background: rgba(243, 170, 0, 0.045);
    color: #e1e2e3;
  }

  .admin-sidebar--adm01 .admin-sidebar__public:hover {
    border-color: #9a741b;
    background: #0e0f10;
    color: #f3aa00;
  }

  .adm01-primary-action:hover {
    border-color: #ffbc24;
    background: #ffb710;
    box-shadow: 0 8px 24px rgba(243, 170, 0, 0.12);
    transform: translateY(-1px);
  }

  .adm01-stat-card:hover {
    border-color: #55451f;
    box-shadow: 0 10px 32px rgba(0, 0, 0, 0.2);
    transform: translateY(-2px);
  }

  .adm01-panel__head > a:hover {
    color: #f3aa00;
    transform: translateX(3px);
  }
}

.admin-sidebar--adm01 .admin-nav a:focus-visible,
.admin-sidebar--adm01 .admin-sidebar__public:focus-visible,
.adm01-primary-action:focus-visible,
.adm01-stat-card:focus-visible,
.adm01-panel__head > a:focus-visible,
.adm01-error button:focus-visible {
  outline: 2px solid #f3aa00;
  outline-offset: 2px;
}

@media (max-width: 1280px) {
  .adm01-stat-grid,
  .adm01-loading__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 1050px) {
  .admin-app--adm01 {
    grid-template-columns: 205px minmax(0, 1fr);
  }

  .admin-sidebar--adm01 .admin-nav a,
  .admin-sidebar--adm01 .admin-nav__disabled {
    padding-right: 15px;
    padding-left: 19px;
  }

  .admin-content--adm01 {
    padding-right: 24px;
    padding-left: 24px;
  }

  .adm01-dashboard-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .admin-app--adm01 {
    display: block;
  }

  .admin-sidebar--adm01 {
    position: static;
    height: auto;
    overflow: visible;
    border-right: 0;
    border-bottom: 1px solid #2f2818;
  }

  .admin-sidebar--adm01 .admin-brand {
    position: static;
    padding: 18px 16px 15px;
  }

  .admin-sidebar--adm01 .admin-nav {
    display: flex;
    gap: 0;
    padding: 0 8px 10px;
    overflow-x: auto;
  }

  .admin-sidebar--adm01 .admin-nav a,
  .admin-sidebar--adm01 .admin-nav__disabled {
    min-height: 38px;
    flex: 0 0 auto;
    padding: 9px 11px;
    border-bottom: 2px solid transparent;
    white-space: nowrap;
  }

  .admin-sidebar--adm01 .admin-nav a::before {
    display: none;
  }

  .admin-sidebar--adm01 .admin-nav a.active {
    border-bottom-color: #f3aa00;
    background: rgba(243, 170, 0, 0.07);
  }

  .admin-sidebar--adm01 .admin-sidebar__public {
    display: none;
  }

  .admin-topbar--adm01 {
    position: static;
    min-height: 58px;
    padding: 10px 16px;
  }

  .admin-search--adm01 {
    display: none;
  }

  .admin-topbar--adm01 .admin-user {
    margin-left: auto;
  }

  .admin-content--adm01 {
    padding: 25px 15px 48px;
  }

  .admin-heading--adm01 {
    align-items: flex-start;
    flex-direction: column;
  }

  .admin-heading__actions,
  .adm01-primary-action {
    width: 100%;
  }

  .adm01-stat-grid,
  .adm01-loading__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .adm01-audit-list article {
    grid-template-columns: 7px minmax(0, 1fr);
  }

  .adm01-audit-list time {
    grid-column: 2;
  }

  .admin-footer--adm01 {
    align-items: flex-start;
    flex-direction: column;
    padding-right: 16px;
    padding-left: 16px;
  }
}

@media (max-width: 480px) {
  .adm01-stat-grid,
  .adm01-loading__grid {
    grid-template-columns: 1fr;
  }

  .adm01-stat-card,
  .adm01-loading__grid i {
    min-height: 142px;
  }

  .adm01-error {
    align-items: stretch;
    flex-direction: column;
  }
}

@media (prefers-reduced-motion: reduce) {
  .adm01-loading__grid i {
    animation: none;
  }

  .adm01-primary-action,
  .adm01-stat-card,
  .adm01-panel__head > a {
    transition: none;
  }
}

/* --- TV KADR ADM-01 MOCKUP ALIGNMENT START --- */

.admin-topbar__title--adm01 {
  min-width: 260px;
  flex: 0 1 360px;
}

.admin-topbar__title--adm01 h1 {
  margin: 0;
  overflow: hidden;
  color: #ededed;
  font-family: var(--tvk-font-ui);
  font-size: 19px;
  font-weight: 700;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-topbar--adm01 .admin-search--adm01 {
  width: min(410px, 38%);
  margin: 0 auto;
}

.admin-page-toolbar--adm01 {
  display: flex;
  min-height: 51px;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  margin-bottom: 14px;
  padding-bottom: 14px;
  border-bottom: 1px solid #2c2618;
}

.admin-page-toolbar--adm01 > p {
  margin: 0;
  color: #777b7e;
  font-size: 10px;
  line-height: 1.45;
}

.admin-page-toolbar__actions {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 10px;
}

.adm01-dashboard--aligned .adm01-stat-grid,
.adm01-dashboard--aligned .adm01-loading__grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.adm01-dashboard--aligned .adm01-stat-card {
  min-height: 143px;
  padding: 17px 16px 15px;
}

.adm01-dashboard--aligned .adm01-stat-card > strong {
  margin-top: 11px;
  font-size: 35px;
}

.adm01-dashboard--aligned .adm01-stat-card__note {
  padding-top: 13px;
}

.adm01-dashboard--aligned .adm01-dashboard-grid {
  align-items: start;
}

.adm01-left-stack {
  display: grid;
  min-width: 0;
  gap: 14px;
}

.adm01-quick-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
  padding: 11px;
}

.adm01-quick-action {
  display: flex;
  min-width: 0;
  min-height: 112px;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  padding: 15px;
  border: 1px solid #312a1b;
  background:
    linear-gradient(
      145deg,
      rgba(243, 170, 0, 0.025),
      transparent 58%
    ),
    #0a0b0c;
  color: #dadbdc;
  transition:
    border-color 160ms ease,
    background-color 160ms ease,
    transform 160ms ease;
}

.adm01-quick-action svg {
  width: 27px;
  height: 27px;
  margin-bottom: 11px;
  fill: none;
  stroke: #e4a313;
  stroke-width: 1.4;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.adm01-quick-action strong {
  overflow: hidden;
  max-width: 100%;
  color: #dfe0e1;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.adm01-quick-action > span {
  margin-top: 5px;
  color: #676b6e;
  font-size: 9px;
  line-height: 1.35;
}

.adm01-dashboard--aligned .adm01-panel__head {
  min-height: 68px;
  padding-top: 13px;
  padding-bottom: 13px;
}

.adm01-dashboard--aligned .adm01-type-list > div {
  min-height: 50px;
  padding-top: 11px;
  padding-bottom: 11px;
}

.adm01-dashboard--aligned .adm01-audit-list article {
  min-height: 58px;
  padding-top: 10px;
  padding-bottom: 10px;
}

@media (hover: hover) and (pointer: fine) {
  .adm01-quick-action:hover {
    border-color: #70551c;
    background:
      linear-gradient(
        145deg,
        rgba(243, 170, 0, 0.055),
        transparent 60%
      ),
      #0c0d0e;
    transform: translateY(-2px);
  }
}

.adm01-quick-action:focus-visible {
  outline: 2px solid #f3aa00;
  outline-offset: 2px;
}

@media (max-width: 1150px) {
  .admin-topbar__title--adm01 {
    min-width: 210px;
    flex-basis: 280px;
  }

  .admin-topbar--adm01 .admin-search--adm01 {
    width: min(330px, 34%);
  }
}

@media (max-width: 980px) {
  .adm01-dashboard--aligned .adm01-stat-grid,
  .adm01-dashboard--aligned .adm01-loading__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .admin-topbar--adm01 .admin-search--adm01 {
    display: none;
  }
}

@media (max-width: 720px) {
  .admin-topbar__title--adm01 {
    min-width: 0;
    flex: 1 1 auto;
  }

  .admin-topbar__title--adm01 h1 {
    font-size: 17px;
  }

  .admin-page-toolbar--adm01 {
    align-items: stretch;
    flex-direction: column;
  }

  .admin-page-toolbar__actions,
  .admin-page-toolbar__actions .adm01-primary-action {
    width: 100%;
  }

  .adm01-dashboard--aligned .adm01-stat-grid,
  .adm01-dashboard--aligned .adm01-loading__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 520px) {
  .adm01-quick-grid {
    grid-template-columns: 1fr;
  }

  .adm01-dashboard--aligned .adm01-stat-grid,
  .adm01-dashboard--aligned .adm01-loading__grid {
    grid-template-columns: 1fr;
  }
}

/* --- TV KADR ADM-01 MOCKUP ALIGNMENT END --- */

/* --- TV KADR ADM-01 LOWER MODULES START --- */

.adm01-lower-grid {
  display: grid;
  grid-template-columns:
    minmax(520px, 1.2fr)
    minmax(360px, 0.8fr);
  align-items: start;
  gap: 14px;
}

.adm01-latest-list {
  display: grid;
}

.adm01-latest-row {
  display: grid;
  min-width: 0;
  min-height: 67px;
  grid-template-columns:
    48px
    minmax(0, 1fr)
    auto
    112px;
  align-items: center;
  gap: 13px;
  padding: 9px 16px;
  border-bottom: 1px solid #211e17;
  color: #d9dadb;
  transition:
    background-color 160ms ease,
    border-color 160ms ease;
}

.adm01-latest-row:last-child {
  border-bottom: 0;
}

.adm01-latest-cover {
  display: grid;
  width: 48px;
  height: 42px;
  place-items: center;
  overflow: hidden;
  border: 1px solid #40351e;
  background:
    radial-gradient(
      circle at 50% 45%,
      #322509,
      #0b0c0d 68%
    );
  background-position: center;
  background-size: cover;
}

.adm01-latest-cover span {
  color: #e3a414;
  font-family: var(--tvk-font-editorial);
  font-size: 19px;
}

.adm01-latest-copy {
  display: grid;
  min-width: 0;
  gap: 5px;
}

.adm01-latest-copy strong {
  overflow: hidden;
  color: #dcddde;
  font-size: 10px;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.adm01-latest-copy span {
  overflow: hidden;
  color: #696d70;
  font-size: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.adm01-latest-row > time {
  color: #686c6f;
  font-size: 9px;
  text-align: right;
  white-space: nowrap;
}

.adm01-latest-row .status-badge {
  justify-self: end;
  white-space: nowrap;
}

.adm01-moderation-tabs {
  display: flex;
  min-height: 43px;
  align-items: flex-end;
  gap: 18px;
  padding: 0 16px;
  border-bottom: 1px solid #292419;
}

.adm01-moderation-tabs button {
  position: relative;
  display: inline-flex;
  min-height: 43px;
  align-items: center;
  gap: 6px;
  padding: 0 2px;
  border: 0;
  background: transparent;
  color: #777b7e;
  cursor: pointer;
  font: inherit;
  font-size: 10px;
}

.adm01-moderation-tabs button::after {
  position: absolute;
  right: 0;
  bottom: -1px;
  left: 0;
  height: 2px;
  background: transparent;
  content: "";
}

.adm01-moderation-tabs button.active {
  color: #e0e1e2;
}

.adm01-moderation-tabs button.active::after {
  background: #f3aa00;
}

.adm01-moderation-tabs b {
  color: #c69217;
  font-size: 9px;
}

.adm01-moderation-list {
  display: grid;
}

.adm01-moderation-list > a {
  display: grid;
  min-width: 0;
  min-height: 75px;
  grid-template-columns:
    32px
    minmax(0, 1fr)
    auto;
  align-items: center;
  gap: 11px;
  padding: 10px 16px;
  border-bottom: 1px solid #211e17;
  color: #d9dadb;
  transition:
    background-color 160ms ease,
    border-color 160ms ease;
}

.adm01-moderation-list > a:last-child {
  border-bottom: 0;
}

.adm01-moderation-avatar {
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
  border: 1px solid #5c471b;
  border-radius: 50%;
  background: #171307;
  color: #e3a414;
  font-size: 10px;
  font-style: normal;
  font-weight: 800;
}

.adm01-moderation-avatar--report {
  border-color: #70382e;
  background: #20110e;
  color: #df715d;
}

.adm01-moderation-copy {
  display: grid;
  min-width: 0;
  gap: 3px;
}

.adm01-moderation-copy strong {
  overflow: hidden;
  color: #dbdcdd;
  font-size: 10px;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.adm01-moderation-copy small {
  display: -webkit-box;
  overflow: hidden;
  color: #8b8e90;
  font-size: 9px;
  line-height: 1.35;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.adm01-moderation-copy em {
  overflow: hidden;
  color: #5f6366;
  font-size: 8px;
  font-style: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.adm01-moderation-list time {
  align-self: start;
  padding-top: 4px;
  color: #686c6f;
  font-size: 8px;
  white-space: nowrap;
}

.adm01-moderation-state {
  min-height: 100px;
  padding: 35px 18px;
  color: #696d70;
  font-size: 10px;
  line-height: 1.5;
  text-align: center;
}

.adm01-moderation-state--error {
  color: #d98b7d;
}

@media (hover: hover) and (pointer: fine) {
  .adm01-latest-row:hover,
  .adm01-moderation-list > a:hover {
    border-color: #3e3219;
    background: rgba(
      243,
      170,
      0,
      0.025
    );
  }

  .adm01-moderation-tabs button:hover {
    color: #d6d7d8;
  }
}

.adm01-latest-row:focus-visible,
.adm01-moderation-list > a:focus-visible,
.adm01-moderation-tabs button:focus-visible {
  outline: 2px solid #f3aa00;
  outline-offset: -2px;
}

@media (max-width: 1180px) {
  .adm01-lower-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .adm01-latest-row {
    grid-template-columns:
      44px
      minmax(0, 1fr)
      auto;
  }

  .adm01-latest-cover {
    width: 44px;
    height: 40px;
  }

  .adm01-latest-row > time {
    grid-column: 2 / -1;
    text-align: left;
  }
}

@media (max-width: 480px) {
  .adm01-latest-row {
    grid-template-columns:
      40px
      minmax(0, 1fr);
  }

  .adm01-latest-row .status-badge {
    grid-column: 2;
    justify-self: start;
  }

  .adm01-latest-cover {
    width: 40px;
    height: 38px;
  }

  .adm01-moderation-list > a {
    grid-template-columns:
      30px
      minmax(0, 1fr);
  }

  .adm01-moderation-list time {
    grid-column: 2;
  }
}

/* --- TV KADR ADM-01 LOWER MODULES END --- */

/* --- TV KADR ADM-01 FRIENDLY UI START --- */

.admin-app {
  grid-template-columns: 240px minmax(0, 1fr);
  background:
    radial-gradient(
      circle at 72% 8%,
      rgba(244, 163, 0, 0.035),
      transparent 30%
    ),
    #070809;
  color: #eeeeec;
  font-family: var(--tvk-font-ui);
}

.admin-icon {
  display: block;
  flex: 0 0 auto;
  overflow: visible;
}

.admin-icon * {
  vector-effect: non-scaling-stroke;
}

.admin-sidebar {
  z-index: 20;
  padding: 24px 0 16px;
  border-right-color: rgba(244, 163, 0, 0.17);
  background:
    linear-gradient(
      180deg,
      rgba(244, 163, 0, 0.025),
      transparent 24%
    ),
    #08090a;
  box-shadow:
    inset -1px 0 rgba(255, 255, 255, 0.012),
    14px 0 44px rgba(0, 0, 0, 0.18);
}

.admin-brand {
  padding: 0 24px 24px;
  font-size: 21px;
  line-height: 1;
}

.admin-brand > span {
  color: #d8241f;
}

.admin-brand small {
  margin-top: 8px;
  color: #747474;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0.15em;
}

.admin-nav {
  gap: 1px;
}

.admin-nav a,
.admin-nav__disabled {
  min-height: 43px;
  padding: 10px 19px;
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  border-left: 2px solid transparent;
  color: #a8abad;
  font-size: 12px;
  line-height: 1.25;
  transition:
    color 160ms ease,
    border-color 160ms ease,
    background-color 160ms ease;
}

.admin-nav a .admin-icon,
.admin-nav__disabled .admin-icon {
  width: 17px;
  height: 17px;
}

.admin-nav a.active {
  border-left-color: #f2aa00;
  background:
    linear-gradient(
      90deg,
      rgba(242, 170, 0, 0.14),
      rgba(242, 170, 0, 0.025)
    );
  color: #f5b414;
}

.admin-nav__disabled {
  color: #55585a;
}

.admin-nav__disabled em {
  padding: 3px 5px;
  border: 1px solid #2d2f30;
  border-radius: 3px;
  color: #56595b;
  font-size: 7px;
  line-height: 1;
  text-transform: uppercase;
}

@media (hover: hover) and (pointer: fine) {
  .admin-nav a:not(.active):hover {
    border-left-color: rgba(244, 163, 0, 0.38);
    background: rgba(244, 163, 0, 0.035);
    color: #e3e3df;
  }
}

.admin-sidebar__public {
  min-height: 43px;
  margin: auto 18px 0;
  padding: 11px 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  border-color: rgba(244, 163, 0, 0.3);
  color: #dca000;
  text-align: left;
}

.admin-sidebar__public .admin-icon {
  width: 16px;
  height: 16px;
}

.admin-main {
  min-height: 100vh;
  display: flex;
  min-width: 0;
  flex-direction: column;
}

.admin-topbar {
  position: sticky;
  top: 0;
  z-index: 15;
  height: 78px;
  padding: 0 30px;
  justify-content: initial;
  gap: 28px;
  border-bottom-color: rgba(244, 163, 0, 0.14);
  background: rgba(7, 8, 9, 0.94);
  backdrop-filter: blur(14px);
}

.admin-topbar__title {
  min-width: 280px;
  margin: 0;
  color: #f0f0ed;
  font-family: var(--tvk-font-ui);
  font-size: 20px;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: -0.02em;
}

.admin-search {
  width: min(430px, 42%);
  min-height: 40px;
  margin: 0 auto;
  padding: 0 13px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border-color: rgba(244, 163, 0, 0.22);
  background: #090a0b;
  color: #8b8e90;
}

.admin-search .admin-icon {
  width: 17px;
  height: 17px;
  color: #dca000;
}

.admin-user {
  max-width: 250px;
  gap: 10px;
}

.admin-user__avatar {
  width: 34px;
  height: 34px;
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  border: 1px solid rgba(244, 163, 0, 0.34);
  border-radius: 50%;
  color: #e2aa12;
  background: rgba(244, 163, 0, 0.035);
}

.admin-user__avatar .admin-icon {
  width: 18px;
  height: 18px;
}

.admin-user__copy {
  min-width: 0;
}

.admin-user__copy strong,
.admin-user__copy small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-user__copy strong {
  color: #e9e9e6;
  font-size: 11px;
}

.admin-user__copy small {
  margin-top: 3px;
  color: #6f7274;
  font-size: 9px;
}

.admin-content {
  width: 100%;
  max-width: 1600px;
  padding: 28px 30px 60px;
  flex: 1 0 auto;
}

.admin-heading {
  min-height: 58px;
  margin-bottom: 18px;
  padding-bottom: 16px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  border-bottom: 1px solid rgba(244, 163, 0, 0.15);
}

.admin-heading__eyebrow {
  display: block;
  margin-bottom: 7px;
  color: #c89000;
  font-size: 9px;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: 0.11em;
}

.admin-heading p {
  margin: 0;
  color: #878a8c;
  font-size: 12px;
  line-height: 1.45;
}

.admin-dashboard-primary {
  min-height: 42px;
  padding: 0 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  border: 1px solid #f1aa00;
  background:
    linear-gradient(
      180deg,
      #f8bc22,
      #eaa300
    );
  color: #08090a;
  font-size: 11px;
  line-height: 1;
  font-weight: 800;
  box-shadow:
    inset 0 1px rgba(255, 255, 255, 0.26),
    0 6px 20px rgba(244, 163, 0, 0.08);
}

.admin-dashboard-primary .admin-icon {
  width: 16px;
  height: 16px;
}

@media (hover: hover) and (pointer: fine) {
  .admin-dashboard-primary:hover {
    background:
      linear-gradient(
        180deg,
        #ffc83d,
        #f2aa00
      );
    box-shadow:
      inset 0 1px rgba(255, 255, 255, 0.3),
      0 8px 24px rgba(244, 163, 0, 0.14);
  }
}

.admin-dashboard--friendly {
  display: grid;
  gap: 14px;
}

.admin-dashboard__loading {
  min-height: 280px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 12px;
  border: 1px solid rgba(244, 163, 0, 0.15);
  background: #0b0c0d;
  color: #85888a;
  font-size: 12px;
}

.admin-dashboard__loading .admin-icon {
  width: 30px;
  height: 30px;
  color: #d49a00;
}

.admin-dashboard-stats {
  display: grid;
  grid-template-columns: repeat(
    5,
    minmax(0, 1fr)
  );
  gap: 10px;
}

.admin-dashboard-stat {
  position: relative;
  min-height: 142px;
  padding: 17px 16px 15px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-rows: auto 1fr auto;
  gap: 8px 12px;
  overflow: hidden;
  border: 1px solid #312b1d;
  border-left: 2px solid #dca000;
  background:
    radial-gradient(
      circle at 100% 0,
      rgba(255, 255, 255, 0.035),
      transparent 48%
    ),
    linear-gradient(
      145deg,
      #111213,
      #0b0c0d
    );
  color: #ecece9;
  box-shadow:
    inset 0 1px rgba(255, 255, 255, 0.018),
    inset 0 0 28px rgba(244, 163, 0, 0.012);
  transition:
    transform 160ms ease,
    border-color 160ms ease,
    background-color 160ms ease;
}

.admin-dashboard-stat.is-green {
  border-left-color: #62ae32;
}

.admin-dashboard-stat.is-blue {
  border-left-color: #499ac2;
}

.admin-dashboard-stat.is-red {
  border-left-color: #cf5944;
}

.admin-dashboard-stat.is-orange {
  border-left-color: #d48b27;
}

.admin-dashboard-stat__icon {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border: 1px solid currentColor;
  border-radius: 50%;
  color: #dca000;
  opacity: 0.95;
}

.is-green .admin-dashboard-stat__icon {
  color: #6bb53d;
}

.is-blue .admin-dashboard-stat__icon {
  color: #55a3c9;
}

.is-red .admin-dashboard-stat__icon {
  color: #da644e;
}

.is-orange .admin-dashboard-stat__icon {
  color: #dc932d;
}

.admin-dashboard-stat__icon .admin-icon {
  width: 17px;
  height: 17px;
}

.admin-dashboard-stat__label {
  align-self: center;
  color: #85888a;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.admin-dashboard-stat > strong {
  align-self: center;
  grid-column: 1 / -1;
  color: #f0f0ed;
  font-family: var(--tvk-font-editorial);
  font-size: 31px;
  line-height: 1;
  font-weight: 400;
}

.admin-dashboard-stat__note {
  grid-column: 1 / -1;
  color: #8c8f91;
  font-size: 9px;
  line-height: 1.4;
}

@media (hover: hover) and (pointer: fine) {
  .admin-dashboard-stat:hover {
    transform: translateY(-2px);
    border-top-color: rgba(244, 163, 0, 0.45);
    border-right-color: rgba(244, 163, 0, 0.32);
    border-bottom-color: rgba(244, 163, 0, 0.32);
    background:
      radial-gradient(
        circle at 100% 0,
        rgba(244, 163, 0, 0.055),
        transparent 50%
      ),
      linear-gradient(
        145deg,
        #141516,
        #0c0d0e
      );
  }
}

.admin-dashboard-overview {
  display: grid;
  grid-template-columns:
    minmax(360px, 0.76fr)
    minmax(520px, 1.24fr);
  gap: 14px;
}

.admin-dashboard-left-stack {
  display: grid;
  align-content: start;
  gap: 14px;
}

.admin-dashboard-lower {
  display: grid;
  grid-template-columns:
    minmax(0, 1.35fr)
    minmax(340px, 0.65fr);
  gap: 14px;
}

.admin-dashboard-panel {
  min-width: 0;
  overflow: hidden;
  border: 1px solid #302a1d;
  background:
    linear-gradient(
      150deg,
      rgba(255, 255, 255, 0.014),
      transparent 34%
    ),
    #0b0c0d;
  box-shadow:
    inset 0 1px rgba(255, 255, 255, 0.015),
    inset 0 0 32px rgba(244, 163, 0, 0.009);
}

.admin-dashboard-panel__head {
  min-height: 66px;
  padding: 14px 17px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  border-bottom: 1px solid #24231e;
  background:
    linear-gradient(
      90deg,
      rgba(244, 163, 0, 0.018),
      transparent 42%
    );
}

.admin-dashboard-panel__head h2 {
  margin: 4px 0 0;
  color: #e8e8e5;
  font-family: var(--tvk-font-editorial);
  font-size: 20px;
  line-height: 1.15;
  font-weight: 400;
}

.admin-dashboard-eyebrow {
  display: block;
  color: #c88f00;
  font-size: 8px;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: 0.1em;
}

.admin-dashboard-panel__link {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #b8babd;
  font-size: 9px;
  white-space: nowrap;
}

.admin-dashboard-panel__link .admin-icon {
  width: 13px;
  height: 13px;
  color: #d99c00;
  transition: transform 160ms ease;
}

@media (hover: hover) and (pointer: fine) {
  .admin-dashboard-panel__link:hover {
    color: #f1b20d;
  }

  .admin-dashboard-panel__link:hover .admin-icon {
    transform: translateX(4px);
  }
}

.admin-quick-actions {
  padding: 11px;
  display: grid;
  grid-template-columns: repeat(
    2,
    minmax(0, 1fr)
  );
  gap: 9px;
}

.admin-quick-actions > a {
  position: relative;
  min-height: 116px;
  padding: 14px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  overflow: hidden;
  border: 1px solid #312b1c;
  background:
    radial-gradient(
      circle at 100% 0,
      rgba(244, 163, 0, 0.035),
      transparent 46%
    ),
    #0d0e0f;
  color: #e4e4e1;
  transition:
    border-color 160ms ease,
    background-color 160ms ease,
    transform 160ms ease;
}

.admin-quick-action__icon {
  width: 31px;
  height: 31px;
  margin-bottom: 13px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(244, 163, 0, 0.48);
  border-radius: 50%;
  color: #e0a200;
}

.admin-quick-action__icon .admin-icon {
  width: 16px;
  height: 16px;
}

.admin-quick-actions strong {
  font-size: 11px;
  line-height: 1.35;
}

.admin-quick-actions small {
  margin-top: 4px;
  color: #727577;
  font-size: 8px;
  line-height: 1.4;
}

.admin-quick-action__arrow {
  position: absolute;
  right: 12px;
  bottom: 12px;
  width: 13px;
  height: 13px;
  color: #9b7307;
  opacity: 0;
  transform: translateX(-4px);
  transition:
    opacity 160ms ease,
    transform 160ms ease;
}

@media (hover: hover) and (pointer: fine) {
  .admin-quick-actions > a:hover {
    transform: translateY(-2px);
    border-color: rgba(244, 163, 0, 0.52);
    background:
      radial-gradient(
        circle at 100% 0,
        rgba(244, 163, 0, 0.075),
        transparent 50%
      ),
      #101112;
  }

  .admin-quick-actions > a:hover .admin-quick-action__arrow {
    opacity: 1;
    transform: translateX(0);
  }
}

.admin-type-list {
  display: grid;
}

.admin-type-list > a {
  min-height: 49px;
  padding: 0 17px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  border-bottom: 1px solid #20211e;
  color: #96999b;
  font-size: 10px;
  transition:
    color 160ms ease,
    background-color 160ms ease;
}

.admin-type-list > a:last-child {
  border-bottom: 0;
}

.admin-type-list strong {
  color: #dca000;
  font-family: var(--tvk-font-editorial);
  font-size: 18px;
  font-weight: 400;
}

@media (hover: hover) and (pointer: fine) {
  .admin-type-list > a:hover {
    background: rgba(244, 163, 0, 0.025);
    color: #e3e3e0;
  }
}

.admin-activity-panel {
  align-self: start;
}

.admin-friendly-audit {
  display: grid;
}

.admin-friendly-audit__item {
  min-height: 59px;
  padding: 10px 17px;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  align-items: center;
  gap: 11px;
  border-bottom: 1px solid #20211e;
}

.admin-friendly-audit__item:last-child {
  border-bottom: 0;
}

.admin-friendly-audit__icon {
  width: 27px;
  height: 27px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(244, 163, 0, 0.3);
  border-radius: 50%;
  color: #d99c00;
  background: rgba(244, 163, 0, 0.025);
}

.admin-friendly-audit__icon .admin-icon {
  width: 13px;
  height: 13px;
}

.admin-friendly-audit__copy {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.admin-friendly-audit__copy strong {
  overflow: hidden;
  color: #dfe0dd;
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-friendly-audit__copy small {
  overflow: hidden;
  color: #6e7173;
  font-size: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-friendly-audit time {
  color: #666a6c;
  font-size: 8px;
  white-space: nowrap;
}

.admin-latest-materials,
.admin-moderation-list {
  display: grid;
}

.admin-latest-material {
  min-height: 66px;
  padding: 9px 14px;
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  border-bottom: 1px solid #20211e;
  color: #e5e5e2;
  transition: background-color 160ms ease;
}

.admin-latest-material:last-child {
  border-bottom: 0;
}

.admin-latest-material__cover {
  width: 72px;
  aspect-ratio: 16 / 9;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid #373122;
  background:
    radial-gradient(
      circle,
      rgba(244, 163, 0, 0.11),
      transparent 65%
    ),
    #101112;
  background-position: center;
  background-size: cover;
  color: #9d760d;
}

.admin-latest-material__cover .admin-icon {
  width: 20px;
  height: 20px;
}

.admin-latest-material__copy {
  min-width: 0;
  display: grid;
  gap: 5px;
}

.admin-latest-material__copy strong {
  overflow: hidden;
  font-size: 10px;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-latest-material__copy small {
  overflow: hidden;
  color: #737678;
  font-size: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-latest-material__meta {
  min-width: 116px;
  display: grid;
  justify-items: end;
  gap: 7px;
}

.admin-latest-material__meta em {
  padding: 4px 7px;
  border: 1px solid #414141;
  border-radius: 3px;
  color: #a5a5a5;
  font-size: 7px;
  line-height: 1;
  font-style: normal;
}

.admin-latest-material__meta em.is-published {
  border-color: #2e591c;
  background: rgba(65, 139, 31, 0.13);
  color: #71c044;
}

.admin-latest-material__meta em.is-scheduled {
  border-color: #655015;
  background: rgba(192, 145, 18, 0.12);
  color: #ddb328;
}

.admin-latest-material__meta em.is-hidden {
  border-color: #682e25;
  background: rgba(156, 49, 32, 0.13);
  color: #dc775f;
}

.admin-latest-material__meta time {
  color: #666a6c;
  font-size: 8px;
  white-space: nowrap;
}

@media (hover: hover) and (pointer: fine) {
  .admin-latest-material:hover,
  .admin-moderation-item:hover {
    background: rgba(244, 163, 0, 0.025);
  }
}

.admin-moderation-item {
  min-height: 73px;
  padding: 10px 14px;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  border-bottom: 1px solid #20211e;
  color: #e4e4e1;
  transition: background-color 160ms ease;
}

.admin-moderation-item:last-child {
  border-bottom: 0;
}

.admin-moderation-item__avatar {
  width: 33px;
  height: 33px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(244, 163, 0, 0.35);
  border-radius: 50%;
  color: #d59a00;
  background: rgba(244, 163, 0, 0.025);
}

.admin-moderation-item__avatar .admin-icon {
  width: 15px;
  height: 15px;
}

.admin-moderation-item__copy {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.admin-moderation-item__top {
  display: flex;
  align-items: center;
  gap: 7px;
}

.admin-moderation-item__top strong {
  overflow: hidden;
  font-size: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-moderation-item__top em {
  padding: 3px 5px;
  border: 1px solid #5f4912;
  border-radius: 3px;
  color: #c9950d;
  font-size: 6px;
  line-height: 1;
  font-style: normal;
}

.admin-moderation-item__body {
  display: -webkit-box;
  overflow: hidden;
  color: #a0a2a4;
  font-size: 8px;
  line-height: 1.35;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.admin-moderation-item__copy small {
  overflow: hidden;
  color: #636668;
  font-size: 7px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-moderation-item time {
  align-self: start;
  padding-top: 2px;
  color: #666a6c;
  font-size: 7px;
  white-space: nowrap;
}

.admin-dashboard-empty {
  min-height: 112px;
  padding: 20px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 8px;
  color: #696c6e;
  font-size: 9px;
  text-align: center;
}

.admin-dashboard-empty .admin-icon {
  width: 23px;
  height: 23px;
  color: #8f6b0c;
}

.admin-dashboard-panel__notice {
  padding: 9px 14px;
  border-bottom: 1px solid #5d2c22;
  background: rgba(126, 37, 25, 0.12);
  color: #d68170;
  font-size: 8px;
  line-height: 1.4;
}

.admin-footer {
  margin-top: auto;
  justify-content: space-between;
  border-top-color: rgba(244, 163, 0, 0.12);
  background: #08090a;
}

.admin-footer strong {
  color: #d9a000;
}

@media (max-width: 1280px) {
  .admin-dashboard-stats {
    grid-template-columns: repeat(
      3,
      minmax(0, 1fr)
    );
  }

  .admin-dashboard-overview,
  .admin-dashboard-lower {
    grid-template-columns: 1fr;
  }

  .admin-topbar__title {
    min-width: 230px;
  }
}

@media (max-width: 1050px) {
  .admin-app {
    grid-template-columns: 190px minmax(0, 1fr);
  }

  .admin-topbar {
    padding-inline: 20px;
  }

  .admin-topbar__title {
    min-width: 0;
    font-size: 17px;
  }

  .admin-search {
    width: min(340px, 42%);
  }

  .admin-content {
    padding-inline: 20px;
  }
}

@media (max-width: 720px) {
  .admin-app {
    display: block;
  }

  .admin-sidebar {
    position: static;
    height: auto;
    padding: 14px;
  }

  .admin-brand {
    padding: 0 2px 14px;
  }

  .admin-nav {
    display: flex;
    gap: 4px;
    overflow-x: auto;
    scrollbar-width: thin;
  }

  .admin-nav a,
  .admin-nav__disabled {
    min-width: max-content;
    min-height: 40px;
    padding: 9px 11px;
    grid-template-columns: 17px auto auto;
    border-left: 0;
    border-bottom: 2px solid transparent;
  }

  .admin-nav a.active {
    border-bottom-color: #f2aa00;
  }

  .admin-sidebar__public {
    display: none;
  }

  .admin-topbar {
    position: static;
    height: auto;
    min-height: 61px;
    padding: 11px 14px;
  }

  .admin-topbar__title {
    font-size: 16px;
  }

  .admin-search {
    display: none;
  }

  .admin-user {
    margin-left: auto;
  }

  .admin-user__copy {
    display: none;
  }

  .admin-content {
    padding: 20px 14px 42px;
  }

  .admin-heading {
    align-items: stretch;
    flex-direction: column;
  }

  .admin-heading__action {
    width: 100%;
  }

  .admin-dashboard-primary {
    width: 100%;
  }

  .admin-dashboard-stats {
    grid-template-columns: repeat(
      2,
      minmax(0, 1fr)
    );
  }

  .admin-dashboard-stat {
    min-height: 130px;
  }

  .admin-quick-actions {
    grid-template-columns: 1fr 1fr;
  }

  .admin-friendly-audit__item {
    grid-template-columns: 28px minmax(0, 1fr);
  }

  .admin-friendly-audit time {
    display: none;
  }

  .admin-latest-material {
    grid-template-columns: 64px minmax(0, 1fr);
  }

  .admin-latest-material__cover {
    width: 64px;
  }

  .admin-latest-material__meta {
    grid-column: 2;
    min-width: 0;
    justify-items: start;
  }

  .admin-moderation-item {
    grid-template-columns: 33px minmax(0, 1fr);
  }

  .admin-moderation-item time {
    display: none;
  }
}

@media (max-width: 480px) {
  .admin-dashboard-stats,
  .admin-quick-actions {
    grid-template-columns: 1fr;
  }

  .admin-dashboard-stat {
    min-height: 122px;
  }

  .admin-dashboard-panel__head {
    align-items: flex-start;
  }

  .admin-dashboard-panel__link > span {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .admin-dashboard--friendly *,
  .admin-nav a {
    scroll-behavior: auto;
    transition-duration: 0.01ms;
  }
}

/* --- TV KADR ADM-01 TYPOGRAPHY SCALE START --- */

/*
 * Каждый уровень увеличен отдельно.
 * Общий zoom и transform не используются.
 */

/* Боковая навигация */

.admin-brand {
  font-size: 23px;
}

.admin-brand small {
  font-size: 9px;
}

.admin-nav a,
.admin-nav__disabled {
  min-height: 46px;
  font-size: 13px;
  line-height: 1.3;
}

.admin-nav a .admin-icon,
.admin-nav__disabled .admin-icon {
  width: 18px;
  height: 18px;
}

.admin-nav__disabled em {
  padding: 4px 6px;
  font-size: 8px;
}

.admin-sidebar__public {
  min-height: 46px;
  font-size: 13px;
}

/* Верхняя панель */

.admin-topbar__title {
  font-size: 22px;
}

.admin-search {
  font-size: 13px;
}

.admin-user__copy strong {
  font-size: 12px;
}

.admin-user__copy small {
  font-size: 10px;
}

/* Подзаголовок и основное действие */

.admin-heading__eyebrow {
  font-size: 10px;
}

.admin-heading p {
  font-size: 13px;
  line-height: 1.5;
}

.admin-dashboard-primary {
  min-height: 44px;
  padding-inline: 20px;
  font-size: 12px;
}

/* Верхние карточки показателей */

.admin-dashboard-stat {
  min-height: 154px;
  padding: 19px 18px 17px;
}

.admin-dashboard-stat__icon {
  width: 37px;
  height: 37px;
}

.admin-dashboard-stat__icon .admin-icon {
  width: 18px;
  height: 18px;
}

.admin-dashboard-stat__label {
  font-size: 10px;
  line-height: 1.3;
}

.admin-dashboard-stat > strong {
  font-size: 34px;
}

.admin-dashboard-stat__note {
  font-size: 11px;
  line-height: 1.45;
}

/* Заголовки панелей */

.admin-dashboard-panel__head {
  min-height: 72px;
  padding: 16px 18px;
}

.admin-dashboard-panel__head h2 {
  font-size: 22px;
  line-height: 1.2;
}

.admin-dashboard-eyebrow {
  font-size: 10px;
}

.admin-dashboard-panel__link {
  font-size: 11px;
}

.admin-dashboard-panel__link .admin-icon {
  width: 14px;
  height: 14px;
}

/* Быстрые действия */

.admin-quick-actions {
  padding: 12px;
  gap: 10px;
}

.admin-quick-actions > a {
  min-height: 130px;
  padding: 16px;
}

.admin-quick-action__icon {
  width: 35px;
  height: 35px;
  margin-bottom: 14px;
}

.admin-quick-action__icon .admin-icon {
  width: 18px;
  height: 18px;
}

.admin-quick-actions strong {
  font-size: 13px;
  line-height: 1.4;
}

.admin-quick-actions small {
  margin-top: 5px;
  padding-right: 14px;
  font-size: 10px;
  line-height: 1.45;
}

.admin-quick-action__arrow {
  width: 14px;
  height: 14px;
}

/* Материалы по типам */

.admin-type-list > a {
  min-height: 55px;
  padding-inline: 18px;
  font-size: 12px;
}

.admin-type-list strong {
  font-size: 21px;
}

/* Лента событий */

.admin-friendly-audit__item {
  min-height: 66px;
  padding: 11px 18px;
  grid-template-columns: 31px minmax(0, 1fr) auto;
  gap: 12px;
}

.admin-friendly-audit__icon {
  width: 30px;
  height: 30px;
}

.admin-friendly-audit__icon .admin-icon {
  width: 15px;
  height: 15px;
}

.admin-friendly-audit__copy {
  gap: 4px;
}

.admin-friendly-audit__copy strong {
  font-size: 12px;
  line-height: 1.35;
}

.admin-friendly-audit__copy small {
  font-size: 10px;
  line-height: 1.35;
}

.admin-friendly-audit time {
  font-size: 10px;
}

/* Последние материалы */

.admin-latest-material {
  min-height: 78px;
  padding: 11px 15px;
  grid-template-columns: 78px minmax(0, 1fr) auto;
  gap: 14px;
}

.admin-latest-material__cover {
  width: 78px;
}

.admin-latest-material__cover .admin-icon {
  width: 22px;
  height: 22px;
}

.admin-latest-material__copy {
  gap: 6px;
}

.admin-latest-material__copy strong {
  font-size: 12px;
  line-height: 1.4;
}

.admin-latest-material__copy small {
  font-size: 10px;
  line-height: 1.4;
}

.admin-latest-material__meta {
  min-width: 126px;
  gap: 8px;
}

.admin-latest-material__meta em {
  padding: 5px 8px;
  font-size: 9px;
}

.admin-latest-material__meta time {
  font-size: 9px;
}

/* Очередь модерации */

.admin-moderation-item {
  min-height: 84px;
  padding: 12px 15px;
  grid-template-columns: 37px minmax(0, 1fr) auto;
  gap: 12px;
}

.admin-moderation-item__avatar {
  width: 36px;
  height: 36px;
}

.admin-moderation-item__avatar .admin-icon {
  width: 17px;
  height: 17px;
}

.admin-moderation-item__copy {
  gap: 4px;
}

.admin-moderation-item__top {
  gap: 8px;
}

.admin-moderation-item__top strong {
  font-size: 11px;
  line-height: 1.35;
}

.admin-moderation-item__top em {
  padding: 4px 6px;
  font-size: 8px;
}

.admin-moderation-item__body {
  font-size: 10px;
  line-height: 1.4;
}

.admin-moderation-item__copy small {
  font-size: 9px;
  line-height: 1.35;
}

.admin-moderation-item time {
  font-size: 9px;
}

/* Служебные состояния */

.admin-dashboard-empty {
  font-size: 11px;
  line-height: 1.45;
}

.admin-dashboard-panel__notice {
  padding: 11px 15px;
  font-size: 10px;
  line-height: 1.45;
}

.admin-dashboard__loading {
  font-size: 13px;
}

.admin-footer {
  font-size: 12px;
}

/* Адаптация увеличенной типографики */

@media (max-width: 1050px) {
  .admin-topbar__title {
    font-size: 19px;
  }

  .admin-dashboard-stat__label {
    font-size: 10px;
  }

  .admin-dashboard-stat__note {
    font-size: 10px;
  }
}

@media (max-width: 720px) {
  .admin-brand {
    font-size: 21px;
  }

  .admin-nav a,
  .admin-nav__disabled {
    min-height: 42px;
    font-size: 12px;
  }

  .admin-topbar__title {
    font-size: 18px;
  }

  .admin-heading p {
    font-size: 12px;
  }

  .admin-dashboard-stat {
    min-height: 142px;
  }

  .admin-dashboard-panel__head h2 {
    font-size: 21px;
  }

  .admin-latest-material {
    min-height: 82px;
    grid-template-columns: 72px minmax(0, 1fr);
  }

  .admin-latest-material__cover {
    width: 72px;
  }
}

/* --- TV KADR ADM-01 TYPOGRAPHY SCALE END --- */

/* --- TV KADR ADM-01 FRIENDLY UI END --- */

/* === TV KADR ADM-01 DASHBOARD END === */

/* === TV KADR ADM-02 MATERIALS START === */

/* --- TV KADR ADM-02 TOP START --- */

.adm02-primary-action {
  border: 1px solid #f1aa00;
  font-family: var(--tvk-font-ui);
  cursor: pointer;
}

.adm02-primary-action .admin-icon {
  transition: transform 160ms ease;
}

.adm02-primary-action .admin-icon.is-close {
  transform: rotate(45deg);
}

.adm02-top {
  display: grid;
  gap: 13px;
  margin-bottom: 16px;
}

.adm02-filterbar {
  min-height: 58px;
  padding: 9px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  border: 1px solid #302a1d;
  background:
    linear-gradient(
      90deg,
      rgba(244, 163, 0, 0.025),
      transparent 40%
    ),
    #0b0c0d;
}

.adm02-tabs {
  display: flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
}

.adm02-tabs button {
  min-height: 38px;
  padding: 0 14px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid transparent;
  border-radius: 2px;
  background: transparent;
  color: #a0a3a5;
  font-family: var(--tvk-font-ui);
  font-size: 12px;
  line-height: 1;
  cursor: pointer;
  transition:
    color 160ms ease,
    border-color 160ms ease,
    background-color 160ms ease;
}

.adm02-tabs button strong {
  min-width: 21px;
  height: 21px;
  padding: 0 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #3a3528;
  border-radius: 11px;
  color: #b6b8ba;
  font-size: 10px;
  line-height: 1;
}

.adm02-tabs button.active {
  border-color: #e5a000;
  background: #e5a000;
  color: #08090a;
  font-weight: 700;
}

.adm02-tabs button.active strong {
  border-color: rgba(0, 0, 0, 0.32);
  color: #08090a;
}

@media (hover: hover) and (pointer: fine) {
  .adm02-tabs button:not(.active):hover {
    border-color: rgba(244, 163, 0, 0.42);
    color: #f0f0ed;
    background: rgba(244, 163, 0, 0.035);
  }
}

.adm02-tabs button:focus-visible,
.adm02-primary-action:focus-visible {
  outline: 2px solid #f3aa00;
  outline-offset: 2px;
}

.adm02-filterbar__summary {
  color: #777a7c;
  font-size: 11px;
  white-space: nowrap;
}

.adm02-filterbar__summary strong {
  color: #e1a200;
  font-size: 12px;
}

.adm02-stat-grid {
  display: grid;
  grid-template-columns: repeat(
    4,
    minmax(0, 1fr)
  );
  gap: 10px;
}

.adm02-stat-grid article {
  position: relative;
  min-height: 145px;
  padding: 17px 17px 15px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-rows: auto 1fr auto;
  gap: 8px 12px;
  overflow: hidden;
  border: 1px solid #312b1d;
  border-left: 2px solid #d69a00;
  background:
    radial-gradient(
      circle at 100% 0,
      rgba(255, 255, 255, 0.035),
      transparent 48%
    ),
    linear-gradient(
      145deg,
      #111213,
      #0b0c0d
    );
  box-shadow:
    inset 0 1px rgba(255, 255, 255, 0.018),
    inset 0 0 28px rgba(244, 163, 0, 0.012);
}

.adm02-stat-grid article.is-published {
  border-left-color: #62ae32;
}

.adm02-stat-grid article.is-draft {
  border-left-color: #4d96bb;
}

.adm02-stat-grid article.is-hidden {
  border-left-color: #bf614a;
}

.adm02-stat__icon {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border: 1px solid currentColor;
  border-radius: 50%;
  color: #d69a00;
  background: rgba(244, 163, 0, 0.025);
}

.is-published .adm02-stat__icon {
  color: #6ab43b;
}

.is-draft .adm02-stat__icon {
  color: #56a0c4;
}

.is-hidden .adm02-stat__icon {
  color: #cf6a52;
}

.adm02-stat__icon .admin-icon {
  width: 18px;
  height: 18px;
}

.adm02-stat__label {
  align-self: center;
  color: #85888a;
  font-size: 10px;
  line-height: 1.3;
  font-weight: 800;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.adm02-stat-grid article > strong {
  align-self: center;
  grid-column: 1 / -1;
  color: #f0f0ed;
  font-family: var(--tvk-font-editorial);
  font-size: 34px;
  line-height: 1;
  font-weight: 400;
}

.adm02-stat-grid article > small {
  grid-column: 1 / -1;
  color: #8a8d8f;
  font-size: 11px;
  line-height: 1.4;
}

.adm02-stage-note {
  min-height: 76px;
  padding: 14px 17px;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  align-items: center;
  gap: 14px;
  border: 1px solid rgba(244, 163, 0, 0.3);
  background:
    linear-gradient(
      100deg,
      rgba(244, 163, 0, 0.065),
      rgba(244, 163, 0, 0.012) 44%,
      transparent
    ),
    #0b0c0d;
}

.adm02-stage-note__icon {
  width: 37px;
  height: 37px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(244, 163, 0, 0.42);
  border-radius: 50%;
  color: #dca000;
}

.adm02-stage-note__icon .admin-icon {
  width: 18px;
  height: 18px;
}

.adm02-stage-note strong {
  display: block;
  color: #e2aa13;
  font-size: 12px;
  line-height: 1.35;
}

.adm02-stage-note p {
  max-width: 1050px;
  margin: 4px 0 0;
  color: #95989a;
  font-size: 11px;
  line-height: 1.5;
}

@media (max-width: 1050px) {
  .adm02-stat-grid {
    grid-template-columns: repeat(
      2,
      minmax(0, 1fr)
    );
  }
}

@media (max-width: 720px) {
  .adm02-filterbar {
    align-items: stretch;
    flex-direction: column;
    gap: 10px;
  }

  .adm02-tabs {
    padding-bottom: 3px;
    overflow-x: auto;
    scrollbar-width: thin;
  }

  .adm02-tabs button {
    flex: 0 0 auto;
  }

  .adm02-filterbar__summary {
    padding: 0 4px 3px;
  }

  .adm02-stat-grid article {
    min-height: 138px;
  }
}

@media (max-width: 480px) {
  .adm02-stat-grid {
    grid-template-columns: 1fr;
  }

  .adm02-stage-note {
    align-items: start;
    grid-template-columns: 34px minmax(0, 1fr);
  }

  .adm02-stage-note__icon {
    width: 33px;
    height: 33px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .adm02-primary-action .admin-icon,
  .adm02-tabs button {
    transition-duration: 0.01ms;
  }
}

/* --- TV KADR ADM-02 TOP END --- */

/* --- TV KADR ADM-02 LIST START --- */

.adm02-materials-list {
  overflow: hidden;
  border: 1px solid rgba(244, 163, 0, 0.18);
  background:
    linear-gradient(
      118deg,
      rgba(244, 163, 0, 0.025),
      transparent 38%
    ),
    #080a0b;
}

.adm02-materials-list__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  min-height: 108px;
  padding: 20px 22px;
  border-bottom: 1px solid rgba(244, 163, 0, 0.14);
}

.adm02-materials-list__intro {
  min-width: 0;
}

.adm02-materials-list__intro > span {
  display: block;
  margin-bottom: 5px;
  color: #e5a400;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.35;
  letter-spacing: 0.09em;
}

.adm02-materials-list__intro h2 {
  margin: 0;
  color: #f2f1ed;
  font-size: 20px;
  line-height: 1.2;
}

.adm02-materials-list__intro p {
  max-width: 590px;
  margin: 7px 0 0;
  color: #8f969d;
  font-size: 13.5px;
  line-height: 1.5;
}

.adm02-materials-list__tools {
  display: flex;
  align-items: center;
  gap: 14px;
  flex: 0 0 auto;
}

.adm02-list-search {
  position: relative;
  width: 310px;
}

.adm02-list-search > svg {
  position: absolute;
  top: 50%;
  left: 13px;
  width: 18px;
  height: 18px;
  color: #c58b00;
  pointer-events: none;
  transform: translateY(-50%);
}

.adm02-list-search input {
  display: block;
  width: 100%;
  height: 42px;
  padding: 0 43px 0 42px;
  border: 1px solid rgba(244, 163, 0, 0.24);
  border-radius: 2px;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  background: #050708;
  color: #f1f1ee;
  font: inherit;
  font-size: 13.5px;
  line-height: 42px;
  transition:
    border-color 160ms ease,
    box-shadow 160ms ease;
}

.adm02-list-search input::placeholder {
  color: #70777e;
  opacity: 1;
}

.adm02-list-search input:focus {
  border-color: #e5a400;
  box-shadow: 0 0 0 2px rgba(229, 164, 0, 0.1);
}

.adm02-list-search__clear {
  position: absolute;
  top: 50%;
  right: 7px;
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  padding: 0;
  border: 0;
  border-radius: 2px;
  appearance: none;
  -webkit-appearance: none;
  background: transparent;
  color: #899097;
  cursor: pointer;
  transform: translateY(-50%);
}

.adm02-list-search__clear svg {
  width: 16px;
  height: 16px;
}

.adm02-materials-list svg {
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.adm02-materials-list__count {
  min-width: 82px;
  color: #8e959c;
  font-size: 12.5px;
  line-height: 1.4;
  text-align: right;
}

.adm02-material-rows {
  display: block;
}

.adm02-material-row {
  display: grid;
  grid-template-columns:
    minmax(330px, 1fr)
    minmax(390px, 0.95fr)
    150px
    auto;
  align-items: center;
  gap: 20px;
  min-height: 102px;
  padding: 15px 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.055);
  transition:
    border-color 160ms ease,
    background-color 160ms ease;
}

.adm02-material-row:last-child {
  border-bottom: 0;
}

.adm02-material-main {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
}

.adm02-material-cover {
  display: grid;
  place-items: center;
  flex: 0 0 96px;
  width: 96px;
  height: 60px;
  overflow: hidden;
  border: 1px solid rgba(244, 163, 0, 0.22);
  border-radius: 2px;
  background:
    linear-gradient(
      135deg,
      rgba(244, 163, 0, 0.08),
      rgba(244, 163, 0, 0.015)
    ),
    #0c0e0f;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #c58b00;
}

.adm02-material-cover--image {
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.28);
}

.adm02-material-cover svg {
  width: 27px;
  height: 27px;
}

.adm02-material-copy {
  min-width: 0;
}

.adm02-material-copy h3 {
  overflow: hidden;
  margin: 0;
  color: #f0f1ee;
  font-size: 14.5px;
  font-weight: 700;
  line-height: 1.38;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.adm02-material-copy p {
  display: -webkit-box;
  overflow: hidden;
  margin: 5px 0 0;
  color: #92999f;
  font-size: 12.5px;
  line-height: 1.4;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.adm02-material-copy small {
  display: block;
  overflow: hidden;
  margin-top: 4px;
  color: #626a71;
  font-size: 11.5px;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.adm02-material-details {
  display: grid;
  grid-template-columns: repeat(4, minmax(72px, 1fr));
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.adm02-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  padding: 4px 8px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 2px;
  font-size: 11.5px;
  font-weight: 750;
  line-height: 1.25;
  text-align: center;
  white-space: nowrap;
}

.adm02-status--published {
  border-color: rgba(89, 185, 45, 0.34);
  background: rgba(56, 142, 25, 0.12);
  color: #70c949;
}

.adm02-status--draft {
  border-color: rgba(63, 156, 205, 0.34);
  background: rgba(38, 118, 161, 0.12);
  color: #70b9dd;
}

.adm02-status--scheduled {
  border-color: rgba(229, 164, 0, 0.34);
  background: rgba(229, 164, 0, 0.1);
  color: #e6ae29;
}

.adm02-status--hidden {
  border-color: rgba(190, 77, 58, 0.34);
  background: rgba(152, 51, 37, 0.1);
  color: #d77867;
}

.adm02-material-detail {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
  color: #c4c8c9;
  font-size: 12.5px;
  line-height: 1.35;
}

.adm02-material-detail b,
.adm02-material-date b {
  overflow: hidden;
  color: #6f777d;
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.035em;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.adm02-material-date {
  display: flex;
  flex-direction: column;
  gap: 4px;
  color: #b9bec1;
  font-size: 12px;
  font-style: normal;
  line-height: 1.35;
  white-space: nowrap;
}

.adm02-material-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 7px;
}

.adm02-action-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 36px;
  padding: 7px 10px;
  border: 1px solid rgba(244, 163, 0, 0.25);
  border-radius: 2px;
  appearance: none;
  -webkit-appearance: none;
  background: #07090a;
  color: #d49a12;
  font: inherit;
  font-size: 12px;
  font-weight: 650;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  transition:
    color 160ms ease,
    border-color 160ms ease,
    background-color 160ms ease;
}

.adm02-action-button svg {
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
}

.adm02-action-button--danger {
  border-color: rgba(190, 77, 58, 0.32);
  color: #cf7565;
}

.adm02-list-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 250px;
  padding: 40px 20px;
  color: #858d93;
  text-align: center;
}

.adm02-list-state > svg {
  width: 34px;
  height: 34px;
  margin-bottom: 14px;
  color: #b9850b;
}

.adm02-list-state strong {
  color: #dedfdb;
  font-size: 15px;
  line-height: 1.4;
}

.adm02-list-state p {
  max-width: 430px;
  margin: 6px 0 0;
  font-size: 13px;
  line-height: 1.5;
}

.adm02-list-state .dark-button {
  margin-top: 17px;
}

.adm02-loading-ring {
  width: 27px;
  height: 27px;
  margin-bottom: 15px;
  border: 2px solid rgba(229, 164, 0, 0.18);
  border-top-color: #e5a400;
  border-radius: 50%;
  animation: adm02-list-spin 750ms linear infinite;
}

@keyframes adm02-list-spin {
  to {
    transform: rotate(360deg);
  }
}

@media (hover: hover) and (pointer: fine) {
  .adm02-material-row:hover {
    border-color: rgba(244, 163, 0, 0.13);
    background: rgba(244, 163, 0, 0.018);
  }

  .adm02-list-search__clear:hover {
    background: rgba(244, 163, 0, 0.08);
    color: #e5a400;
  }

  .adm02-action-button:hover {
    border-color: #d4990e;
    background: rgba(244, 163, 0, 0.065);
    color: #f0b42d;
  }

  .adm02-action-button--danger:hover {
    border-color: #bd5947;
    background: rgba(175, 61, 43, 0.075);
    color: #e38777;
  }
}

.adm02-list-search__clear:focus-visible,
.adm02-action-button:focus-visible {
  outline: 2px solid #e5a400;
  outline-offset: 2px;
}

@media (max-width: 1360px) {
  .adm02-material-row {
    grid-template-columns:
      minmax(300px, 1fr)
      minmax(330px, 0.9fr)
      138px
      auto;
    gap: 14px;
  }

  .adm02-material-details {
    gap: 8px;
  }

  .adm02-action-button span {
    display: none;
  }

  .adm02-action-button {
    width: 36px;
    padding: 0;
  }
}

@media (max-width: 1080px) {
  .adm02-material-row {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
  }

  .adm02-material-main {
    grid-column: 1;
    grid-row: 1;
  }

  .adm02-material-actions {
    grid-column: 2;
    grid-row: 1;
  }

  .adm02-material-details {
    grid-column: 1 / -1;
    grid-row: 2;
  }

  .adm02-material-date {
    grid-column: 1 / -1;
    grid-row: 3;
    flex-direction: row;
    gap: 8px;
  }
}

@media (max-width: 760px) {
  .adm02-materials-list__head {
    align-items: stretch;
    flex-direction: column;
    gap: 16px;
    padding: 18px 16px;
  }

  .adm02-materials-list__tools {
    align-items: stretch;
    flex-direction: column;
    gap: 8px;
  }

  .adm02-list-search {
    width: 100%;
  }

  .adm02-materials-list__count {
    min-width: 0;
    text-align: left;
  }

  .adm02-material-row {
    padding: 15px;
  }

  .adm02-material-cover {
    flex-basis: 82px;
    width: 82px;
    height: 54px;
  }

  .adm02-material-details {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 520px) {
  .adm02-material-row {
    grid-template-columns: minmax(0, 1fr);
  }

  .adm02-material-main,
  .adm02-material-actions,
  .adm02-material-details,
  .adm02-material-date {
    grid-column: 1;
  }

  .adm02-material-main {
    grid-row: 1;
  }

  .adm02-material-details {
    grid-row: 2;
  }

  .adm02-material-date {
    grid-row: 3;
  }

  .adm02-material-actions {
    grid-row: 4;
    justify-content: flex-start;
  }

  .adm02-action-button {
    width: auto;
    padding: 7px 10px;
  }

  .adm02-action-button span {
    display: inline;
  }
}

@media (prefers-reduced-motion: reduce) {
  .adm02-loading-ring {
    animation: none;
  }

  .adm02-material-row,
  .adm02-list-search input,
  .adm02-action-button {
    transition: none;
  }
}

/* --- TV KADR ADM-02 LIST END --- */

/* --- TV KADR ADM-02 EDITOR START --- */

.adm02-editor {
  margin: 18px 0;
  padding: 0;
  overflow: visible;
  border-color: #3a301c;
  background:
    linear-gradient(
      135deg,
      rgba(244, 163, 0, 0.025),
      transparent 32%
    ),
    #0a0b0c;
  font-family: var(--tvk-font-ui);
}

.adm02-editor__heading {
  min-height: 104px;
  padding: 21px 23px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  border-bottom: 1px solid #342c1a;
  background:
    linear-gradient(
      100deg,
      rgba(244, 163, 0, 0.06),
      transparent 44%
    ),
    #0d0e0f;
}

.adm02-editor__heading > div {
  min-width: 0;
}

.adm02-editor__heading > div > span,
.adm02-editor-section__head > div > span,
.adm02-related-heading > div > span {
  display: block;
  color: #d69a00;
  font-size: 11px;
  line-height: 1.3;
  font-weight: 800;
  letter-spacing: 0.08em;
}

.adm02-editor__heading h2 {
  margin: 5px 0 6px;
  color: #f1f1ee;
  font-family: var(--tvk-font-editorial);
  font-size: 27px;
  line-height: 1.15;
  font-weight: 400;
}

.adm02-editor__heading p {
  max-width: 720px;
  margin: 0;
  color: #9a9d9f;
  font-size: 13px;
  line-height: 1.55;
}

.adm02-editor__state {
  flex: 0 0 auto;
  min-height: 30px;
  padding: 0 11px;
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(244, 163, 0, 0.32);
  border-radius: 2px;
  background: rgba(244, 163, 0, 0.035);
  color: #d9a21a;
  font-size: 11px;
  line-height: 1;
}

.adm02-editor-section,
.adm02-related-picker {
  margin: 14px;
  padding: 19px;
  overflow: visible;
  border: 1px solid #302a1d;
  background:
    radial-gradient(
      circle at 100% 0,
      rgba(255, 255, 255, 0.022),
      transparent 42%
    ),
    #0d0e0f;
}

.adm02-editor-section__head {
  margin-bottom: 17px;
  padding-bottom: 15px;
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  align-items: start;
  gap: 13px;
  border-bottom: 1px solid #29251a;
}

.adm02-editor-section__icon {
  width: 39px;
  height: 39px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(244, 163, 0, 0.43);
  border-radius: 50%;
  color: #dda100;
  background: rgba(244, 163, 0, 0.025);
}

.adm02-editor-section__icon .admin-icon {
  width: 18px;
  height: 18px;
}

.adm02-editor-section__head h3,
.adm02-related-heading h3 {
  margin: 3px 0 4px;
  color: #eeeeeb;
  font-size: 18px;
  line-height: 1.3;
  font-weight: 600;
}

.adm02-editor-section__head p {
  max-width: 830px;
  margin: 0;
  color: #8f9294;
  font-size: 12px;
  line-height: 1.5;
}

.adm02-editor-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.adm02-field {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 8px;
}

.adm02-field > span,
.adm02-editor-cover > .admin-cover-field__label {
  color: #c3c5c6;
  font-size: 13px;
  line-height: 1.35;
  font-weight: 600;
}

.adm02-field > small {
  color: #767a7c;
  font-size: 12px;
  line-height: 1.4;
}

.adm02-editor .adm02-field > input,
.adm02-editor .adm02-field > textarea {
  width: 100%;
  min-width: 0;
  border: 1px solid #44391e;
  border-radius: 2px;
  background: #08090a;
  color: #eeeeeb;
  font-family: var(--tvk-font-ui);
  font-size: 14px;
  line-height: 1.5;
  outline: none;
  transition:
    border-color 160ms ease,
    background-color 160ms ease,
    box-shadow 160ms ease;
}

.adm02-editor .adm02-field > input {
  min-height: 46px;
  padding: 0 14px;
}

.adm02-editor .adm02-field > input[type="number"] {
  appearance: textfield;
  -moz-appearance: textfield;
}

.adm02-editor .adm02-field > input[type="number"]::-webkit-inner-spin-button,
.adm02-editor .adm02-field > input[type="number"]::-webkit-outer-spin-button {
  margin: 0;
  -webkit-appearance: none;
}

.adm02-editor .adm02-field > textarea {
  padding: 12px 14px;
  resize: vertical;
}

.adm02-editor .adm02-field > input::placeholder,
.adm02-editor .adm02-field > textarea::placeholder,
.adm02-related-search input::placeholder {
  color: #626669;
  opacity: 1;
}

.adm02-editor .adm02-field > input:focus,
.adm02-editor .adm02-field > textarea:focus,
.adm02-related-search:focus-within {
  border-color: #e0a000;
  background: #0b0c0d;
  box-shadow: 0 0 0 2px rgba(244, 163, 0, 0.055);
}

.adm02-editor-select,
.adm02-related-select {
  width: 100%;
  min-width: 0;
}

.adm02-editor-select .public-select__trigger,
.adm02-related-select .public-select__trigger {
  height: 46px;
  min-height: 46px;
  border-color: #44391e;
  border-radius: 2px;
  background: #08090a;
  color: #eeeeeb;
  font-family: var(--tvk-font-ui);
  font-size: 13px;
}

.adm02-editor-select .public-select__menu,
.adm02-related-select .public-select__menu {
  max-height: 280px;
  overflow-y: auto;
  border-radius: 2px;
}

.adm02-editor-select .public-select__option,
.adm02-related-select .public-select__option {
  min-height: 41px;
  font-family: var(--tvk-font-ui);
  font-size: 13px;
}

.adm02-editor-cover {
  display: grid;
  gap: 11px;
}

.adm02-editor-cover .admin-cover-field__controls {
  gap: 12px;
}

.adm02-editor-cover .admin-cover-file,
.adm02-editor-cover .dark-button {
  min-height: 42px;
  font-size: 12px;
}

.adm02-editor-cover .admin-cover-field__controls > small {
  color: #777b7d;
  font-size: 11px;
}

.adm02-editor-cover .admin-cover-preview,
.adm02-editor-cover .admin-cover-empty {
  width: min(640px, 100%);
}

.adm02-editor-cover .admin-cover-empty {
  color: #777b7d;
  font-size: 12px;
}

.adm02-setting-grid {
  margin-top: 17px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.adm02-setting-toggle {
  min-width: 0;
  min-height: 76px;
  padding: 13px 14px;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  border: 1px solid #38311f;
  border-radius: 2px;
  background: #090a0b;
  color: #c8cacc;
  font-family: var(--tvk-font-ui);
  text-align: left;
  cursor: pointer;
  transition:
    border-color 160ms ease,
    background-color 160ms ease;
}

.adm02-setting-toggle__box {
  width: 26px;
  height: 26px;
  display: grid;
  place-items: center;
  border: 1px solid #65501a;
  border-radius: 2px;
  background: #070809;
  color: transparent;
  transition:
    color 160ms ease,
    border-color 160ms ease,
    background-color 160ms ease;
}

.adm02-setting-toggle__box svg {
  width: 17px;
  height: 17px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.adm02-setting-toggle > span:last-child {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.adm02-setting-toggle strong {
  color: #e3e4e2;
  font-size: 13px;
  line-height: 1.35;
}

.adm02-setting-toggle small {
  color: #7f8385;
  font-size: 11px;
  line-height: 1.4;
}

.adm02-setting-toggle.is-checked {
  border-color: rgba(231, 165, 0, 0.58);
  background: rgba(244, 163, 0, 0.035);
}

.adm02-setting-toggle.is-checked .adm02-setting-toggle__box {
  border-color: #e5a000;
  background: #e5a000;
  color: #08090a;
}

@media (hover: hover) and (pointer: fine) {
  .adm02-setting-toggle:hover {
    border-color: #bd8916;
  }
}

.adm02-setting-toggle:focus-visible,
.adm02-related-picker button:focus-visible,
.adm02-related-search input:focus-visible {
  outline: 2px solid #f3aa00;
  outline-offset: 2px;
}

.adm02-setting-toggle:disabled,
.adm02-related-picker button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.adm02-related-picker {
  border-color: rgba(224, 158, 0, 0.52);
  background:
    linear-gradient(
      105deg,
      rgba(244, 163, 0, 0.045),
      transparent 34%
    ),
    #0d0e0f;
}

.adm02-related-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
}

.adm02-related-heading strong {
  flex: 0 0 auto;
  min-height: 31px;
  padding: 0 11px;
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(244, 163, 0, 0.38);
  border-radius: 2px;
  color: #e1a30d;
  font-size: 12px;
  line-height: 1;
}

.adm02-related-explainer {
  max-width: 1040px;
  margin: 10px 0 17px;
  color: #999c9e;
  font-size: 13px;
  line-height: 1.55;
}

.adm02-related-selected,
.adm02-related-searchbox {
  padding: 15px;
  border: 1px solid #302b20;
  background: #090a0b;
}

.adm02-related-searchbox {
  margin-top: 12px;
}

.adm02-related-subhead {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 18px;
}

.adm02-related-subhead strong {
  color: #e8e8e5;
  font-size: 13px;
  line-height: 1.35;
}

.adm02-related-subhead span {
  color: #777b7d;
  font-size: 11px;
  line-height: 1.4;
  text-align: right;
}

.adm02-related-selected__list {
  max-height: 310px;
  margin-top: 12px;
  padding-right: 4px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  overflow-y: auto;
  scrollbar-color: #6b5115 #101112;
  scrollbar-width: thin;
}

.adm02-related-selected__item {
  min-width: 0;
  min-height: 66px;
  padding: 8px;
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr) 32px;
  align-items: center;
  gap: 10px;
  border: 1px solid #343022;
  background: #0d0e0f;
}

.adm02-related-selected__item.is-unavailable {
  border-color: rgba(190, 91, 68, 0.5);
}

.adm02-related-selected__item > div,
.adm02-related-result > div {
  min-width: 0;
}

.adm02-related-selected__item > div {
  display: grid;
  gap: 3px;
}

.adm02-related-selected__item strong,
.adm02-related-result strong {
  overflow: hidden;
  color: #e4e5e3;
  font-size: 13px;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.adm02-related-selected__item small,
.adm02-related-result small {
  overflow: hidden;
  color: #85898b;
  font-size: 11px;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.adm02-related-selected__item em {
  overflow: hidden;
  color: #d46e56;
  font-size: 11px;
  line-height: 1.35;
  font-style: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.adm02-related-selected__item > button {
  width: 31px;
  height: 31px;
  display: grid;
  place-items: center;
  border: 1px solid #55431a;
  border-radius: 2px;
  background: #08090a;
  color: #c79a29;
  cursor: pointer;
}

.adm02-related-selected__item > button svg,
.adm02-related-search > svg,
.adm02-related-search > button svg,
.adm02-related-result > button svg,
.adm02-related-pagination button svg,
.adm02-related-cover svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.adm02-related-selected__item > button svg {
  width: 16px;
  height: 16px;
}

.adm02-related-selected__empty,
.adm02-related-empty {
  min-height: 74px;
  margin-top: 12px;
  padding: 14px;
  display: grid;
  place-items: center;
  border: 1px dashed #393322;
  color: #7f8385;
  font-size: 12px;
  line-height: 1.5;
  text-align: center;
}

.adm02-related-tools {
  margin-top: 12px;
  display: grid;
  grid-template-columns:
    minmax(260px, 1fr)
    minmax(170px, 210px)
    minmax(190px, 250px);
  gap: 9px;
}

.adm02-related-search {
  position: relative;
  min-width: 0;
  height: 46px;
  display: flex;
  align-items: center;
  border: 1px solid #44391e;
  border-radius: 2px;
  background: #08090a;
  transition:
    border-color 160ms ease,
    background-color 160ms ease,
    box-shadow 160ms ease;
}

.adm02-related-search > svg {
  position: absolute;
  left: 13px;
  width: 18px;
  height: 18px;
  color: #d49a08;
  pointer-events: none;
}

.adm02-related-search input {
  width: 100%;
  height: 44px;
  min-width: 0;
  margin: 0;
  padding: 0 43px 0 41px;
  border: 0;
  background: transparent;
  color: #eeeeeb;
  font-family: var(--tvk-font-ui);
  font-size: 13px;
  outline: 0;
  appearance: none;
  -webkit-appearance: none;
}

.adm02-related-search input::-webkit-search-cancel-button {
  display: none;
}

.adm02-related-search > button {
  position: absolute;
  right: 7px;
  width: 31px;
  height: 31px;
  display: grid;
  place-items: center;
  border: 0;
  background: transparent;
  color: #9c7a28;
  cursor: pointer;
}

.adm02-related-search > button svg {
  width: 15px;
  height: 15px;
}

.adm02-related-result-summary {
  min-height: 31px;
  padding: 10px 1px 5px;
  color: #8a8e90;
  font-size: 12px;
  line-height: 1.4;
}

.adm02-related-results {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.adm02-related-result {
  min-width: 0;
  min-height: 92px;
  padding: 9px;
  display: grid;
  grid-template-columns: 86px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  border: 1px solid #302b20;
  background: #0c0d0e;
}

.adm02-related-result > div {
  display: grid;
  gap: 4px;
}

.adm02-related-result p {
  display: -webkit-box;
  overflow: hidden;
  margin: 1px 0 0;
  color: #777b7d;
  font-size: 11px;
  line-height: 1.4;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.adm02-related-result > button {
  min-width: 94px;
  min-height: 36px;
  padding: 0 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border: 1px solid #604b13;
  border-radius: 2px;
  background: #08090a;
  color: #d9a20c;
  font-family: var(--tvk-font-ui);
  font-size: 12px;
  cursor: pointer;
}

.adm02-related-result > button.is-selected {
  border-color: #729b2b;
  background: rgba(91, 143, 33, 0.09);
  color: #8bc94a;
}

.adm02-related-result > button svg {
  width: 15px;
  height: 15px;
}

.adm02-related-cover {
  width: 76px;
  aspect-ratio: 16 / 9;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid #39311d;
  background:
    radial-gradient(
      circle at 50% 45%,
      rgba(244, 163, 0, 0.11),
      transparent 62%
    ),
    #08090a;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  color: #bd8b13;
}

.adm02-related-result .adm02-related-cover {
  width: 86px;
}

.adm02-related-cover svg {
  width: 23px;
  height: 23px;
}

.adm02-related-cover.has-image svg {
  display: none;
}

.adm02-related-pagination {
  margin-top: 12px;
  padding-top: 12px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 12px;
  border-top: 1px solid #302b20;
}

.adm02-related-pagination > span {
  color: #85898b;
  font-size: 12px;
  line-height: 1.35;
}

.adm02-related-pagination button {
  min-height: 36px;
  padding: 0 11px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 1px solid #55431a;
  border-radius: 2px;
  background: #08090a;
  color: #d6a11b;
  font-family: var(--tvk-font-ui);
  font-size: 12px;
  cursor: pointer;
}

.adm02-related-pagination button:first-child {
  justify-self: start;
}

.adm02-related-pagination button:last-child {
  justify-self: end;
}

.adm02-related-pagination button svg {
  width: 15px;
  height: 15px;
}

.adm02-editor-section--future {
  background: #0a0b0c;
}

.adm02-editor .episode-production-grid {
  gap: 9px;
}

.adm02-editor .episode-production-grid article {
  min-height: 83px;
  padding: 13px;
  align-content: start;
  gap: 5px;
  border-color: #302b20;
  background: #08090a;
}

.adm02-editor .episode-production-grid b {
  color: #dfe0de;
  font-size: 13px;
  line-height: 1.35;
}

.adm02-editor .episode-production-grid span {
  font-size: 11px;
}

.adm02-editor .episode-production-grid small {
  color: #797d7f;
  font-size: 11px;
  line-height: 1.4;
}

.adm02-editor-actions {
  margin: 0;
  padding: 17px 19px 20px;
  flex-wrap: wrap;
  border-top: 1px solid #342c1a;
  background: #0d0e0f;
}

.adm02-editor-actions button {
  min-height: 42px;
  font-family: var(--tvk-font-ui);
  font-size: 12px;
}

@media (max-width: 1180px) {
  .adm02-related-results,
  .adm02-related-selected__list {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 960px) {
  .adm02-related-tools {
    grid-template-columns: 1fr 1fr;
  }

  .adm02-related-search {
    grid-column: 1 / -1;
  }

  .adm02-editor .episode-production-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .adm02-editor__heading {
    padding: 18px;
    flex-direction: column;
    gap: 13px;
  }

  .adm02-editor__heading h2 {
    font-size: 24px;
  }

  .adm02-editor-section,
  .adm02-related-picker {
    margin: 10px;
    padding: 15px;
  }

  .adm02-editor-grid,
  .adm02-setting-grid,
  .adm02-related-tools {
    grid-template-columns: 1fr;
  }

  .adm02-related-search {
    grid-column: auto;
  }

  .adm02-related-subhead,
  .adm02-related-heading {
    align-items: flex-start;
    flex-direction: column;
    gap: 7px;
  }

  .adm02-related-subhead span {
    text-align: left;
  }

  .adm02-related-result {
    grid-template-columns: 76px minmax(0, 1fr);
  }

  .adm02-related-result .adm02-related-cover {
    width: 76px;
  }

  .adm02-related-result > button {
    grid-column: 1 / -1;
    width: 100%;
  }

  .adm02-related-pagination {
    grid-template-columns: 1fr 1fr;
  }

  .adm02-related-pagination > span {
    grid-column: 1 / -1;
    grid-row: 1;
    text-align: center;
  }

  .adm02-editor-actions {
    padding: 15px;
    align-items: stretch;
    flex-direction: column;
  }

  .adm02-editor-actions button {
    width: 100%;
  }
}

@media (max-width: 480px) {
  .adm02-editor-section__head {
    grid-template-columns: 34px minmax(0, 1fr);
  }

  .adm02-editor-section__icon {
    width: 33px;
    height: 33px;
  }

  .adm02-related-selected__item {
    grid-template-columns: 64px minmax(0, 1fr) 31px;
  }

  .adm02-related-cover,
  .adm02-related-result .adm02-related-cover {
    width: 64px;
  }

  .adm02-editor .episode-production-grid {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  .adm02-setting-toggle,
  .adm02-setting-toggle__box,
  .adm02-editor .adm02-field > input,
  .adm02-editor .adm02-field > textarea,
  .adm02-related-search {
    transition-duration: 0.01ms;
  }
}

/* --- TV KADR ADM-02 EDITOR END --- */

/* === TV KADR ADM-02 MATERIALS END === */


/* === TV KADR ADMIN CATEGORIES START === */

.admcat-editor {
  scroll-margin-top: 24px;
}

.admcat-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.admcat-form-grid--settings {
  align-items: stretch;
}

.admcat-editor label.admcat-field {
  display: grid;
  align-content: start;
  gap: 8px;
  color: #a6aaad;
  font-size: 12px;
}

.admcat-field > span {
  color: #c3c6c7;
  font-weight: 600;
}

.admcat-editor .admcat-field input {
  width: 100%;
  min-height: 44px;
  border: 1px solid #403719;
  border-radius: 2px;
  outline: none;
  background: #070809;
  color: #f0f0ed;
  padding: 0 13px;
  font: inherit;
  transition:
    border-color 160ms ease,
    box-shadow 160ms ease;
}

.admcat-editor .admcat-field input:focus {
  border-color: #e5a400;
  box-shadow: 0 0 0 2px rgba(229, 164, 0, 0.1);
}

.admcat-field small {
  color: #777d82;
  font-size: 10.5px;
  line-height: 1.45;
}

.admcat-editor label.admcat-switch {
  position: relative;
  min-height: 94px;
  padding: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  border: 1px solid #342f22;
  border-radius: 2px;
  background: #090b0c;
  cursor: pointer;
}

.admcat-switch > div {
  display: grid;
  gap: 5px;
}

.admcat-switch strong {
  color: #e8e8e5;
  font-size: 12.5px;
}

.admcat-switch small {
  color: #82878b;
  font-size: 10.5px;
  line-height: 1.45;
}

.admcat-switch input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.admcat-switch__control {
  position: relative;
  flex: 0 0 46px;
  width: 46px;
  height: 24px;
  border: 1px solid #4b4d4e;
  border-radius: 13px;
  background: #17191a;
  transition:
    border-color 160ms ease,
    background-color 160ms ease;
}

.admcat-switch__control::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #85898b;
  transition:
    transform 160ms ease,
    background-color 160ms ease;
}

.admcat-switch input:checked + .admcat-switch__control {
  border-color: #6aaa39;
  background: rgba(83, 156, 43, 0.16);
}

.admcat-switch input:checked + .admcat-switch__control::after {
  background: #70bd3d;
  transform: translateX(22px);
}

.admcat-switch input:focus-visible + .admcat-switch__control {
  outline: 2px solid #e5a400;
  outline-offset: 2px;
}

.admcat-editor-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding-top: 18px;
}

.admcat-editor-actions button {
  min-width: 160px;
}

.admcat-list {
  margin-top: 16px;
}

.admcat-rows {
  display: block;
}

.admcat-row {
  display: grid;
  grid-template-columns:
    minmax(270px, 1fr)
    minmax(300px, 0.75fr)
    auto;
  align-items: center;
  gap: 20px;
  min-height: 92px;
  padding: 15px 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.055);
  transition:
    border-color 160ms ease,
    background-color 160ms ease;
}

.admcat-row:last-child {
  border-bottom: 0;
}

.admcat-main {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
}

.admcat-category-icon {
  width: 52px;
  height: 52px;
  flex: 0 0 52px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(244, 163, 0, 0.3);
  border-radius: 50%;
  background: rgba(244, 163, 0, 0.035);
  color: #d49a05;
}

.admcat-category-icon .admin-icon {
  width: 22px;
  height: 22px;
}

.admcat-copy {
  min-width: 0;
}

.admcat-copy h3 {
  overflow: hidden;
  margin: 0;
  color: #f0f1ee;
  font-size: 14.5px;
  font-weight: 700;
  line-height: 1.4;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admcat-copy small {
  display: block;
  overflow: hidden;
  margin-top: 5px;
  color: #71777c;
  font-size: 11px;
  line-height: 1.4;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admcat-details {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 22px;
  min-width: 0;
}

.admcat-detail {
  min-width: 72px;
  display: grid;
  gap: 5px;
  color: #d8d9d6;
  font-size: 12px;
}

.admcat-detail b {
  color: #777d82;
  font-size: 9px;
  line-height: 1.3;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.admcat-actions {
  justify-content: flex-end;
  flex-wrap: nowrap;
}

.admcat-actions .adm02-action-button:disabled,
.admcat-editor-actions button:disabled {
  opacity: 0.42;
  cursor: not-allowed;
}

@media (hover: hover) and (pointer: fine) {
  .admcat-row:hover {
    border-color: rgba(244, 163, 0, 0.13);
    background: rgba(244, 163, 0, 0.018);
  }
}

@media (max-width: 1080px) {
  .admcat-row {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 14px;
  }

  .admcat-main {
    grid-column: 1;
    grid-row: 1;
  }

  .admcat-actions {
    grid-column: 2;
    grid-row: 1;
  }

  .admcat-details {
    grid-column: 1 / -1;
    grid-row: 2;
    padding-left: 66px;
  }
}

@media (max-width: 720px) {
  .admcat-form-grid {
    grid-template-columns: 1fr;
  }

  .admcat-row {
    grid-template-columns: 1fr;
    padding: 15px 16px;
  }

  .admcat-main,
  .admcat-details,
  .admcat-actions {
    grid-column: 1;
    grid-row: auto;
  }

  .admcat-details {
    padding-left: 0;
    flex-wrap: wrap;
  }

  .admcat-actions {
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  .admcat-actions .adm02-action-button span {
    display: inline;
  }

  .admcat-editor-actions {
    flex-direction: column-reverse;
  }

  .admcat-editor-actions button {
    width: 100%;
  }
}

@media (max-width: 440px) {
  .admcat-details {
    gap: 14px;
  }

  .admcat-detail {
    min-width: 62px;
  }

  .admcat-category-icon {
    width: 44px;
    height: 44px;
    flex-basis: 44px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .admcat-row,
  .admcat-switch__control,
  .admcat-switch__control::after,
  .admcat-editor .admcat-field input {
    transition-duration: 0.01ms;
  }
}

/* === TV KADR ADMIN CATEGORIES END === */

/* === TV KADR ADMIN USERS START === */

.admusr-role-link {
  text-decoration: none;
}

.admusr-list {
  margin-top: 16px;
}

.admusr-list-tools {
  max-width: 720px;
}

.admusr-role-filter {
  position: relative;
  z-index: 12;
  width: 185px;
  flex: 0 0 185px;
}

.admusr-role-filter .public-select__trigger {
  width: 100%;
  min-height: 42px;
  border-color: rgba(244, 163, 0, 0.24);
  border-radius: 2px;
  background: #050708;
  color: #d5d7d7;
  font-size: 12px;
}

.admusr-role-filter .public-select__menu {
  z-index: 30;
}

.admusr-rows {
  display: block;
}

.admusr-row {
  display: grid;
  grid-template-columns:
    minmax(280px, 1fr)
    minmax(230px, 0.72fr)
    minmax(205px, 0.58fr)
    145px
    auto;
  align-items: center;
  gap: 18px;
  min-height: 112px;
  padding: 15px 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.055);
  transition:
    border-color 160ms ease,
    background-color 160ms ease;
}

.admusr-row:last-child {
  border-bottom: 0;
}

.admusr-main {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
}

.admusr-avatar {
  width: 52px;
  height: 52px;
  flex: 0 0 52px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(244, 163, 0, 0.3);
  border-radius: 50%;
  background: rgba(244, 163, 0, 0.035);
  color: #d49a05;
}

.admusr-avatar .admin-icon {
  width: 22px;
  height: 22px;
}

.admusr-copy {
  min-width: 0;
}

.admusr-copy h3 {
  overflow: hidden;
  margin: 0;
  color: #f0f1ee;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admusr-copy p,
.admusr-copy small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admusr-copy p {
  margin: 4px 0 0;
  color: #9aa0a4;
  font-size: 11.5px;
  line-height: 1.4;
}

.admusr-copy small {
  margin-top: 4px;
  color: #656b70;
  font-size: 9.5px;
  line-height: 1.35;
}

.admusr-access {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 14px;
  min-width: 0;
}

.admusr-role {
  min-width: 90px;
  display: grid;
  gap: 4px;
  color: #d7d8d5;
  font-size: 11.5px;
  line-height: 1.35;
}

.admusr-role b,
.admusr-date b,
.admusr-activity b {
  color: #747a7f;
  font-size: 8.5px;
  line-height: 1.3;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.admusr-verification {
  flex-basis: 100%;
  color: #737a7f;
  font-size: 9.5px;
  line-height: 1.35;
}

.admusr-status--deleted {
  border-color: #4a4c4d;
  background: #151617;
  color: #888d90;
}

.admusr-activity {
  display: grid;
  grid-template-columns: repeat(2, minmax(70px, 1fr));
  gap: 9px 14px;
}

.admusr-activity span {
  display: grid;
  gap: 3px;
  color: #d0d2d0;
  font-size: 11px;
  line-height: 1.3;
}

.admusr-date {
  display: grid;
  gap: 5px;
  color: #c8cbc9;
  font-size: 10.5px;
  line-height: 1.4;
}

.admusr-actions {
  justify-content: flex-end;
}

.admusr-actions .adm02-action-button {
  white-space: nowrap;
}

.admusr-actions .adm02-action-button:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.admusr-protected {
  max-width: 145px;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 7px;
  color: #777d81;
  font-size: 10px;
  line-height: 1.35;
  text-align: right;
}

.admusr-protected svg {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  color: #a67b14;
}

@media (hover: hover) and (pointer: fine) {
  .admusr-row:hover {
    border-color: rgba(244, 163, 0, 0.13);
    background: rgba(244, 163, 0, 0.018);
  }
}

@media (max-width: 1220px) {
  .admusr-row {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 14px;
  }

  .admusr-main {
    grid-column: 1;
    grid-row: 1;
  }

  .admusr-actions {
    grid-column: 2;
    grid-row: 1;
  }

  .admusr-access {
    grid-column: 1 / -1;
    grid-row: 2;
    padding-left: 66px;
  }

  .admusr-activity {
    grid-column: 1;
    grid-row: 3;
    padding-left: 66px;
    grid-template-columns: repeat(4, minmax(65px, 95px));
  }

  .admusr-date {
    grid-column: 2;
    grid-row: 3;
  }
}

@media (max-width: 900px) {
  .admusr-list-tools {
    flex-wrap: wrap;
  }

  .admusr-list-tools .adm02-list-search {
    width: 100%;
  }

  .admusr-role-filter {
    width: 200px;
    flex-basis: 200px;
  }
}

@media (max-width: 720px) {
  .admusr-row {
    grid-template-columns: 1fr;
    padding: 15px 16px;
  }

  .admusr-main,
  .admusr-access,
  .admusr-activity,
  .admusr-date,
  .admusr-actions {
    grid-column: 1;
    grid-row: auto;
    padding-left: 0;
  }

  .admusr-activity {
    grid-template-columns: repeat(2, minmax(80px, 1fr));
  }

  .admusr-date {
    display: flex;
    gap: 8px;
  }

  .admusr-actions {
    justify-content: flex-start;
  }

  .admusr-actions .adm02-action-button span {
    display: inline;
  }

  .admusr-protected {
    max-width: none;
    justify-content: flex-start;
    text-align: left;
  }

  .admusr-role-filter {
    width: 100%;
    flex-basis: 100%;
  }
}

@media (max-width: 440px) {
  .admusr-avatar {
    width: 44px;
    height: 44px;
    flex-basis: 44px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .admusr-row {
    transition-duration: 0.01ms;
  }
}

/* === TV KADR ADMIN USERS END === */

/* === TV KADR ADMIN ADMINS START === */

.admadm-grant {
  margin: 16px 0;
}

.admadm-grant__body {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 16px;
}

.admadm-grant label.admadm-grant__field {
  display: grid;
  gap: 8px;
  color: #c3c6c7;
  font-size: 12px;
  font-weight: 600;
}

.admadm-grant__field > small {
  color: #777d82;
  font-size: 10.5px;
  line-height: 1.45;
  font-weight: 400;
}

.admadm-candidate-select {
  position: relative;
  z-index: 20;
  width: 100%;
}

.admadm-candidate-select .public-select__trigger {
  width: 100%;
  min-height: 44px;
  border-color: #403719;
  border-radius: 2px;
  background: #070809;
  color: #f0f0ed;
}

.admadm-candidate-select .public-select__menu {
  z-index: 40;
}

.admadm-grant__submit {
  min-width: 245px;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
}

.admadm-grant__submit .admin-icon {
  width: 17px;
  height: 17px;
}

.admadm-grant__submit:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.admadm-list {
  margin-top: 16px;
}

.admadm-rows {
  display: block;
}

.admadm-row {
  display: grid;
  grid-template-columns:
    minmax(300px, 1fr)
    minmax(230px, 0.65fr)
    155px
    auto;
  align-items: center;
  gap: 20px;
  min-height: 105px;
  padding: 15px 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.055);
  transition:
    border-color 160ms ease,
    background-color 160ms ease;
}

.admadm-row:last-child {
  border-bottom: 0;
}

.admadm-avatar {
  color: #d8a00d;
}

.admadm-access {
  display: flex;
  align-items: center;
  gap: 18px;
  min-width: 0;
}

.admadm-role {
  min-width: 105px;
  display: grid;
  gap: 5px;
  color: #d7d8d5;
  font-size: 11.5px;
  line-height: 1.35;
}

.admadm-role b {
  color: #747a7f;
  font-size: 8.5px;
  line-height: 1.3;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.admadm-actions {
  justify-content: flex-end;
}

.admadm-actions .adm02-action-button {
  white-space: nowrap;
}

.admadm-actions .adm02-action-button:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.admadm-permissions {
  margin-top: 16px;
}

.admadm-permissions__summary {
  min-width: 215px;
  display: grid;
  justify-items: end;
  gap: 5px;
  color: #8e959c;
  font-size: 11px;
}

.admadm-permissions__summary strong {
  color: #e1a200;
  font-size: 13px;
}

.admadm-permissions__summary b {
  color: #dfa62b;
  font-size: 10px;
  font-weight: 600;
}

.admadm-permissions__summary small {
  color: #6e9870;
  font-size: 10px;
}

.admadm-permission-note {
  margin: 18px 20px 0;
  padding: 14px 16px;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  align-items: center;
  gap: 13px;
  border: 1px solid rgba(244, 163, 0, 0.24);
  background: rgba(244, 163, 0, 0.035);
}

.admadm-permission-note > span {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(244, 163, 0, 0.38);
  border-radius: 50%;
  color: #d49a05;
}

.admadm-permission-note .admin-icon {
  width: 17px;
  height: 17px;
}

.admadm-permission-note strong {
  color: #e1a714;
  font-size: 11.5px;
}

.admadm-permission-note p {
  margin: 4px 0 0;
  color: #8c9296;
  font-size: 10.5px;
  line-height: 1.45;
}

.admadm-permission-groups {
  display: grid;
  gap: 22px;
  padding: 22px 20px;
}

.admadm-permission-group {
  display: grid;
  gap: 12px;
}

.admadm-permission-group__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 18px;
  padding-bottom: 9px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.065);
}

.admadm-permission-group__head h3 {
  margin: 0;
  color: #ecece8;
  font-size: 13px;
  line-height: 1.35;
}

.admadm-permission-group__head p {
  margin: 0;
  color: #747b80;
  font-size: 10px;
  line-height: 1.4;
}

.admadm-permission-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
}

.admadm-permission {
  position: relative;
  min-height: 112px;
  padding: 13px 13px 12px 45px;
  display: block;
  border: 1px solid #303236;
  border-radius: 2px;
  background: #0b0d0e;
  cursor: pointer;
  transition:
    border-color 160ms ease,
    background-color 160ms ease;
}

.admadm-permission input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.admadm-permission__check {
  position: absolute;
  top: 14px;
  left: 13px;
  width: 22px;
  height: 22px;
  display: grid;
  place-items: center;
  border: 1px solid #525558;
  border-radius: 2px;
  background: #111315;
  color: transparent;
  transition:
    border-color 160ms ease,
    background-color 160ms ease,
    color 160ms ease;
}

.admadm-permission__check svg {
  width: 15px;
  height: 15px;
}

.admadm-permission__copy {
  display: grid;
  gap: 4px;
}

.admadm-permission__copy strong {
  color: #dfe0dd;
  font-size: 11.5px;
  line-height: 1.35;
}

.admadm-permission__copy small {
  color: #8d721f;
  font-size: 9px;
  line-height: 1.35;
}

.admadm-permission__copy p {
  margin: 3px 0 0;
  color: #7e858a;
  font-size: 10px;
  line-height: 1.45;
}

.admadm-permission.is-enabled {
  border-color: rgba(99, 174, 50, 0.42);
  background: rgba(73, 137, 36, 0.055);
}

.admadm-permission.is-enabled
  .admadm-permission__check {
  border-color: #62ae32;
  background: rgba(79, 153, 39, 0.18);
  color: #72be40;
}

.admadm-permission.is-reserved {
  border-color: rgba(244, 163, 0, 0.18);
  cursor: not-allowed;
  opacity: 0.64;
}

.admadm-reserved {
  display: block;
  margin-top: 8px;
  color: #bd8b12;
  font-size: 8.5px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.admadm-permission input:focus-visible
  + .admadm-permission__check {
  outline: 2px solid #e5a400;
  outline-offset: 2px;
}

.admadm-permissions__actions {
  padding: 16px 20px 20px;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  border-top: 1px solid rgba(255, 255, 255, 0.065);
}

.admadm-permissions__actions button {
  min-width: 175px;
}

.admadm-permissions__actions button:disabled {
  opacity: 0.42;
  cursor: not-allowed;
}

@media (hover: hover) and (pointer: fine) {
  .admadm-row:hover {
    border-color: rgba(244, 163, 0, 0.13);
    background: rgba(244, 163, 0, 0.018);
  }

  .admadm-permission:not(.is-reserved):hover {
    border-color: rgba(244, 163, 0, 0.38);
    background: rgba(244, 163, 0, 0.025);
  }
}

@media (max-width: 1220px) {
  .admadm-row {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 14px;
  }

  .admadm-row .admusr-main {
    grid-column: 1;
    grid-row: 1;
  }

  .admadm-actions {
    grid-column: 2;
    grid-row: 1;
  }

  .admadm-access {
    grid-column: 1;
    grid-row: 2;
    padding-left: 66px;
  }

  .admadm-row .admusr-date {
    grid-column: 2;
    grid-row: 2;
  }

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

@media (max-width: 760px) {
  .admadm-grant__body {
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  .admadm-grant__submit {
    width: 100%;
  }

  .admadm-row {
    grid-template-columns: 1fr;
    padding: 15px 16px;
  }

  .admadm-row .admusr-main,
  .admadm-access,
  .admadm-row .admusr-date,
  .admadm-actions {
    grid-column: 1;
    grid-row: auto;
    padding-left: 0;
  }

  .admadm-actions {
    justify-content: flex-start;
  }

  .admadm-actions .adm02-action-button span {
    display: inline;
  }

  .admadm-permission-grid {
    grid-template-columns: 1fr;
  }

  .admadm-permission-group__head {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
  }

  .admadm-permissions__summary {
    min-width: 0;
    justify-items: start;
  }

  .admadm-permissions__actions {
    flex-direction: column-reverse;
  }

  .admadm-permissions__actions button {
    width: 100%;
  }
}

@media (max-width: 440px) {
  .admadm-permission-note {
    grid-template-columns: 32px minmax(0, 1fr);
    margin-left: 14px;
    margin-right: 14px;
    padding: 12px;
  }

  .admadm-permission-note > span {
    width: 31px;
    height: 31px;
  }

  .admadm-permission-groups {
    padding-left: 14px;
    padding-right: 14px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .admadm-row,
  .admadm-permission,
  .admadm-permission__check {
    transition-duration: 0.01ms;
  }
}

/* === TV KADR ADMIN ADMINS INDIVIDUAL START === */

.admadm-permissions {
  scroll-margin-top: 18px;
}

.admadm-row.is-selected {
  background: rgba(244, 163, 0, 0.045);
  box-shadow: inset 3px 0 0 #d99b00;
}

.admadm-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.admadm-actions .admin-icon {
  width: 15px;
  height: 15px;
}

.admadm-actions .adm02-action-button.is-selected {
  border-color: rgba(244, 163, 0, 0.52);
  background: rgba(244, 163, 0, 0.1);
  color: #e6aa16;
}

.admadm-select-state .admin-icon {
  width: 29px;
  height: 29px;
  color: #a8790a;
}

@media (hover: hover) and (pointer: fine) {
  .admadm-row.is-selected:hover {
    background: rgba(244, 163, 0, 0.055);
  }
}

/* === TV KADR ADMIN ADMINS INDIVIDUAL END === */

/* === TV KADR ADMIN ADMINS END === */

/* TV KADR - STAGE 2 TRANSPARENT HERO MAP START */

/* One continuous background with the project-owned transparent map. */
.account-hero.account-hero--usr04,
.home-hero,
.knowledge-hero,
.topic-hero,
.topics-index__hero,
.auth-hero--aligned,
.saved-hero--aligned,
.advertise-hero__grid,
.club-page__hero {
  position: relative !important;
  isolation: isolate;
  overflow: hidden;
  background:
    linear-gradient(
      90deg,
      #050607 0%,
      rgba(5, 6, 7, 0.97) 32%,
      rgba(5, 6, 7, 0.72) 58%,
      rgba(5, 6, 7, 0.2) 100%
    ),
    radial-gradient(
      circle at 75% 50%,
      rgba(240, 160, 0, 0.08),
      transparent 40%
    ),
    #08090a !important;
}

.account-hero.account-hero--usr04::before,
.home-hero::before,
.knowledge-hero::before,
.topic-hero::before,
.topics-index__hero::before,
.auth-hero--aligned::before,
.saved-hero--aligned::before,
.advertise-hero__grid::before,
.club-page__hero::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0 -24px 0 28%;
  pointer-events: none;
  background:
    url("/assets/hero/tvkadr-world-map-transparent.png")
    right center / 680px auto
    no-repeat !important;
  opacity: 0.58;
  filter:
    saturate(1.02)
    contrast(1.04);
  -webkit-mask-image:
    linear-gradient(
      90deg,
      transparent 0%,
      rgba(0, 0, 0, 0.3) 10%,
      #000 30%,
      #000 100%
    );
  mask-image:
    linear-gradient(
      90deg,
      transparent 0%,
      rgba(0, 0, 0, 0.3) 10%,
      #000 30%,
      #000 100%
    );
}

.account-hero.account-hero--usr04 > *,
.knowledge-hero__content,
.topic-hero__content,
.topics-index__hero > *,
.auth-hero--aligned > *,
.saved-hero--aligned > *,
.advertise-hero__copy,
.club-page__hero-copy {
  position: relative;
  z-index: 1;
}

/* Remove previous route-specific art from the hero composition. */
.knowledge-hero__visual,
.topic-hero__map,
.advertise-hero__art,
.club-page__hero-visual,
.home-hero__map,
.home-hero__aperture {
  display: none !important;
}

/* Remove the former visible left/right hero split. */
.knowledge-hero,
.topic-hero,
.advertise-hero__grid,
.club-page__hero {
  grid-template-columns: minmax(0, 1fr) !important;
}

.knowledge-hero__content,
.topic-hero__content,
.advertise-hero__copy,
.club-page__hero-copy {
  max-width: 620px;
}

.auth-hero--aligned .auth-hero__intro,
.auth-hero--aligned .auth-panel--aligned {
  background: transparent !important;
}

.auth-hero--aligned .auth-panel--aligned {
  border-top: 0 !important;
  border-left: 0 !important;
}

.topics-index__hero {
  max-width: none !important;
  min-height: 235px;
  padding: 42px 44px !important;
  border: 1px solid var(--align-line, var(--gold-dark));
  border-radius: 4px;
}

.advertise-hero__grid {
  border: 1px solid var(--align-line, var(--gold-dark));
  border-radius: 4px;
}

/* Roman remains above the new map on the main page. */
.home-hero__copy {
  background: transparent !important;
  border-right: 0 !important;
}

.home-hero__art {
  background: none !important;
}

@media (max-width: 720px) {
  .account-hero.account-hero--usr04,
  .home-hero,
  .knowledge-hero,
  .topic-hero,
  .topics-index__hero,
  .auth-hero--aligned,
  .saved-hero--aligned,
  .advertise-hero__grid,
  .club-page__hero {
    background:
      linear-gradient(
        90deg,
        rgba(5, 6, 7, 0.99) 0%,
        rgba(5, 6, 7, 0.92) 44%,
        rgba(5, 6, 7, 0.5) 72%,
        rgba(5, 6, 7, 0.15) 100%
      ),
      radial-gradient(
        circle at 76% 48%,
        rgba(240, 160, 0, 0.07),
        transparent 39%
      ),
      #08090a !important;
  }

  .account-hero.account-hero--usr04::before,
  .home-hero::before,
  .knowledge-hero::before,
  .topic-hero::before,
  .topics-index__hero::before,
  .auth-hero--aligned::before,
  .saved-hero--aligned::before,
  .advertise-hero__grid::before,
  .club-page__hero::before {
    inset: 0 -60px 0 8%;
    background-size: 500px auto !important;
    opacity: 0.46;
  }

  .topics-index__hero {
    min-height: 190px;
    padding: 24px 20px !important;
  }
}

/* TV KADR - STAGE 2 TRANSPARENT HERO MAP END */

/* TV KADR - HOME HERO MAP SCALE AND APERTURE START */
/*
 * Корректировка только главной страницы:
 * 1. Возвращает существующее изображение объектива.
 * 2. Увеличивает прозрачную карту за Романом только на desktop.
 * Остальные hero-секции намеренно не затрагиваются.
 */
.home-hero__aperture {
  display:block!important;
}

@media (min-width:921px) {
  .home-hero::before {
    inset:-38% -10% -38% 20%!important;
    width:auto!important;
    height:auto!important;
    max-width:none!important;
    transform:none!important;
    background-position:center right!important;
    background-size:contain!important;
    background-repeat:no-repeat!important;
    opacity:.72!important;
    pointer-events:none!important;
  }
}
/* TV KADR - HOME HERO MAP SCALE AND APERTURE END */

/* TV KADR - CLUB SINGLE EURO PRICE START */
/*
 * /club displays one euro subscription card.
 * The card fills the tariff half, matching the home-page pattern.
 */
.club-page__tariff-grid--single {
  grid-template-columns:minmax(0,1fr);
}

.club-page__tariff-grid--single .club-page__tariff {
  width:100%;
  min-height:170px;
}

.club-page__tariff-grid--single .club-page__tariff .button {
  align-self:center;
  width:auto;
  min-width:160px;
}
/* TV KADR - CLUB SINGLE EURO PRICE END */

/* TV KADR - TOPICS INDEX HERO GRID GAP START */
/* Пространство только между hero и сеткой каталога тем. */
.topics-index__hero + .topics-index__grid {
  margin-top:12px;
}
/* TV KADR - TOPICS INDEX HERO GRID GAP END */
/* TV KADR - EPISODE PREVIEW FULL IMAGE START */

/*
  Финальная полировка превью выпусков.

  1. Обложка всегда показывается целиком.
  2. Никакого кадрирования через background-size: cover.
  3. Свободное пространство остаётся фирменным тёмным.
  4. Закреплённый выпуск на главной — ровно 50 / 50.
*/


/* HOME — закреплённый / новый выпуск */

.featured-release--split{
  grid-template-columns:
    minmax(0,1fr)
    minmax(0,1fr);
}

.featured-release--split
.featured-release__image{
  background-size:contain !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
  background-color:#050607;
}


/* CATALOG — большой закреплённый выпуск */

.episode-feature__visual{
  background-size:contain !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
  background-color:#050607;
}


/* CATALOG — обычные карточки */

.episode-card__visual{
  background-size:contain !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
  background-color:#050607;
}


/*
  Планшет:
  домашний закреплённый блок остаётся
  в существующей одноколоночной компоновке.
*/

@media(max-width:920px){

  .featured-release--split{
    grid-template-columns:
      minmax(0,1fr);
  }

}


/*
  Мобильный каталог:
  большой закреплённый выпуск
  остаётся в одну колонку.
*/

@media(max-width:720px){

  .episode-feature{
    grid-template-columns:
      minmax(0,1fr);
  }

}

/* TV KADR - EPISODE PREVIEW FULL IMAGE END */

/* TV KADR - FEATURED EPISODE UNIFIED POLISH START */

/*
  Главная + каталог выпусков:
  единый большой featured-блок.
*/


/* ==========================================================
   DESKTOP GEOMETRY
   ========================================================== */

.featured-release--split,
.episode-feature{
  grid-template-columns:
    minmax(0,1fr)
    minmax(0,1fr) !important;

  align-items:stretch !important;
}


/* ==========================================================
   LEFT — 16:9 PREVIEW
   ========================================================== */

.featured-release--split
.featured-release__image,
.episode-feature__visual{
  width:100% !important;

  aspect-ratio:16 / 9;

  height:auto !important;
  min-height:0 !important;
  max-height:none !important;

  align-self:start !important;

  background-size:contain !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
  background-color:#050607 !important;
}


/*
  На главной заголовок уже есть справа,
  поэтому поверх картинки его не повторяем.
*/

.featured-release--split
.featured-release__visual-title{
  display:none !important;
}


/* ==========================================================
   RIGHT — COMMON VISUAL LANGUAGE
   ========================================================== */

.featured-release--split
.featured-release__content,
.episode-feature__copy{
  box-sizing:border-box;

  min-width:0 !important;
  min-height:0 !important;
  height:auto !important;

  align-self:stretch !important;

  padding:30px 34px !important;

  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:flex-start !important;

  background:
    radial-gradient(
      circle at 100% 0%,
      rgba(241,189,19,.10),
      transparent 36%
    ),
    linear-gradient(
      145deg,
      #0b0d0f 0%,
      #070809 72%
    ) !important;
}


/* ==========================================================
   HOME COPY
   ========================================================== */

.featured-release--split
.featured-release__content
.eyebrow{
  margin:0 0 5px;
  font-size:11px;
  letter-spacing:.04em;
}

.featured-release--split
.featured-release__content
time{
  margin:0 0 7px;
}

.featured-release--split
.featured-release__content
h2{
  margin:0 0 10px !important;

  max-width:520px;

  font-size:clamp(
    27px,
    2.15vw,
    34px
  ) !important;

  line-height:1.08 !important;
}

.featured-release--split
.featured-release__content
p{
  max-width:520px;

  margin:0 0 13px !important;

  font-size:13px !important;
  line-height:1.5 !important;
}

.featured-release--split
.featured-release__content
.meta-row{
  margin-top:0;
}


/*
  Кнопки занимают нижнюю часть карточки.
  Это убирает ощущение пустого чёрного поля.
*/

.featured-release--split
.featured-release__actions{
  width:100%;

  margin-top:auto !important;
  padding-top:20px;

  grid-template-columns:
    minmax(0,1fr)
    minmax(0,1fr) !important;
}


/* ==========================================================
   EPISODES CATALOG COPY
   ========================================================== */

.episode-feature__copy
time{
  margin:0 0 7px;
}

.episode-feature__copy
h2{
  max-width:520px;

  margin:0 0 10px !important;

  font-size:clamp(
    27px,
    2.15vw,
    34px
  ) !important;

  line-height:1.08 !important;
}

.episode-feature__copy
p{
  max-width:520px;

  margin:0 0 13px !important;

  font-size:13px !important;
  line-height:1.5 !important;
}

.episode-feature__meta{
  margin-bottom:0 !important;
}


/*
  Единственная кнопка каталога визуально
  занимает нормальную нижнюю позицию.
*/

.episode-feature__copy
> .button{
  width:min(100%,260px);

  margin-top:auto !important;

  display:inline-flex;
  align-items:center;
  justify-content:center;
}


/*
  Звезда остаётся справа сверху,
  но чуть отступает от края.
*/

.episode-feature__bookmark{
  top:18px !important;
  right:20px !important;
}


/* ==========================================================
   TABLET
   ========================================================== */

@media(max-width:920px){

  .featured-release--split,
  .episode-feature{
    grid-template-columns:
      minmax(0,1fr) !important;
  }

  .featured-release--split
  .featured-release__image,
  .episode-feature__visual{
    aspect-ratio:16 / 9;
  }

  .featured-release--split
  .featured-release__content,
  .episode-feature__copy{
    padding:24px !important;
  }

  .featured-release--split
  .featured-release__actions{
    margin-top:18px !important;
    padding-top:0;
  }

  .episode-feature__copy
  > .button{
    margin-top:18px !important;
  }
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media(max-width:720px){

  .featured-release--split
  .featured-release__content,
  .episode-feature__copy{
    padding:19px !important;
  }

  .featured-release--split
  .featured-release__content
  h2,
  .episode-feature__copy
  h2{
    font-size:26px !important;
  }

  .featured-release--split
  .featured-release__actions{
    grid-template-columns:
      minmax(0,1fr) !important;
  }

  .episode-feature__copy
  > .button{
    width:100%;
  }
}

/* TV KADR - FEATURED EPISODE UNIFIED POLISH END */

/* TV KADR - FEATURED INFO STRIP START */

.featured-release__stats,
.episode-feature__stats{
  width:100%;
  display:grid;
  grid-template-columns:
    repeat(3,minmax(0,1fr));

  margin-top:10px;

  border-top:
    1px solid rgba(240,160,0,.24);

  border-bottom:
    1px solid rgba(240,160,0,.24);

  background:
    linear-gradient(
      90deg,
      rgba(240,160,0,.055),
      rgba(255,255,255,.012)
    );
}

.featured-release__stats > div,
.episode-feature__stats > div{
  min-width:0;

  padding:15px 14px;

  display:flex;
  flex-direction:column;
  gap:6px;
}

.featured-release__stats > div + div,
.episode-feature__stats > div + div{
  border-left:
    1px solid rgba(240,160,0,.18);
}

.featured-release__stats span,
.episode-feature__stats span{
  color:#777d82;

  font-family:var(--tvk-font-ui);
  font-size:9px;
  line-height:1.25;

  font-weight:600;

  letter-spacing:.065em;
  text-transform:uppercase;
}

.featured-release__stats strong,
.episode-feature__stats strong{
  color:#e8e8e5;

  font-family:var(--tvk-font-ui);
  font-size:17px;
  line-height:1.2;

  font-weight:500;

  font-variant-numeric:
    tabular-nums;
}

.featured-release__stats
> div:first-child
strong,
.episode-feature__stats
> div:first-child
strong{
  color:var(--gold-bright);
}

.featured-release--split
.featured-release__actions{
  width:100%;

  margin-top:auto !important;
  padding-top:18px !important;
}

.episode-feature__copy
> .button{
  margin-top:auto !important;
}

/*
  Даже если старые правила duration остаются в CSS,
  сами элементы больше не отображаются.
*/

.featured-release__duration,
.episode-feature__visual > b{
  display:none !important;
}

@media(max-width:720px){

  .featured-release__stats > div,
  .episode-feature__stats > div{
    padding:11px 9px;
  }

  .featured-release__stats span,
  .episode-feature__stats span{
    font-size:8px;
    letter-spacing:.03em;
  }

  .featured-release__stats strong,
  .episode-feature__stats strong{
    font-size:14px;
  }

}

/* TV KADR - FEATURED INFO STRIP END */

/* TV KADR - FEATURED WATCH LISTEN ACTIONS START */

.episode-feature__actions{
  width:100%;

  display:grid;
  grid-template-columns:
    repeat(2,minmax(0,1fr));

  gap:12px;

  margin-top:auto;
  padding-top:18px;
}

.episode-feature__actions .button{
  width:100%;
  min-width:0;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  text-decoration:none;
}

article.episode-feature{
  color:inherit;
}

@media(max-width:720px){

  .episode-feature__actions{
    grid-template-columns:
      minmax(0,1fr);

    gap:8px;
    padding-top:12px;
  }

}

/* TV KADR - FEATURED WATCH LISTEN ACTIONS END */

/* TV KADR - CATALOG CARD PREVIEW 16X9 START */

/*
  Каталог / сетка выпусков.

  Превью становится настоящим 16:9.
  Поэтому оно выше прежнего фиксированного блока
  и изображение вписывается без боковых чёрных полос.
*/


@media(min-width:721px){

  /*
    Только обычная GRID-сетка.
    LIST-режим не затрагиваем.
  */

  .episodes-page
  .episode-grid:not(.episode-grid--list)
  .episode-card__visual{

    width:100% !important;

    height:auto !important;
    min-height:0 !important;

    aspect-ratio:16 / 9;

    flex:none;

    background-size:contain !important;
    background-position:center !important;
    background-repeat:no-repeat !important;

    background-color:#050607;
  }


  /*
    Длительность:
    из левого нижнего угла
    переносим в правый нижний.
  */

  .episodes-page
  .episode-grid:not(.episode-grid--list)
  .episode-card__visual
  > span:not(.episode-catalog-club-lock){

    left:auto !important;

    right:8px !important;
    bottom:8px !important;

    top:auto !important;

    z-index:3;
  }


  /*
    Карточка сама становится выше вслед за preview.
    Никакого ограничения общей высоты.
  */

  .episodes-page
  .episode-grid:not(.episode-grid--list)
  .episode-card{

    height:auto !important;
    min-height:0 !important;

    align-self:stretch;
  }

}


/*
  На телефоне геометрию карточек не меняем,
  но длительность всё равно должна быть справа.
*/

@media(max-width:720px){

  .episodes-page
  .episode-card__visual
  > span:not(.episode-catalog-club-lock){

    left:auto !important;

    right:8px !important;
    bottom:8px !important;

    top:auto !important;
  }

}

/* TV KADR - CATALOG CARD PREVIEW 16X9 END */

/* === TV KADR ST4-04A3 NEWSLETTER UI START === */
.newsletter-mail-form{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
  align-items:center;
}

.newsletter-mail-form .newsletter-form-feedback,
.newsletter-mail-form .newsletter-dev-link{
  grid-column:1/-1;
  font-size:10px;
  line-height:1.45;
}

.newsletter-mail-form .newsletter-form-feedback{
  color:#aaa;
}

.newsletter-mail-form .newsletter-form-feedback.is-success{
  color:var(--gold-bright);
}

.newsletter-mail-form .newsletter-form-feedback.is-error{
  color:#e18b8b;
}

.newsletter-mail-form .newsletter-dev-link{
  color:var(--gold-bright);
  text-decoration:none;
}

.newsletter-mail-form .newsletter-dev-link:hover{
  text-decoration:underline;
}

.account-settings-note.is-error{
  color:#e18b8b;
}

@media(max-width:640px){
  .newsletter-mail-form{
    grid-template-columns:1fr;
  }
}
/* === TV KADR ST4-04A3 NEWSLETTER UI END === */

/* === TV KADR ST4-05B3 LIKE UI === */

.like-button{
  width:150px;
  flex:0 0 150px;
  gap:8px;
  padding-left:14px;
  padding-right:14px;
  white-space:nowrap;
}

.like-button__icon{
  display:block;
  width:17px;
  height:17px;
  flex:0 0 17px;
}

.like-button__label{
  display:block;
  line-height:1;
}

.like-button__count{
  display:block;
  width:26px;
  flex:0 0 26px;
  text-align:left;
  line-height:1;
  font-variant-numeric:tabular-nums;
}

.like-button.active{
  border-color:var(--gold-bright);
  color:var(--gold-bright);
  background:rgba(240,160,0,.08);
}

.like-button:disabled{
  opacity:1;
  cursor:wait;
}

.community-actions{
  align-items:center;
  flex-wrap:wrap;
}

.community-actions .community-like-button{
  display:inline-flex;
  align-items:center;
  gap:5px;
  min-width:34px;
  min-height:18px;
  color:#8e918e;
  line-height:1;
}

.community-like-button__icon{
  display:block;
  width:14px;
  height:14px;
  flex:0 0 14px;
}

.community-like-button__count{
  display:block;
  min-width:14px;
  text-align:left;
  line-height:1;
  font-variant-numeric:tabular-nums;
}

.community-actions .community-like-button:hover,
.community-actions .community-like-button.active{
  color:var(--gold-bright);
}

.community-actions .community-like-button:disabled{
  opacity:1;
  cursor:wait;
}

/* === /TV KADR ST4-05B3 LIKE UI === */

/* === TV KADR ST4-05C2 REPORT UI === */

.community-report-control{
  position:relative;
  display:inline-flex;
  align-items:center;
}

.community-report-form{
  position:absolute;
  z-index:40;
  top:24px;
  right:0;
  width:320px;
  max-width:min(320px,calc(100vw - 36px));
  padding:14px;
  display:grid;
  gap:12px;
  background:#090a0b;
  border:1px solid var(--gold-dark);
  border-radius:4px;
  box-shadow:0 16px 42px rgba(0,0,0,.45);
}

.community-report-form label{
  display:grid;
  gap:6px;
}

.community-report-form label>span{
  color:var(--secondary);
  font-size:11px;
}

.community-report-form select,
.community-report-form textarea{
  width:100%;
  border:1px solid #403519;
  border-radius:4px;
  background:#050606;
  color:var(--text);
  font:inherit;
  outline:0;
}

.community-report-form select{
  min-height:40px;
  padding:0 10px;
}

.community-report-form textarea{
  min-height:86px;
  padding:10px;
  resize:vertical;
}

.community-report-form select:focus,
.community-report-form textarea:focus{
  border-color:var(--gold-bright);
}

.community-report-buttons{
  display:flex;
  gap:8px;
}

.community-actions .community-report-submit,
.community-actions .community-report-cancel{
  min-height:34px;
  padding:0 12px;
  border-radius:4px;
  font-size:11px;
  font-weight:600;
}

.community-actions .community-report-submit{
  border:1px solid #F0A000;
  background:linear-gradient(180deg,#F4B213,#E39100);
  color:#090B0D;
}

.community-actions .community-report-cancel{
  border:1px solid var(--gold-dark);
  background:var(--surface-1);
  color:var(--text);
}

.community-actions .community-report-submit:hover{
  color:#090B0D;
  filter:brightness(1.08);
}

.community-actions .community-report-cancel:hover{
  border-color:var(--gold-bright);
  color:var(--gold-bright);
}

.community-report-error{
  margin:0;
  color:#d97b7b;
  font-size:11px;
}

.community-report-sent{
  color:#8e918e;
  font-size:11px;
}

@media(max-width:640px){
  .community-report-form{
    position:fixed;
    left:18px;
    right:18px;
    top:50%;
    width:auto;
    max-width:none;
    transform:translateY(-50%);
  }
}

/* === /TV KADR ST4-05C2 REPORT UI === */

/* === TV KADR ADMIN ROUTE GATE / REPORT SELECT === */

.admin-route-gate{
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#050606;
  color:#a8aaa8;
  font-size:13px;
}

/*
 * Report reason dropdown.
 * Scoped intentionally so shared PublicSelect styling elsewhere
 * is not changed.
 */

.community-report-form [role="combobox"],
.community-report-form button[aria-haspopup="listbox"],
.community-report-form .public-select__trigger{
  min-height:42px;
  width:100%;
  border-color:#8b6515!important;
  background:#0b0c0d!important;
  color:#f0f1ef!important;
}

.community-report-form [role="combobox"]:hover,
.community-report-form button[aria-haspopup="listbox"]:hover,
.community-report-form .public-select__trigger:hover{
  border-color:#f0a000!important;
  color:#fff!important;
}

.community-report-form [role="listbox"],
.community-report-form .public-select__menu{
  background:#08090a!important;
  border-color:#8b6515!important;
  box-shadow:0 14px 34px rgba(0,0,0,.55)!important;
}

.community-report-form [role="option"],
.community-report-form [role="listbox"] button,
.community-report-form .public-select__option{
  background:#08090a!important;
  color:#d6d8d6!important;
}

.community-report-form [role="option"]:hover,
.community-report-form [role="option"]:focus,
.community-report-form [role="option"][data-active="true"],
.community-report-form [role="option"][aria-selected="true"],
.community-report-form [role="listbox"] button:hover,
.community-report-form [role="listbox"] button:focus-visible,
.community-report-form .public-select__option:hover,
.community-report-form .public-select__option.is-active{
  background:#f0a000!important;
  color:#090b0d!important;
}

/* === /TV KADR ADMIN ROUTE GATE / REPORT SELECT === */

/* === TV KADR REPORT SELECT SPACING === */

.community-report-form [role="option"],
.community-report-form [role="listbox"] button,
.community-report-form .public-select__option{
  min-height:34px;
  padding-left:12px!important;
  padding-right:12px!important;
  display:flex;
  align-items:center;
  box-sizing:border-box;
}

/* === /TV KADR REPORT SELECT SPACING === */

/* === TV KADR REPORT SELECT BORDER === */

.community-report-form [role="combobox"],
.community-report-form button[aria-haspopup="listbox"],
.community-report-form .public-select__trigger{
  border:1px solid #745514!important;
  border-radius:4px!important;
  box-shadow:
    inset 0 0 0 1px rgba(240,160,0,.06);
}

.community-report-form [role="combobox"]:hover,
.community-report-form button[aria-haspopup="listbox"]:hover,
.community-report-form .public-select__trigger:hover,
.community-report-form [aria-expanded="true"]{
  border-color:#f0a000!important;
  box-shadow:
    inset 0 0 0 1px rgba(240,160,0,.10),
    0 0 0 1px rgba(240,160,0,.08);
}

/* === /TV KADR REPORT SELECT BORDER === */

/* === TV KADR REPORT FORM FINAL SPACING === */

/* Выбранное значение в закрытом dropdown */
.community-report-form [role="combobox"],
.community-report-form button[aria-haspopup="listbox"],
.community-report-form .public-select__trigger{
  padding-left:12px!important;
  padding-right:34px!important;
  box-sizing:border-box;
  text-align:left;
}

/* Placeholder дополнительного комментария */
.community-report-form textarea::placeholder{
  color:#737773;
  font-size:12px;
  font-weight:400;
  opacity:1;
}

/* === /TV KADR REPORT FORM FINAL SPACING === */

/* ============================================================
   TV KADR — C3D5C ACCOUNT ADVERTISING
   ============================================================ */

.account-advertising {
  margin-top: 22px;
  margin-bottom: 22px;
  padding: 24px;
  background:
    linear-gradient(
      180deg,
      rgba(20, 20, 18, 0.98),
      rgba(11, 11, 10, 0.98)
    );
}

.account-advertising__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 28px;
  margin-bottom: 20px;
}

.account-advertising__head h2 {
  margin: 4px 0 7px;
  font-size: clamp(24px, 3vw, 34px);
}

.account-advertising__head p {
  max-width: 650px;
  margin: 0;
  color: rgba(255, 255, 255, 0.64);
  line-height: 1.55;
}

.account-advertising__summary {
  display: grid;
  grid-template-columns:
    repeat(4, minmax(82px, 1fr));
  gap: 8px;
  min-width: min(100%, 410px);
}

.account-advertising__summary > span {
  min-width: 0;
  padding: 10px;
  border: 1px solid
    rgba(255, 211, 0, 0.18);
  background:
    rgba(255, 255, 255, 0.025);
  text-align: center;
}

.account-advertising__summary strong {
  display: block;
  color: #f2c600;
  font-size: 20px;
  line-height: 1.15;
}

.account-advertising__summary span {
  font-size: 10px;
  color: rgba(255, 255, 255, 0.58);
}

.account-advertising__campaigns {
  display: grid;
  gap: 14px;
}

.account-ad-campaign {
  min-width: 0;
  padding: 18px;
  border: 1px solid
    rgba(255, 211, 0, 0.22);
  background:
    rgba(0, 0, 0, 0.24);
}

.account-ad-campaign__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding-bottom: 14px;
  border-bottom: 1px solid
    rgba(255, 255, 255, 0.08);
}

.account-ad-campaign__header small {
  display: block;
  margin-bottom: 4px;
  color: rgba(255, 255, 255, 0.5);
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.07em;
}

.account-ad-campaign__header h3 {
  margin: 0;
  font-size: 19px;
  line-height: 1.35;
}

.account-ad-campaign__status {
  flex: 0 0 auto;
  padding: 6px 9px;
  border: 1px solid
    rgba(255, 255, 255, 0.14);
  color: rgba(255, 255, 255, 0.72);
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.account-ad-campaign__status.is-active {
  border-color:
    rgba(255, 211, 0, 0.55);
  color: #f2c600;
}

.account-ad-campaign__details {
  display: grid;
  grid-template-columns:
    repeat(4, minmax(0, 1fr));
  gap: 1px;
  margin-top: 14px;
  background:
    rgba(255, 255, 255, 0.08);
}

.account-ad-campaign__details > div {
  min-width: 0;
  padding: 11px 12px;
  background: #11110f;
}

.account-ad-campaign__details small,
.account-ad-campaign__conditions small {
  display: block;
  margin-bottom: 5px;
  color: rgba(255, 255, 255, 0.47);
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.account-ad-campaign__details strong {
  display: block;
  overflow-wrap: anywhere;
  color: rgba(255, 255, 255, 0.9);
  font-size: 13px;
  line-height: 1.4;
}

.account-ad-campaign__analytics {
  display: grid;
  grid-template-columns:
    repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-top: 12px;
}

.account-ad-campaign__analytics > div {
  display: grid;
  grid-template-rows:
    12px
    22px
    28px;
  align-content: start;
  height: 82px;
  min-width: 0;
  padding: 10px 11px;
  box-sizing: border-box;
  border: 1px solid
    rgba(255, 211, 0, 0.18);
  background:
    rgba(255, 255, 255, 0.018);
}

.account-ad-campaign__analytics small {
  color: rgba(255, 255, 255, 0.5);
  font-size: 9px;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.account-ad-campaign__analytics strong {
  color: #f2c600;
  font-size: 18px;
  line-height: 1.15;
}

.account-ad-campaign__analytics span {
  overflow: hidden;
  color: rgba(255, 255, 255, 0.6);
  font-size: 10px;
  line-height: 1.35;
}

.account-ad-campaign__conditions {
  margin-top: 12px;
  padding: 12px;
  border-left: 2px solid
    rgba(255, 211, 0, 0.55);
  background:
    rgba(255, 211, 0, 0.035);
}

.account-ad-campaign__conditions p {
  margin: 0;
  color: rgba(255, 255, 255, 0.72);
  font-size: 12px;
  line-height: 1.55;
  white-space: pre-wrap;
}

.account-ad-campaign__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid
    rgba(255, 255, 255, 0.07);
  color: rgba(255, 255, 255, 0.48);
  font-size: 11px;
}

.account-ad-campaign__footer a {
  color: #f2c600;
  text-decoration: none;
}

.account-ad-campaign__footer a:hover {
  text-decoration: underline;
}

@media (max-width: 980px) {
  .account-advertising__head {
    align-items: stretch;
    flex-direction: column;
  }

  .account-advertising__summary {
    width: 100%;
    min-width: 0;
  }

  .account-ad-campaign__details {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

  .account-ad-campaign__analytics {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  .account-advertising {
    padding: 16px;
  }

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

  .account-ad-campaign__header {
    flex-direction: column;
  }

  .account-ad-campaign__details,
  .account-ad-campaign__analytics {
    grid-template-columns: 1fr;
  }

  .account-ad-campaign__footer {
    align-items: flex-start;
    flex-direction: column;
  }
}
/* TV KADR — PUBLIC PEOPLE PAGE START */

.people-page {
  padding-top: 18px;
  padding-bottom: 42px;
}

/* HERO */

.people-hero {
  position: relative;

  min-height: 330px;

  display: grid;

  grid-template-columns:
    minmax(0, 1.02fr)
    minmax(390px, 0.98fr);

  overflow: hidden;

  background:
    radial-gradient(
      circle at 77% 44%,
      rgba(240, 160, 0, 0.11),
      transparent 30%
    ),
    linear-gradient(
      112deg,
      #090a0a 0%,
      #0b0c0c 53%,
      #090a0a 100%
    );
}

.people-hero__copy {
  position: relative;
  z-index: 2;

  align-self: center;

  padding:
    44px
    48px;
}

.people-hero h1 {
  margin:
    8px
    0
    12px;

  font-family:
    var(--tvk-font-editorial);

  font-size:
    var(--tvk-public-page-title);

  line-height: 1.04;
  font-weight: 400;
}

.people-hero__copy > p {
  max-width: 570px;

  margin: 0;

  font-size:
    var(--tvk-public-primary);

  line-height: 1.55;

  color: #aaa9a4;
}

.people-hero__stats {
  display: flex;
  gap: 10px;

  margin-top: 26px;
}

.people-hero__stats > div {
  min-width: 155px;

  padding:
    12px
    14px;

  border:
    1px solid
    rgba(240, 160, 0, 0.2);

  background:
    rgba(255, 255, 255, 0.015);
}

.people-hero__stats strong,
.people-hero__stats span {
  display: block;
}

.people-hero__stats strong {
  font-family:
    var(--tvk-font-editorial);

  font-size: 20px;
  font-weight: 400;

  color: #f3f0e8;
}

.people-hero__stats span {
  margin-top: 4px;

  font-size:
    var(--tvk-public-meta);

  color: #7f7f7a;
}

/* abstract people/context visual */

.people-hero__visual {
  position: relative;

  min-height: 330px;

  overflow: hidden;
}

.people-hero__halo {
  position: absolute;

  width: 330px;
  height: 330px;

  top: 50%;
  left: 53%;

  transform:
    translate(-50%, -50%);

  border:
    1px solid
    rgba(240, 160, 0, 0.13);

  border-radius: 50%;

  box-shadow:
    0 0 110px
    rgba(240, 160, 0, 0.07);
}

.people-hero__person {
  position: absolute;

  width: 78px;
  height: 78px;

  border-radius: 50%;

  border:
    1px solid
    rgba(240, 160, 0, 0.55);

  background:
    radial-gradient(
      circle at 50% 36%,
      rgba(240, 160, 0, 0.22) 0 15%,
      transparent 16%
    ),
    radial-gradient(
      ellipse at 50% 88%,
      rgba(240, 160, 0, 0.15) 0 29%,
      transparent 30%
    ),
    #0c0d0d;

  box-shadow:
    0 0 34px
    rgba(240, 160, 0, 0.07);
}

.people-hero__person--one {
  left: 16%;
  top: 37%;

  width: 98px;
  height: 98px;
}

.people-hero__person--two {
  left: 48%;
  top: 19%;
}

.people-hero__person--three {
  left: 66%;
  top: 57%;

  width: 88px;
  height: 88px;
}

.people-hero__line {
  position: absolute;

  height: 1px;

  transform-origin: left center;

  background:
    linear-gradient(
      90deg,
      rgba(240, 160, 0, 0.55),
      rgba(240, 160, 0, 0.05)
    );
}

.people-hero__line--one {
  left: 31%;
  top: 48%;

  width: 185px;

  transform: rotate(-23deg);
}

.people-hero__line--two {
  left: 58%;
  top: 39%;

  width: 150px;

  transform: rotate(51deg);
}

/* SEARCH */

.people-toolbar {
  margin-top: 26px;

  padding:
    20px
    22px;

  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;

  border-top:
    1px solid
    rgba(240, 160, 0, 0.16);

  border-bottom:
    1px solid
    rgba(240, 160, 0, 0.16);

  background:
    linear-gradient(
      90deg,
      rgba(240, 160, 0, 0.035),
      transparent 42%
    );
}

.people-toolbar h2,
.people-section__head h2,
.people-dossiers-bridge h2 {
  margin:
    5px
    0
    0;

  font-family:
    var(--tvk-font-editorial);

  font-size:
    var(--tvk-public-section-title);

  line-height: 1.15;
  font-weight: 400;
}

.people-search {
  display: flex;
  align-items: center;
  gap: 8px;
}

.people-search input {
  width: min(360px, 34vw);
  min-height: 44px;

  padding:
    0
    14px;

  border:
    1px solid
    rgba(240, 160, 0, 0.2);

  outline: 0;

  background: #090a0a;

  color: #f2f0e9;

  font: inherit;

  font-size:
    var(--tvk-public-primary);
}

.people-search input:focus {
  border-color:
    rgba(240, 160, 0, 0.65);
}

/* SECTIONS */

.people-section {
  margin-top: 38px;
}

.people-section__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;

  margin-bottom: 18px;
}

.people-section__caption {
  padding-bottom: 3px;

  font-size:
    var(--tvk-public-meta);

  color: #7f7f7a;
}

/* FEATURED */

.people-featured-grid {
  display: grid;

  grid-template-columns:
    repeat(3, minmax(0, 1fr));

  gap: 12px;
}

.people-card {
  position: relative;

  min-width: 0;

  display: grid;

  grid-template-rows:
    215px
    minmax(0, 1fr);

  overflow: hidden;

  border:
    1px solid
    rgba(240, 160, 0, 0.2);

  background:
    linear-gradient(
      145deg,
      rgba(240, 160, 0, 0.035),
      transparent 38%
    ),
    #0b0c0c;

  text-decoration: none;

  transition:
    border-color 160ms ease,
    transform 160ms ease,
    background 160ms ease;
}

.people-card:hover {
  transform:
    translateY(-3px);

  border-color:
    rgba(240, 160, 0, 0.58);

  background:
    linear-gradient(
      145deg,
      rgba(240, 160, 0, 0.075),
      transparent 42%
    ),
    #0c0d0d;
}

.people-card--featured {
  grid-template-rows:
    285px
    minmax(0, 1fr);
}

.people-card__portrait {
  position: relative;

  min-height: 0;

  overflow: hidden;

  background:
    radial-gradient(
      circle at 50% 35%,
      rgba(240, 160, 0, 0.12),
      transparent 34%
    ),
    #080909;
}

.people-card__portrait::after {
  content: "";

  position: absolute;
  inset: 0;

  pointer-events: none;

  background:
    linear-gradient(
      180deg,
      transparent 51%,
      rgba(8, 9, 9, 0.28) 72%,
      #0b0c0c 100%
    );
}

.people-card__portrait img {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: center top;
}

.people-card__portrait--fallback {
  display: grid;
  place-items: center;
}

.people-card__portrait--fallback span {
  font-family:
    var(--tvk-font-editorial);

  font-size: 58px;
  font-weight: 400;

  color:
    rgba(240, 160, 0, 0.68);
}

.people-card__copy {
  display: flex;
  flex-direction: column;

  min-height: 190px;

  padding:
    16px
    17px
    17px;
}

.people-card__category {
  font-size:
    var(--tvk-public-micro);

  font-weight: 700;
  letter-spacing: 0.1em;

  text-transform: uppercase;

  color: #f0a000;
}

.people-card h3 {
  margin:
    8px
    0
    3px;

  font-family:
    var(--tvk-font-editorial);

  font-size:
    var(--tvk-public-card-title);

  line-height: 1.15;
  font-weight: 400;

  color: #f3f0e8;
}

.people-card__copy > strong {
  font-size:
    var(--tvk-public-meta);

  line-height: 1.4;
  font-weight: 600;

  color: #c2c0b9;
}

.people-card p {
  display: -webkit-box;

  margin:
    11px
    0
    15px;

  overflow: hidden;

  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;

  font-size:
    var(--tvk-public-small);

  line-height: 1.52;

  color: #898984;
}

.people-card__link {
  margin-top: auto;

  font-size:
    var(--tvk-public-meta);

  font-weight: 600;

  color: #f0a000;
}

/* CATALOG */

.people-section--catalog {
  padding-top: 34px;

  border-top:
    1px solid
    rgba(255, 255, 255, 0.06);
}

.people-grid {
  display: grid;

  grid-template-columns:
    repeat(4, minmax(0, 1fr));

  gap: 11px;
}

.people-grid .people-card {
  grid-template-rows:
    190px
    minmax(0, 1fr);
}

.people-grid .people-card__copy {
  min-height: 205px;
}

/* EMPTY */

.people-empty,
.people-catalog-note {
  min-height: 180px;

  display: flex;
  flex-direction: column;

  align-items: center;
  justify-content: center;

  padding:
    30px;

  border:
    1px solid
    rgba(240, 160, 0, 0.18);

  background:
    radial-gradient(
      circle at 50% 0%,
      rgba(240, 160, 0, 0.07),
      transparent 48%
    ),
    #0a0b0b;

  text-align: center;
}

.people-empty > span {
  font-size:
    var(--tvk-public-micro);

  font-weight: 700;
  letter-spacing: 0.12em;

  color: #f0a000;
}

.people-empty h3 {
  margin:
    8px
    0
    7px;

  font-family:
    var(--tvk-font-editorial);

  font-size:
    var(--tvk-public-section-title);

  font-weight: 400;
}

.people-empty p,
.people-catalog-note {
  color: #8a8984;

  font-size:
    var(--tvk-public-primary);
}

.people-empty .button {
  margin-top: 17px;
}

/* PAGINATION */

.people-pagination {
  margin-top: 20px;

  min-height: 46px;

  display: grid;

  grid-template-columns:
    1fr
    auto
    1fr;

  align-items: center;

  border-top:
    1px solid
    rgba(240, 160, 0, 0.16);

  border-bottom:
    1px solid
    rgba(240, 160, 0, 0.16);
}

.people-pagination a {
  color: #f0a000;

  text-decoration: none;

  font-size:
    var(--tvk-public-meta);

  font-weight: 600;
}

.people-pagination a:last-child {
  justify-self: end;
}

.people-pagination strong {
  font-size:
    var(--tvk-public-meta);

  font-weight: 500;

  color: #8b8a84;
}

/* DOSSIER BRIDGE */

.people-dossiers-bridge {
  margin-top: 40px;

  min-height: 126px;

  padding:
    24px
    28px;

  display: flex;

  align-items: center;
  justify-content: space-between;

  gap: 28px;

  background:
    radial-gradient(
      circle at 88% 50%,
      rgba(240, 160, 0, 0.1),
      transparent 34%
    ),
    linear-gradient(
      110deg,
      rgba(240, 160, 0, 0.04),
      transparent 42%
    ),
    #090a0a;
}

.people-dossiers-bridge p {
  max-width: 670px;

  margin:
    8px
    0
    0;

  font-size:
    var(--tvk-public-primary);

  line-height: 1.5;

  color: #8e8d87;
}

/* RESPONSIVE */

@media (max-width: 1100px) {
  .people-hero {
    grid-template-columns:
      minmax(0, 1fr)
      360px;
  }

  .people-featured-grid {
    grid-template-columns:
      repeat(3, minmax(0, 1fr));
  }

  .people-grid {
    grid-template-columns:
      repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 820px) {
  .people-hero {
    grid-template-columns: 1fr;

    min-height: 0;
  }

  .people-hero__copy {
    padding:
      34px
      28px
      20px;
  }

  .people-hero__visual {
    min-height: 220px;
  }

  .people-toolbar {
    align-items: stretch;
    flex-direction: column;
  }

  .people-search {
    width: 100%;
  }

  .people-search input {
    width: 100%;
  }

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

  .people-dossiers-bridge {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 560px) {
  .people-page {
    padding-top: 12px;
  }

  .people-hero__copy {
    padding:
      28px
      20px
      18px;
  }

  .people-hero__stats {
    flex-direction: column;
  }

  .people-hero__stats > div {
    min-width: 0;
  }

  .people-search {
    align-items: stretch;
    flex-direction: column;
  }

  .people-section__head {
    align-items: flex-start;
    flex-direction: column;

    gap: 8px;
  }

  .people-featured-grid,
  .people-grid {
    grid-template-columns: 1fr;
  }

  .people-card--featured,
  .people-card,
  .people-grid .people-card {
    grid-template-rows:
      260px
      auto;
  }

  .people-dossiers-bridge {
    padding:
      22px
      20px;
  }
}

/* TV KADR — PUBLIC PEOPLE PAGE END */
/* TV KADR — PEOPLE SMALL DATA POLISH START */

/*
 * With one or two people, do not stretch a featured card
 * across one third of an otherwise empty wide grid.
 */

.people-featured-grid--sparse {
  grid-template-columns:
    repeat(
      auto-fit,
      minmax(280px, 360px)
    );

  justify-content: start;
}

/*
 * A fallback with initials does not need the same huge portrait
 * area as a real photograph.
 */

.people-card--featured.people-card--no-photo {
  grid-template-rows:
    190px
    auto;
}

.people-card--featured.people-card--no-photo
.people-card__portrait--fallback span {
  font-size: 46px;
}

.people-card--featured.people-card--no-photo
.people-card__copy {
  min-height: 160px;
}

/*
 * Keep a real photograph large when it exists.
 */

.people-card--featured:not(.people-card--no-photo) {
  grid-template-rows:
    285px
    minmax(0, 1fr);
}

@media (max-width: 820px) {
  .people-featured-grid--sparse {
    grid-template-columns:
      repeat(
        2,
        minmax(0, 1fr)
      );
  }
}

@media (max-width: 560px) {
  .people-featured-grid--sparse {
    grid-template-columns: 1fr;
  }

  .people-card--featured.people-card--no-photo {
    grid-template-rows:
      200px
      auto;
  }
}

/* TV KADR — PEOPLE SMALL DATA POLISH END */
/* TV KADR — HOME HERO APERTURE BLEND START */

/*
 * Camera aperture is part of the overall hero composition,
 * not a separate sticker-like foreground element.
 *
 * Position and dimensions intentionally remain unchanged.
 */

.home-hero__aperture {
  opacity: .68 !important;

  filter:
    saturate(.68)
    brightness(.82)
    contrast(.94)
    drop-shadow(
      0
      4px
      14px
      rgba(0, 0, 0, .22)
    )
    drop-shadow(
      0
      0
      18px
      rgba(240, 160, 0, .08)
    ) !important;

  -webkit-mask-image:
    radial-gradient(
      circle at 50% 50%,
      #000 0%,
      #000 53%,
      rgba(0, 0, 0, .92) 64%,
      rgba(0, 0, 0, .66) 75%,
      rgba(0, 0, 0, .24) 88%,
      transparent 100%
    );

  mask-image:
    radial-gradient(
      circle at 50% 50%,
      #000 0%,
      #000 53%,
      rgba(0, 0, 0, .92) 64%,
      rgba(0, 0, 0, .66) 75%,
      rgba(0, 0, 0, .24) 88%,
      transparent 100%
    );
}

/*
 * On smaller desktop widths the aperture remains readable,
 * but still integrated into the background composition.
 */

@media (max-width: 1050px) {
  .home-hero__aperture {
    opacity: .64 !important;
  }
}

/*
 * Mobile: slightly quieter still,
 * because the artwork occupies a much smaller visual field.
 */

@media (max-width: 720px) {
  .home-hero__aperture {
    opacity: .58 !important;

    filter:
      saturate(.62)
      brightness(.78)
      contrast(.92)
      drop-shadow(
        0
        3px
        10px
        rgba(0, 0, 0, .18)
      ) !important;
  }
}

/* TV KADR — HOME HERO APERTURE BLEND END */

/* TV KADR — ADMIN DOSSIERS V2 START */

.admin-dossiers-kindbar {
  display: grid;
  grid-template-columns: minmax(210px, .72fr) minmax(0, 2fr);
  gap: 18px;
  align-items: center;
  padding: 16px;
  margin-bottom: 12px;
  border: 1px solid #332a13;
  background:
    linear-gradient(
      110deg,
      rgba(240, 160, 0, .045),
      transparent 44%
    ),
    #0d0d0d;
}

.admin-dossiers-kindbar > div:first-child {
  display: grid;
  gap: 5px;
}

.admin-dossiers-kindbar > div:first-child strong {
  color: #eceae3;
  font-size: 13px;
}

.admin-dossiers-kindbar > div:first-child small {
  max-width: 340px;
  color: #777;
  font-size: 11px;
  line-height: 1.45;
}

.admin-dossiers-kindtabs {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 6px;
}

.admin-dossiers-kindtabs button {
  min-width: 0;
  min-height: 48px;
  padding: 8px 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  border: 1px solid #322912;
  background: #0a0a0a;
  color: #969696;
  cursor: pointer;
  font: inherit;
}

.admin-dossiers-kindtabs button:hover {
  border-color: #5d4914;
  color: #d7d4ca;
}

.admin-dossiers-kindtabs button.active {
  border-color: #765b14;
  background:
    linear-gradient(
      90deg,
      rgba(240, 160, 0, .12),
      rgba(240, 160, 0, .025)
    );
  color: var(--yellow);
}

.admin-dossiers-kindtabs button span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
}

.admin-dossiers-kindtabs button strong {
  flex: 0 0 auto;
  min-width: 23px;
  color: inherit;
  font-size: 12px;
  text-align: right;
}

.admin-dossiers-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 0 0 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #3b2f12;
}

.admin-dossiers-statuses {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.admin-dossiers-statuses button {
  min-height: 34px;
  padding: 7px 10px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 1px solid transparent;
  background: transparent;
  color: #888;
  cursor: pointer;
  font: inherit;
  font-size: 11px;
}

.admin-dossiers-statuses button span {
  color: #5f5f5f;
  font-size: 10px;
}

.admin-dossiers-statuses button:hover {
  color: #c9c7c0;
}

.admin-dossiers-statuses button.active {
  border-color: #6c5315;
  background: #171308;
  color: var(--yellow);
}

.admin-dossiers-statuses button.active span {
  color: #b68a1d;
}

.admin-dossiers-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

.admin-dossiers-actions input {
  width: min(300px, 28vw);
  min-height: 39px;
  padding: 9px 12px;
  border: 1px solid #403519;
  outline: 0;
  background: #0a0a0a;
  color: #eee;
  font: inherit;
  font-size: 12px;
}

.admin-dossiers-actions input:focus {
  border-color: var(--yellow);
}

.admin-dossier-editor {
  padding: 24px;
}

.admin-dossier-editor .admin-editor__title {
  align-items: flex-start;
}

.admin-dossier-editor .admin-editor__title > div {
  display: grid;
  gap: 5px;
}

.admin-dossier-editor__kind {
  padding: 6px 9px;
  border: 1px solid #5f4a13;
  background: #171308;
  color: var(--yellow) !important;
  font-size: 10px !important;
  text-transform: uppercase;
  letter-spacing: .07em;
}

.admin-dossier-people-note {
  margin: 0 0 18px;
  padding: 12px 14px;
  display: grid;
  gap: 4px;
  border: 1px solid #3d4f25;
  border-left: 3px solid #87b74a;
  background:
    linear-gradient(
      90deg,
      rgba(91, 131, 43, .09),
      transparent
    );
}

.admin-dossier-people-note strong {
  color: #b7d987;
  font-size: 12px;
}

.admin-dossier-people-note span {
  color: #808878;
  font-size: 11px;
  line-height: 1.5;
}

.admin-field-hint {
  display: block;
  margin-top: -2px;
  color: #666;
  font-size: 10px;
  line-height: 1.45;
}

.admin-dossier-cover-preview {
  margin-top: -4px;
}

.admin-dossier-cover-preview > div {
  width: 180px;
  display: grid;
  gap: 7px;
}

.admin-dossier-cover-preview span {
  color: #777;
  font-size: 10px;
}

.admin-dossier-cover-preview img {
  display: block;
  width: 180px;
  height: 110px;
  object-fit: cover;
  border: 1px solid #423718;
  background: #080808;
}

.admin-dossier-relations-head {
  min-height: 30px;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: #777;
  font-size: 10px;
}

.admin-dossier-relations-head button {
  padding: 5px 8px;
  border: 1px solid #443715;
  background: #0a0a0a;
  color: var(--yellow);
  cursor: pointer;
  font: inherit;
  font-size: 10px;
}

.admin-table-card__head > div {
  display: grid;
  gap: 4px;
}

.admin-table-card__head > div small {
  color: #666;
  font-size: 10px;
}

.admin-dossiers-table td:first-child {
  min-width: 230px;
}

.admin-dossier-subtitle {
  display: block;
  max-width: 360px;
  margin-top: 4px;
  overflow: hidden;
  color: #92918b;
  font-size: 11px;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-dossier-kind-badge {
  display: inline-block;
  padding: 5px 7px;
  border: 1px solid #414141;
  background: #111;
  color: #b8b8b8;
  font-size: 10px;
  white-space: nowrap;
}

.admin-dossier-kind-badge--person {
  border-color: #5b4917;
  background: #171308;
  color: #e1b23a;
}

.admin-dossier-kind-badge--country {
  border-color: #304c5e;
  background: #0d171d;
  color: #78a8c4;
}

.admin-dossier-kind-badge--organization {
  border-color: #4b3c59;
  background: #151019;
  color: #ae8dc3;
}

.admin-dossier-kind-badge--event {
  border-color: #5c3430;
  background: #1b100e;
  color: #cf8678;
}

.admin-dossier-row-actions {
  flex-wrap: wrap;
  min-width: 270px;
}

.admin-dossier-public-link {
  padding: 7px 9px;
  border: 1px solid #3d4f25;
  background: #0c1109;
  color: #9fc665;
  font-size: 10px;
  text-decoration: none;
  white-space: nowrap;
}

.admin-dossier-public-link:hover {
  border-color: #668536;
  color: #c2e88d;
}

@media (max-width: 1180px) {
  .admin-dossiers-kindbar {
    grid-template-columns: 1fr;
  }

  .admin-dossiers-toolbar {
    align-items: stretch;
    flex-direction: column;
  }

  .admin-dossiers-actions {
    justify-content: space-between;
  }

  .admin-dossiers-actions input {
    width: min(420px, 100%);
    flex: 1 1 auto;
  }
}

@media (max-width: 820px) {
  .admin-dossiers-kindtabs {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

  .admin-dossiers-kindtabs button:first-child {
    grid-column: 1 / -1;
  }

  .admin-dossiers-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .admin-dossiers-actions input {
    width: 100%;
  }

  .admin-dossier-editor .admin-editor__title {
    gap: 12px;
    flex-direction: column;
  }
}

/* TV KADR — ADMIN DOSSIERS V2 END */

/* TV KADR — DOSSIER DETAIL V3 START */

.dossier-profile--v3 {
  position: relative;
  isolation: isolate;

  background:
    radial-gradient(
      ellipse 46% 82% at 77% 50%,
      rgba(240,160,0,.105) 0%,
      rgba(240,160,0,.035) 38%,
      transparent 72%
    ),
    linear-gradient(
      110deg,
      #090b0c 0%,
      #0a0c0d 58%,
      #131006 100%
    );

  box-shadow:
    inset 0 1px 0 rgba(255,195,64,.025),
    inset 0 -1px 0 rgba(0,0,0,.38);
}

.dossier-profile--v3::before {
  content: "";

  position: absolute;
  z-index: 2;

  left: 300px;
  right: 0;
  top: 0;

  height: 1px;

  pointer-events: none;

  background:
    linear-gradient(
      90deg,
      rgba(240,160,0,.52),
      rgba(240,160,0,.12) 38%,
      transparent 78%
    );
}

.dossier-profile--v3
.dossier-profile__portrait,
.dossier-profile--v3
.dossier-profile__copy {
  position: relative;
  z-index: 1;
}

.dossier-profile__portrait--image {
  background-size: cover;
  background-position: center;
}

/*
 * The photo softly dissolves into the right side
 * instead of looking pasted onto the hero.
 */

.dossier-profile__portrait--image::after {
  content: "";

  position: absolute;
  inset: 0;

  pointer-events: none;

  background:
    linear-gradient(
      90deg,
      transparent 0%,
      transparent 76%,
      rgba(9,11,12,.10) 85%,
      rgba(9,11,12,.42) 95%,
      rgba(9,11,12,.68) 100%
    );
}

/*
 * No real image: calm initials.
 * A real image receives no placeholder at all.
 */

.dossier-profile__portrait--fallback {
  background:
    radial-gradient(
      circle at 50% 46%,
      rgba(240,160,0,.12),
      rgba(240,160,0,.025) 48%,
      transparent 70%
    ),
    #090b0c;
}

.dossier-profile__fallback-mark {
  font-family:
    var(--tvk-font-editorial);

  font-size: 52px !important;
  line-height: 1;

  font-weight: 400;

  letter-spacing: .04em;

  color:
    rgba(239,170,0,.62) !important;

  text-shadow:
    0 0 30px rgba(240,160,0,.10);
}

.dossier-profile--person
.dossier-profile__copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.dossier-profile--person
.dossier-profile__copy h1 {
  margin-top: 9px;
  margin-bottom: 0;
}

/*
 * One canonical role.
 */

.dossier-role-pill {
  position: relative;

  display: grid;
  gap: 5px;

  min-width: min(390px,100%);
  max-width: min(680px,100%);

  margin-top: 22px;

  padding:
    12px
    17px
    13px
    18px;

  overflow: hidden;

  border:
    1px solid rgba(240,160,0,.38);

  border-left:
    3px solid var(--yellow);

  background:
    linear-gradient(
      100deg,
      rgba(240,160,0,.14),
      rgba(240,160,0,.05) 58%,
      rgba(240,160,0,.015)
    );

  box-shadow:
    inset 0 1px 0 rgba(255,208,96,.04),
    0 12px 32px rgba(0,0,0,.14);
}

.dossier-role-pill::after {
  content: "";

  position: absolute;
  top: 0;
  right: 0;

  width: 110px;
  height: 100%;

  pointer-events: none;

  background:
    linear-gradient(
      120deg,
      transparent,
      rgba(240,160,0,.045)
    );
}

.dossier-role-pill small {
  position: relative;
  z-index: 1;

  color: rgba(239,171,34,.74);

  font-family:
    var(--tvk-font-ui);

  font-size:
    var(--tvk-public-micro);

  line-height: 1.3;

  font-weight: 700;

  letter-spacing: .07em;
}

.dossier-role-pill strong {
  position: relative;
  z-index: 1;

  color: #e8e3d8;

  font-family:
    var(--tvk-font-ui);

  font-size:
    var(--tvk-public-primary);

  line-height: 1.45;

  font-weight: 500;

  letter-spacing: 0;
}

.dossier-profile--v3
.dossier-profile__portrait {
  border-right-color:
    rgba(240,160,0,.20);
}

@media (max-width:980px) {
  .dossier-profile--v3::before {
    left: 220px;
  }
}

@media (max-width:640px) {
  .dossier-profile--v3::before {
    left: 0;
  }

  .dossier-profile__portrait--image::after {
    background:
      linear-gradient(
        180deg,
        transparent 0%,
        transparent 74%,
        rgba(9,11,12,.44) 100%
      );
  }

  .dossier-role-pill {
    min-width: 0;
    width: 100%;
    margin-top: 16px;

    padding:
      10px
      12px
      11px
      14px;
  }

  .dossier-profile__fallback-mark {
    font-size: 42px !important;
  }
}

/* TV KADR — DOSSIER DETAIL V3 END */

/* === TV KADR ADMIN SUBSCRIPTIONS FILTER START === */

.admsub-filter {
  display: grid;
  grid-template-columns:
    minmax(260px, 1fr)
    minmax(190px, 220px)
    auto
    auto;
  align-items: stretch;
  gap: 10px;
  width: 100%;
}

.admsub-filter__search {
  position: relative;
  display: block;
  min-width: 0;
}

.admsub-filter__search-icon {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 14px;
  width: 17px;
  height: 17px;
  color: #8d7a48;
  pointer-events: none;
  transform: translateY(-50%);
}

.admsub-filter__search-icon svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
}

.admsub-filter__input {
  width: 100%;
  height: 44px;
  min-width: 0;
  margin: 0;
  padding: 0 14px 0 42px;
  appearance: none;
  border: 1px solid #3d3218;
  border-radius: 3px;
  outline: 0;
  background: #070809;
  color: #efefef;
  font-family: var(--tvk-font-ui);
  font-size: 13px;
  transition:
    border-color .16s ease,
    background .16s ease,
    box-shadow .16s ease;
}

.admsub-filter__input::placeholder {
  color: #747474;
  opacity: 1;
}

.admsub-filter__input:hover {
  border-color: #66501c;
  background: #090a0b;
}

.admsub-filter__input:focus {
  border-color: #d99b12;
  box-shadow:
    0 0 0 1px rgba(217, 155, 18, .2),
    0 0 0 3px rgba(217, 155, 18, .07);
}

.admsub-filter__select {
  width: 100%;
  min-width: 0;
}

.admsub-filter__select .public-select__trigger {
  width: 100%;
  min-height: 44px;
  padding-right: 38px;
  border-color: #3d3218;
  border-radius: 3px;
  background: #070809;
  color: #e9e9e9;
}

.admsub-filter__select .public-select__trigger:hover {
  border-color: #66501c;
  background: #090a0b;
}

.admsub-filter__select.is-open .public-select__trigger,
.admsub-filter__select .public-select__trigger:focus-visible {
  border-color: #d99b12;
  box-shadow:
    0 0 0 1px rgba(217, 155, 18, .18);
}

.admsub-filter__select .public-select__menu {
  border-color: #584414;
  background: #090a0b;
  box-shadow:
    0 18px 36px rgba(0, 0, 0, .55);
}

.admsub-filter__select .public-select__option {
  color: #cfcfcf;
  background: transparent;
}

.admsub-filter__select .public-select__option:hover,
.admsub-filter__select .public-select__option[aria-selected="true"] {
  color: #f4ad16;
  background: #171207;
}

.admsub-filter__button {
  min-width: 96px;
  height: 44px;
  min-height: 44px;
  white-space: nowrap;
  font-family: var(--tvk-font-ui);
}

.admsub-filter__button.button--secondary {
  border-color: #4a3b18;
  background: #0b0c0d;
  color: #c9c9c9;
}

.admsub-filter__button.button--secondary:hover:not(:disabled) {
  border-color: #82631c;
  background: #151208;
  color: #f0b11b;
}

.admsub-filter__button:disabled {
  opacity: .5;
  cursor: wait;
}

@media (max-width: 980px) {
  .admsub-filter {
    grid-template-columns:
      minmax(0, 1fr)
      minmax(180px, 220px);
  }

  .admsub-filter__button {
    width: 100%;
  }
}

@media (max-width: 620px) {
  .admsub-filter {
    grid-template-columns: 1fr;
  }

  .admsub-filter__select {
    width: 100%;
  }
}

/* === TV KADR ADMIN SUBSCRIPTIONS FILTER END === */


/* TVKADR-ST4-CREATE-BUTTONS-V2 */

button.yellow-button.tvkadr-ui-create-action {
    appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    flex: 0 0 auto;
    gap: 8px;

    min-height: 40px;
    padding: 9px 17px;

    background-color: #f5b900 !important;
    border: 1px solid #f5b900 !important;
    border-radius: 4px;
    color: #111111 !important;

    font-family: inherit;
    font-size: 13px;
    font-weight: 700;
    line-height: 20px;
    text-decoration: none;

    white-space: nowrap;
    cursor: pointer;

    transition:
        background-color 160ms ease,
        border-color 160ms ease,
        transform 160ms ease;
}

button.yellow-button.tvkadr-ui-create-action:hover:not(:disabled) {
    background-color: #ffcf38 !important;
    border-color: #ffcf38 !important;
    color: #111111 !important;
    transform: translateY(-1px);
}

button.yellow-button.tvkadr-ui-create-action:active:not(:disabled) {
    background-color: #dfa600 !important;
    border-color: #dfa600 !important;
    transform: translateY(0);
}

button.yellow-button.tvkadr-ui-create-action:focus-visible {
    outline: 2px solid #f5b900;
    outline-offset: 3px;
}

button.yellow-button.tvkadr-ui-create-action:disabled {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none;
}

@media (prefers-reduced-motion: reduce) {
    button.yellow-button.tvkadr-ui-create-action {
        transition: none;
    }
}

/* END TVKADR-ST4-CREATE-BUTTONS-V2 */


/* === TV KADR ST4-11C SHARED NATIVE CONTROL FALLBACK START === */
/* Existing branded control CSS retains precedence. */
/* Excludes media sliders, checkboxes, radios, files and hidden inputs. */

:where(.public-page, .admin-app, .login-page)
  :where(
    input:not([class]):not([hidden]):not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="color"]):not([type="image"]):not([type="button"]):not([type="submit"]):not([type="reset"]),
    textarea:not([class]),
    select:not([class]):not([aria-hidden="true"]):not([tabindex="-1"])
  ) {
  box-sizing: border-box;
  min-width: 0;
  max-width: 100%;
  min-height: 42px;
  padding: 10px 13px;
  border: 1px solid #4b3b19;
  border-radius: 3px;
  background: #090b0c;
  color: #eaece9;
  color-scheme: dark;
  font-family: var(--tvk-font-ui);
  font-size: 13px;
  line-height: 1.4;
  transition:
    border-color 160ms ease,
    background-color 160ms ease,
    box-shadow 160ms ease;
}

:where(.public-page, .admin-app, .login-page)
  :where(
    input:not([class]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="hidden"]),
    textarea:not([class]),
    select:not([class]):not([aria-hidden="true"])
  )::placeholder {
  color: #85898c;
  opacity: 1;
}

:where(.public-page, .admin-app, .login-page)
  :where(
    input:not([class]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="hidden"]),
    textarea:not([class]),
    select:not([class]):not([aria-hidden="true"])
  ):hover:not(:disabled) {
  border-color: #8c6a24;
}

:where(.public-page, .admin-app, .login-page)
  :where(
    input:not([class]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="hidden"]),
    textarea:not([class]),
    select:not([class]):not([aria-hidden="true"])
  ):focus-visible {
  outline: 2px solid #f2b705;
  outline-offset: 2px;
  border-color: #f2b705;
}

:where(.public-page, .admin-app, .login-page)
  :where(
    input:not([class]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="hidden"]),
    textarea:not([class]),
    select:not([class]):not([aria-hidden="true"])
  ):disabled {
  opacity: .55;
  cursor: not-allowed;
}

:where(.public-page, .admin-app, .login-page)
  :where(form, .row-actions, .admin-table, .admin-toolbar, .community-actions)
  :where(button:not([class]):not([aria-label]):not([role])) {
  min-height: 38px;
  padding: 8px 13px;
  border: 1px solid #6d5423;
  border-radius: 3px;
  background: #11130f;
  color: #e8c262;
  font-family: var(--tvk-font-ui);
  font-size: 12px;
  line-height: 1.3;
  font-weight: 650;
  cursor: pointer;
  transition:
    color 160ms ease,
    background-color 160ms ease,
    border-color 160ms ease;
}

:where(.public-page, .admin-app, .login-page)
  :where(form, .row-actions, .admin-table, .admin-toolbar, .community-actions)
  :where(button:not([class]):not([aria-label]):not([role]):hover:not(:disabled)) {
  border-color: #f2b705;
  background: #211a0a;
  color: #ffd65d;
}

:where(.public-page, .admin-app, .login-page)
  :where(form, .row-actions, .admin-table, .admin-toolbar, .community-actions)
  :where(button:not([class]):not([aria-label]):not([role]):focus-visible) {
  outline: 2px solid #f2b705;
  outline-offset: 2px;
}

:where(.public-page, .admin-app, .login-page)
  :where(form, .row-actions, .admin-table, .admin-toolbar, .community-actions)
  :where(button:not([class]):not([aria-label]):not([role]):disabled) {
  opacity: .48;
  cursor: not-allowed;
}

@media (prefers-reduced-motion: reduce) {
  :where(.public-page, .admin-app, .login-page)
    :where(input:not([class]), textarea:not([class]), select:not([class]), button:not([class])) {
    transition: none;
  }
}
/* === TV KADR ST4-11C SHARED NATIVE CONTROL FALLBACK END === */

/* TV KADR - ST4-HOME-MATERIALS-ALIGN-01 START
 *
 * Homepage / latest materials only.
 * Desktop preview: 176 x 99 (16:9).
 * Align the bottom action with the Fact Center panel.
 * Tablet and mobile layout is unchanged.
 */

@media (min-width: 921px) {

  .home-page .home-two-col .materials-panel {
    display: flex;
    flex-direction: column;
  }

  .home-page .home-two-col
  .materials-panel .material-list article {
    grid-template-columns:
      176px
      minmax(0, 1fr)
      52px;

    gap: 16px;
    min-height: 119px;
    padding: 10px 0;
  }

  .home-page .home-two-col
  .materials-panel .material-thumb {
    height: 99px;
  }

  .home-page .home-two-col
  .materials-panel > .panel-link {
    margin-top: auto;
    padding-top: 14px;
  }

}

/* TV KADR - ST4-HOME-MATERIALS-ALIGN-01 END */