/* Тема TABLOID («жёлтая пресса»): красная шапка, жёлтые блоки, толстые чёрные рамки с тенью-сдвигом,
   узкий жирный курсив капсом, бегущая строка тегов, наклейки NEW / JUST IN.
   Подключается поверх frame.css + theme-light.css (site_theme = tabloid). */
.theme-tabloid{--bg:#f4f1ea;--surface:#fff;--surface-2:#ebe6db;--line:#111;--text:#111;--muted:#5d5d5d;--accent:#e10600;--accent-2:#b80500;--on-accent:#fff;--yellow:#ffe600;--r:0px;
  --font:'Barlow','TeX Gyre Heros',Arial,sans-serif;--display:'Barlow Condensed','TeX Gyre Heros Cn','Arial Narrow',sans-serif}
.theme-tabloid h1,.theme-tabloid h2{font-family:var(--display);font-style:italic;font-weight:800;text-transform:uppercase;letter-spacing:-.005em}

/* шапка: красная полоса, логотип с жёлтой плашкой */
.theme-tabloid .topbar{background:var(--accent);border-bottom:4px solid #111;color:#fff}
.theme-tabloid .top-inner{min-height:84px;gap:26px}
.theme-tabloid .brand{font-family:var(--display);font-style:italic;font-weight:800;font-size:46px;letter-spacing:-.01em;text-transform:uppercase;color:#fff}
.theme-tabloid .brand span{margin:0 .1em;padding:0 .14em;background:var(--yellow);color:#111}
.theme-tabloid .brand i{display:none}
.theme-tabloid .brand:hover span{color:#111;background:#fff}
.theme-tabloid .nav{gap:2px;color:#fff;font-family:var(--display);font-weight:700;font-size:20px;text-transform:uppercase}
.theme-tabloid .nav>a,.theme-tabloid .nav-dropdown summary{padding:4px 13px}
.theme-tabloid .nav>a:hover,.theme-tabloid .nav summary:hover{background:#111;color:#fff}
.theme-tabloid .nav>a[aria-current]{background:#111;color:var(--yellow)}
.theme-tabloid .channel-menu{border:3px solid #111;border-radius:0;box-shadow:6px 6px 0 #111;font-size:15px}
.theme-tabloid .channel-menu a{border-radius:0;color:#111}
.theme-tabloid .channel-menu a:hover{background:var(--yellow)}
.theme-tabloid .search{width:min(300px,24vw);height:46px}
.theme-tabloid .search input{border:3px solid #111;border-right:0;border-radius:0;background:#fff;color:#111;font-weight:600;font-size:14px}
.theme-tabloid .search button{border:3px solid #111;border-left:0;border-radius:0;background:var(--yellow);color:#111}
.theme-tabloid .search button:hover{background:#111;color:var(--yellow);border-color:#111}

/* бегущая строка тегов */
.theme-tabloid .ticker{overflow:hidden;background:#111;border-bottom:1px solid #000}
.theme-tabloid .ticker-run{display:flex;width:max-content;animation:tabloid-tick 60s linear infinite}
.theme-tabloid .ticker:hover .ticker-run{animation-play-state:paused}
.theme-tabloid .ticker-set{display:flex;flex:none}
.theme-tabloid .ticker a{display:inline-flex;align-items:center;padding:9px 0 9px 18px;color:var(--yellow);font:700 17px/1 var(--display);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}
.theme-tabloid .ticker a::after{content:"";width:7px;height:7px;margin-left:18px;border-radius:50%;background:var(--accent)}
.theme-tabloid .ticker a:hover{color:#fff}
@keyframes tabloid-tick{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.theme-tabloid .ticker-run{animation:none}.theme-tabloid .ticker{overflow-x:auto}}

/* главная: 3 галереи крупно + жёлтый блок */
.theme-tabloid .lead{display:grid;grid-template-columns:3fr 1.35fr;gap:26px;align-items:start;margin:32px 0 6px}
.theme-tabloid .lead-feat{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:26px!important}
.theme-tabloid .lead-feat .caption{font-size:21px}
.theme-tabloid .lead-box{border:3px solid #111;background:var(--yellow);padding:26px;box-shadow:7px 7px 0 #111}
.theme-tabloid .lead-box h1{margin:0 0 14px;font-size:clamp(38px,3.4vw,60px);line-height:.9}
.theme-tabloid .lead-box .intro-copy{margin:0 0 18px;color:#111;font-size:15px}
.theme-tabloid .lead-box .tag-cloud{gap:7px;margin:0}
.theme-tabloid .tag-cloud a{min-height:32px;border:2px solid #111;border-radius:0;background:#fff;color:#111;font:700 16px var(--display);text-transform:uppercase}
.theme-tabloid .tag-cloud span{color:var(--accent);font-size:15px}
.theme-tabloid .tag-cloud a:hover{background:#111;color:var(--yellow);border-color:#111}
.theme-tabloid .tag-cloud a:hover span{color:#fff}

/* заголовки разделов: чёрная плашка + линия */
.theme-tabloid .sec-head{align-items:center;margin:42px 0 22px}
.theme-tabloid .sec-head h2{flex:none;padding:5px 14px;background:#111;color:#fff;font-size:clamp(26px,2.6vw,40px);line-height:1}
.theme-tabloid .sec-head::after{content:"";order:1;flex:1;height:3px;background:#111}
.theme-tabloid .sec-head .sortbar{order:2}
.theme-tabloid .intro{margin:30px 0 22px}
.theme-tabloid .intro h1{font-size:clamp(34px,3vw,52px);line-height:.95}
.theme-tabloid .eyebrow{display:inline-block;padding:3px 8px;background:var(--accent);color:#fff;font-family:var(--display);font-size:14px;letter-spacing:.06em}
.theme-tabloid .sort-count{font-weight:600}
.theme-tabloid .sort-links{border:0;background:transparent;padding:0;gap:14px}
.theme-tabloid .sort-links a{padding:0;border-radius:0;font:700 17px var(--display);text-transform:uppercase;color:#111}
.theme-tabloid .sort-links a:hover{background:transparent;color:var(--accent)}
.theme-tabloid .sort-links a[aria-current]{background:transparent;color:var(--accent);text-decoration:underline 3px;text-underline-offset:4px}
.theme-tabloid .browse-strip a,.theme-tabloid .tags a{border:2px solid #111;border-radius:0;font:700 15px var(--display);text-transform:uppercase}
.theme-tabloid .browse-strip a:hover,.theme-tabloid .browse-strip a[aria-current],.theme-tabloid .tags a:hover{background:#111;color:var(--yellow);border-color:#111}

/* карточки: чёрная рамка, тень-сдвиг, подпись в белой плашке */
.theme-tabloid .grid,.theme-tabloid .related-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:30px 24px}
.theme-tabloid .card a{border:3px solid #111;background:#fff;box-shadow:7px 7px 0 #111;transition:transform .15s ease,box-shadow .15s ease}
@media(hover:hover){.theme-tabloid .card a:hover{transform:translate(-3px,-3px);box-shadow:10px 10px 0 var(--accent)}.theme-tabloid .card a:hover img{transform:none;opacity:1}}
.theme-tabloid .frame{border-radius:0;border-bottom:3px solid #111}
.theme-tabloid .card-body{padding:10px 12px 12px}
.theme-tabloid .card-body .caption,.theme-tabloid .card a>.caption{font:700 19px/1.05 var(--display);text-transform:uppercase;color:#111}
.theme-tabloid .card a:hover .caption{color:var(--accent)}
.theme-tabloid .card-line{margin-top:6px;color:var(--muted);font-size:12.5px}
.theme-tabloid .cl-count{color:var(--accent);font-weight:700}
.theme-tabloid .card a>.caption{margin:0;padding:10px 12px 12px;white-space:normal}
.theme-tabloid .card a>.caption .muted{font-family:var(--font);font-size:12.5px;text-transform:none}
.theme-tabloid .card-new,.theme-tabloid .card-sticker{top:-13px;left:-13px;right:auto;z-index:3;padding:3px 10px;border:3px solid #111;border-radius:0;background:var(--yellow);color:#111;font:italic 800 17px/1 var(--display);letter-spacing:.02em;transform:rotate(-6deg)}
.theme-tabloid .card-sticker{background:var(--accent);color:#fff}
.theme-tabloid .card-sticker~.card-new{display:none}
.theme-tabloid .ad-space{border:3px solid #111;border-radius:0}

/* страница галереи и прочее */
.theme-tabloid .gallery-head h1{font-size:clamp(32px,3vw,54px);line-height:.95}
.theme-tabloid .gallery-tabs-wrap{border-block:3px solid #111}
.theme-tabloid .gallery-tabs a{border-radius:0;font:700 16px var(--display);text-transform:uppercase;color:#111}
.theme-tabloid .gallery-tabs a:hover,.theme-tabloid .gallery-tabs a.active{background:var(--yellow);box-shadow:none;color:#111}
.theme-tabloid .photo a{border-radius:0}
.theme-tabloid .slideshow-trigger{border:3px solid #111;border-radius:0;background:var(--yellow);color:#111;box-shadow:4px 4px 0 #111;font-family:var(--display);font-size:15px}
.theme-tabloid .slideshow-trigger:hover{background:#fff}
.theme-tabloid .panel,.theme-tabloid .pager-link,.theme-tabloid .wide-ad,.theme-tabloid .directory-links a,.theme-tabloid .contact-form{border:3px solid #111;border-radius:0;box-shadow:6px 6px 0 #111}
.theme-tabloid .panel h2,.theme-tabloid .related-head h2,.theme-tabloid .comments-head h2{font-size:26px}
.theme-tabloid .rate-button,.theme-tabloid .sponsor-link,.theme-tabloid .wide-ad .ad-cta,.theme-tabloid .comment-form button,.theme-tabloid .contact-send{border:3px solid #111;border-radius:0;font-family:var(--display);font-size:17px;text-transform:uppercase}
.theme-tabloid .action-button,.theme-tabloid .comments-more{border:2px solid #111;border-radius:0}
.theme-tabloid .pagination a,.theme-tabloid .pagination span{border:2px solid #111;border-radius:0;font:700 17px var(--display)}
.theme-tabloid .pagination span:not([aria-current]){border-color:transparent}
.theme-tabloid .pagination [aria-current]{border-color:#111!important}
.theme-tabloid .footer{border-top:4px solid #111;background:#111;color:#bbb}
.theme-tabloid .footer nav a{color:var(--yellow);font-family:var(--display);font-size:16px;text-transform:uppercase}
.theme-tabloid .footer a:hover{color:#fff}
.theme-tabloid .breadcrumb{font-weight:600}

/* мобильные */
@media(max-width:1200px){.theme-tabloid .lead{grid-template-columns:minmax(0,1fr)}.theme-tabloid .lead-box{order:-1}}
@media(max-width:760px){
.theme-tabloid .top-inner{min-height:0}
.theme-tabloid .brand{font-size:clamp(19px,6vw,28px);min-width:0}
.theme-tabloid .nav{background:var(--accent);font-size:20px}
.theme-tabloid .nav>a,.theme-tabloid .nav-dropdown summary{border-bottom-color:rgba(0,0,0,.25)}
.theme-tabloid .nav>a[aria-current]{background:transparent;color:var(--yellow)}
.theme-tabloid .channel-menu{border-width:2px;box-shadow:none}
.theme-tabloid .menu-toggle,.theme-tabloid .mobile-search summary{border:2px solid #111;border-radius:0;background:var(--yellow);color:#111}
.theme-tabloid .menu-open .menu-toggle,.theme-tabloid .mobile-search[open] summary{background:#111;color:var(--yellow);border-color:#111}
.theme-tabloid .mobile-search form{border:3px solid #111;border-radius:0}
.theme-tabloid .mobile-search button{background:var(--yellow);color:#111;border-left:3px solid #111}
.theme-tabloid .ticker a{font-size:15px;padding-block:8px}
.theme-tabloid .lead{margin-top:22px;gap:22px}
.theme-tabloid .lead-box{padding:18px;box-shadow:5px 5px 0 #111}
.theme-tabloid .lead-box h1{font-size:38px}
.theme-tabloid .lead-feat{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px 14px!important}
.theme-tabloid .lead-feat .card:nth-child(3){display:none}
.theme-tabloid .lead-feat .caption{font-size:16px}
.theme-tabloid .sec-head{margin:30px 0 18px}
.theme-tabloid .sec-head h2{font-size:26px}
.theme-tabloid .sec-head::after{display:none}
.theme-tabloid .grid,.theme-tabloid .related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}
.theme-tabloid .card a{border-width:2px;box-shadow:4px 4px 0 #111}
.theme-tabloid .frame{border-bottom-width:2px}
.theme-tabloid .card-body,.theme-tabloid .card a>.caption{padding:8px 9px 9px}
.theme-tabloid .card-body .caption,.theme-tabloid .card a>.caption{font-size:15px}
.theme-tabloid .card-new,.theme-tabloid .card-sticker{top:-10px;left:-8px;font-size:13px;border-width:2px}
.theme-tabloid .details-wrap{border:3px solid #111;border-radius:0}
.theme-tabloid .footer{background:#111}
}
