/* قالب تایسیز نیوز - استایل اصلی */
/* لود فونت Vazirmatn از فایل محلی */
@font-face {
    font-family: 'Vazirmatn';
    src: url('fonts/Vazirmatn-Thin.woff2') format('woff2'),
         url('fonts/Vazirmatn-Thin.woff') format('woff');
    font-weight: 100;
    font-display: swap; /* برای لود سریع‌تر */
    unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFC; /* محدوده یونیکد فارسی */
}

@font-face {
    font-family: 'Vazirmatn';
    src: url('/wp-content/themes/taisiz-news/assets/css/fonts/Vazirmatn-ExtraLight.woff2') format('woff2'),
         url('/wp-content/themes/taisiz-news/assets/css/fonts//Vazirmatn-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-display: swap;
    unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFC;
}

@font-face {
    font-family: 'Vazirmatn';
    src: url('/wp-content/themes/taisiz-news/assets/css/fonts//Vazirmatn-Light.woff2') format('woff2'),
         url('/wp-content/themes/taisiz-news/assets/css/fonts//Vazirmatn-Light.woff') format('woff');
    font-weight: 300;
    font-display: swap;
    unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFC;
}

:root {
  --primary: #e22635;
  --primary-dark: #bd1624;
  --navy: #0b1f3a;
  --navy-2: #112b4e;
  --ink: #132033;
  --muted: #697487;
  --line: #e6e9ee;
  --paper: #ffffff;
  --soft: #f4f6f9;
  --surface: #ffffff;
  --gold: #e6a91a;
  --shadow: 0 14px 45px rgba(12, 31, 58, 0.09);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: 'Vazirmatn', Tahoma, Arial, sans-serif;
  font-size: 15px;
  line-height: 1.8;
  overflow-x: hidden;
  direction: rtl;
}
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
button { cursor: pointer; }
img { max-width: 100%; height: auto; display: block; }
.site-shell { width: min(1220px, calc(100% - 40px)); margin-inline: auto; }

body.dark {
  --ink: #e7edf6;
  --muted: #9aa7ba;
  --line: #26374e;
  --paper: #0a1728;
  --soft: #0e1d31;
  --surface: #11243c;
  --shadow: 0 14px 45px rgba(0, 0, 0, .22);
}
body.dark .site-header, body.dark .branding-row { background: var(--paper); }
body.dark .news-card, body.dark .most-read, body.dark .economy-lead, body.dark .ad-slot, body.dark .newsletter, body.dark .comments-box, body.dark .sidebar-widget { background: var(--surface); }

/* Header */
.site-header { position: relative; z-index: 50; background: var(--paper); }
.utility-bar { background: var(--navy); color: #dce5f1; font-size: 12px; }
.utility-inner { height: 39px; display: flex; align-items: center; justify-content: space-between; }
.date-time, .utility-actions, .social-row, .theme-toggle { display: flex; align-items: center; }
.date-time { gap: 12px; }
.date-time span { display: flex; align-items: center; gap: 6px; }
.date-time i { width: 1px; height: 14px; background: rgba(255,255,255,.25); }
.utility-actions { gap: 12px; }
.utility-separator { width: 1px; height: 17px; background: rgba(255,255,255,.22); }
.social-row { gap: 5px; }
.social-row a { width: 27px; height: 27px; display: grid; place-items: center; border-radius: 50%; color: #bfcadb; transition: .2s; }
.social-row a:hover { background: var(--primary); color: white; transform: translateY(-2px); }
.theme-toggle { border: 0; background: transparent; color: #e5ebf3; gap: 7px; padding: 4px; font-size: 12px; }

.branding-row { min-height: 112px; display: flex; align-items: center; justify-content: space-between; gap: 28px; background: var(--paper); }
.brand { display: flex; align-items: center; gap: 12px; }
.brand-mark { width: 58px; height: 58px; position: relative; display: block; transform: rotate(-2deg); }
.brand-mark i, .brand-mark b, .brand-mark em { position: absolute; display: block; border-radius: 4px 10px 4px 10px; transform: skew(-9deg); }
.brand-mark i { inset: 4px 25px 28px 3px; background: var(--primary); }
.brand-mark b { inset: 3px 3px 28px 31px; background: var(--navy); }
.brand-mark em { inset: 32px 4px 4px 14px; background: linear-gradient(135deg, var(--primary), #f04d57); }
.brand-mark::after { content: ""; position: absolute; width: 13px; height: 13px; right: 20px; top: 22px; background: var(--gold); border-radius: 2px; transform: rotate(45deg); }
.brand-name { font-size: 24px; font-weight: 850; line-height: 1.15; color: var(--navy); }
body.dark .brand-name { color: #f4f7fb; }
.brand-name strong { color: var(--primary); }
.brand-name small { display: block; margin-top: 7px; color: #7a8493; font-size: 10px; font-weight: 500; }

.header-slogan { margin-right: 40px; padding-right: 30px; border-right: 1px solid var(--line); display: flex; flex-direction: column; }
.header-slogan span { color: var(--navy); font-size: 16px; font-weight: 750; }
body.dark .header-slogan span { color: #eaf0f8; }
.header-slogan small { color: var(--muted); font-size: 11px; }

.header-search-wrap { margin-right: auto; display: flex; align-items: center; }
.header-search { width: 260px; height: 45px; border: 1px solid var(--line); background: var(--soft); border-radius: 8px; display: flex; overflow: hidden; }
.header-search input { flex: 1; min-width: 0; padding: 0 15px; border: 0; outline: 0; background: transparent; color: var(--ink); font-size: 12px; }
.header-search button { width: 46px; border: 0; background: transparent; color: var(--navy); display: grid; place-items: center; }
body.dark .header-search button { color: white; }
.search-open-button, .mobile-menu-button { display: none; }

.main-nav { height: 52px; background: var(--navy); color: white; box-shadow: 0 8px 20px rgba(12,30,55,.14); position: relative; }
.main-nav::after { content: ""; position: absolute; right: 0; bottom: 0; width: 23%; height: 3px; background: var(--primary); }
.nav-inner { display: flex; justify-content: space-between; align-items: stretch; height: 100%; }
.desktop-nav-items { display: flex; align-items: stretch; }
.primary-menu, .drawer-menu { list-style: none; margin: 0; padding: 0; display: flex; }
.drawer-menu { flex-direction: column; }
.primary-menu li, .drawer-menu li { position: relative; }
.primary-menu a, .drawer-menu a { display: block; height: 100%; padding: 0 17px; display: flex; align-items: center; font-size: 13px; font-weight: 580; border-left: 1px solid rgba(255,255,255,.07); transition: .2s; }
.primary-menu li:first-child > a { background: var(--primary); padding-inline: 22px; }
.primary-menu li > a:hover { background: rgba(255,255,255,.08); }

/* Submenu */
.primary-menu .sub-menu { position: absolute; top: calc(100% + 10px); right: 0; min-width: 210px; padding: 8px; background: var(--surface); color: var(--ink); border-radius: 0 0 10px 10px; box-shadow: 0 18px 45px rgba(6,21,40,.2); opacity: 0; visibility: hidden; transform: translateY(8px); transition: .22s; border-top: 3px solid var(--primary); z-index: 100; }
.primary-menu li:hover > .sub-menu { opacity: 1; visibility: visible; transform: none; }
.sub-menu a { display: block; padding: 9px 12px; border-radius: 6px; font-size: 12px; border-bottom: 1px solid var(--line); }
.sub-menu a:hover { color: var(--primary); background: var(--soft); padding-right: 17px; }
.weekly-nav-link { align-self: center; border: 1px solid rgba(255,255,255,.28); padding: 4px 14px; border-radius: 5px; font-size: 11px; color: white; }
.weekly-nav-link span { color: #ffbd27; font-weight: 800; }

/* Mobile drawer */
.mobile-drawer { position: fixed; inset: 0; z-index: 100; visibility: hidden; }
.drawer-backdrop { position: absolute; inset: 0; border: 0; background: rgba(5,17,33,.65); opacity: 0; transition: .3s; }
.drawer-panel { position: absolute; right: 0; top: 0; bottom: 0; width: min(86vw, 370px); background: var(--surface); transform: translateX(105%); transition: .3s ease; overflow-y: auto; padding: 20px; }
.mobile-drawer.is-open { visibility: visible; }
.mobile-drawer.is-open .drawer-backdrop { opacity: 1; }
.mobile-drawer.is-open .drawer-panel { transform: none; }
.drawer-head { display: flex; align-items: center; justify-content: space-between; padding-bottom: 18px; border-bottom: 1px solid var(--line); }
.drawer-head > button { border: 0; background: var(--soft); color: var(--ink); width: 37px; height: 37px; border-radius: 50%; display: grid; place-items: center; }
.drawer-search { height: 45px; display: flex; border: 1px solid var(--line); border-radius: 8px; margin: 18px 0; overflow: hidden; }
.drawer-search input { flex: 1; min-width: 0; border: 0; background: transparent; color: var(--ink); outline: 0; padding: 0 12px; }
.drawer-search button { width: 45px; background: var(--primary); color: white; border: 0; display: grid; place-items: center; }
.drawer-menu a { height: auto; padding: 10px 12px; color: var(--ink); border-bottom: 1px solid var(--line); }
.drawer-social { margin-top: 22px; padding-top: 15px; border-top: 1px solid var(--line); }
.drawer-social .social-row a { background: var(--navy); color: white; }

/* Ticker */
.ticker-wrap { background: var(--surface); border-bottom: 1px solid var(--line); }
.ticker-inner { height: 55px; display: flex; align-items: center; }
.ticker-label { align-self: stretch; min-width: 144px; padding: 0 17px; display: flex; align-items: center; gap: 7px; color: white; background: var(--primary); clip-path: polygon(0 0, 100% 0, calc(100% - 15px) 100%, 0 100%); margin-left: 17px; }
.ticker-label span { font-size: 8px; opacity: .65; }
.ticker-content { min-width: 0; flex: 1; display: flex; align-items: center; gap: 10px; font-size: 13px; overflow: hidden; position: relative; }
.ticker-item { position: absolute; right: 0; opacity: 0; transition: opacity .4s; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.ticker-item.active { opacity: 1; }

/* Hero slider */
.hero-news { display: grid; grid-template-columns: minmax(0, 2.05fr) minmax(300px, .95fr); gap: 12px; margin-top: 22px; margin-bottom: 24px; }
.main-slide { position: relative; min-height: 510px; border-radius: 3px 18px 3px 3px; overflow: hidden; background: #19283a; }
.slide { position: absolute; inset: 0; opacity: 0; transition: opacity .7s; }
.slide.active { opacity: 1; }
.slide-image, .slide img { width: 100%; height: 100%; object-fit: cover; }
.slide-shade { position: absolute; inset: 0; background: linear-gradient(0deg, rgba(4,14,28,.95) 0%, rgba(4,14,28,.46) 46%, rgba(5,15,30,.05) 80%); }
.slide-content { position: absolute; right: 42px; left: 72px; bottom: 52px; color: white; }
.slide-kicker { display: inline-block; background: var(--primary); padding: 3px 11px; border-radius: 3px; font-size: 11px; font-weight: 700; margin-bottom: 11px; }
.slide-content h1 { margin: 0; max-width: 780px; font-size: clamp(25px, 3vw, 39px); line-height: 1.45; font-weight: 850; }
.slide-content p { margin: 12px 0; max-width: 740px; color: #d8e0eb; font-size: 13px; line-height: 1.9; }
.slide-meta { display: flex; align-items: center; gap: 20px; color: #aeb9c8; font-size: 10px; }
.slide-meta span { display: flex; align-items: center; gap: 5px; }
.slide-controls { position: absolute; left: 25px; bottom: 23px; display: flex; align-items: center; gap: 9px; direction: rtl; }
.slide-controls > button { width: 33px; height: 33px; border-radius: 50%; border: 1px solid rgba(255,255,255,.45); background: rgba(4,15,30,.35); color: white; display: grid; place-items: center; }
#slider-dots { display: flex; gap: 4px; }
#slider-dots button { width: 6px; height: 6px; border: 0; padding: 0; border-radius: 50%; background: rgba(255,255,255,.45); }
#slider-dots button.active { width: 19px; border-radius: 5px; background: var(--primary); }
.editor-picks { display: grid; grid-template-rows: repeat(3, 1fr); gap: 10px; }
.editor-card { min-height: 0; position: relative; overflow: hidden; border-radius: 3px 11px 3px 3px; background: var(--navy); }
.editor-image { position: absolute; inset: 0; }
.editor-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s; }
.editor-card:hover img { transform: scale(1.06); }
.editor-shade { position: absolute; inset: 0; background: linear-gradient(0deg, rgba(5,15,30,.94), rgba(5,15,30,.06) 75%); }
.editor-content { position: absolute; right: 17px; left: 17px; bottom: 13px; color: white; }
.editor-content > span { color: #ffca45; font-size: 9px; font-weight: 750; }
.editor-content h2 { font-size: 14px; line-height: 1.65; margin: 3px 0 4px; font-weight: 750; }
.editor-content small { display: flex; align-items: center; gap: 4px; color: #bdc7d5; font-size: 9px; }

/* Ads */
.ad-slot { min-height: 93px; padding: 18px 27px; display: flex; align-items: center; justify-content: space-between; border: 1px dashed #c7ccd5; background: linear-gradient(135deg, #fafbfc, #f2f4f7); margin-block: 27px 52px; }
body.dark .ad-slot { background: var(--surface); }
.ad-slot > div { display: flex; flex-direction: column; }

/* News sections */
.news-section { margin-block: 58px; }
.soft-section { background: var(--soft); border-block: 1px solid var(--line); padding: 1px 0; }
.section-title { min-height: 63px; margin-bottom: 24px; border-bottom: 2px solid var(--navy); display: flex; align-items: center; justify-content: space-between; position: relative; }
.section-title::after { content: ""; position: absolute; bottom: -2px; right: 0; width: 105px; height: 4px; background: var(--primary); }
.section-title > div { display: flex; align-items: center; gap: 12px; }
.section-title-mark { display: block; width: 6px; height: 32px; background: var(--primary); transform: skew(-10deg); box-shadow: 7px 0 0 rgba(226,38,53,.22); }
body.dark .section-title { border-color: #66809e; }
.section-title small { display: block; color: var(--primary); font-size: 8px; font-weight: 750; }
.section-title h2 { margin: 1px 0 0; color: var(--navy); font-size: 21px; font-weight: 850; }
body.dark .section-title h2 { color: white; }
.section-title > a { font-size: 10px; font-weight: 650; color: var(--muted); transition: .2s; }
.section-title > a:hover { color: var(--primary); }
.section-title--light { border-color: rgba(255,255,255,.3); }
.section-title--light h2 { color: white; }
.section-title--light > a { color: #c5d0df; }

/* News card */
.news-card { min-width: 0; }
.news-card-image { display: block; position: relative; aspect-ratio: 1.7; overflow: hidden; border-radius: 3px 11px 3px 3px; background: #dfe4eb; }
.news-card-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.news-card:hover .news-card-image img { transform: scale(1.055); }
.category-tag { position: absolute; top: 11px; right: 11px; padding: 2px 9px; border-radius: 2px; color: white; font-size: 9px; font-weight: 750; background: var(--primary); }
.news-card-body { padding-top: 11px; }
.news-meta { display: flex; gap: 12px; color: var(--muted); font-size: 9px; font-family: unset; }
.news-meta span { display: flex; align-items: center; gap: 4px; }
.news-card h3 { margin: 7px 0 0; font-size: 15px; line-height: 1.75; font-weight: 760; transition: color .2s; }
.news-card h3:hover { color: var(--primary); }
.news-card p { margin: 8px 0 0; color: var(--muted); font-size: 11px; line-height: 1.9; }
.news-card--horizontal { display: grid; grid-template-columns: 152px 1fr; gap: 15px; align-items: center; border-bottom: 1px solid var(--line); padding-bottom: 12px; }
.news-card--horizontal .news-card-image { aspect-ratio: 1.45; }
.news-card--horizontal .news-card-body { padding-top: 0; }
.news-card--horizontal h3 { font-size: 13px; margin-top: 5px; line-height: 1.7; }
.four-card-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }

/* Weekly */
.weekly-download { min-height: 210px; background: var(--navy); color: white; position: relative; overflow: hidden; margin-block: 65px; }
.weekly-inner { min-height: 210px; display: grid; grid-template-columns: 140px 1fr auto; gap: 35px; align-items: center; padding: 30px 0; }
.weekly-issue { height: 145px; width: 120px; border: 1px solid rgba(255,255,255,.25); border-top: 5px solid var(--primary); display: flex; flex-direction: column; justify-content: center; align-items: center; transform: rotate(-3deg); background: rgba(255,255,255,.04); }
.weekly-issue span { color: #aebcce; font-size: 10px; }
.weekly-issue strong { font-size: 45px; color: #ffcc4d; line-height: 1.2; }
.weekly-issue small { font-size: 8px; }
.weekly-copy > div { display: flex; align-items: center; gap: 10px; color: #ffcc4d; font-size: 11px; }
.weekly-copy > div small { font-size: 8px; color: #7f92aa; letter-spacing: 2px; }
.weekly-copy h2 { font-size: 25px; margin: 7px 0; }
.weekly-copy p { color: #bac6d5; margin: 0; font-size: 11px; }
.weekly-inner > a { min-width: 225px; background: var(--primary); padding: 14px 18px; display: grid; grid-template-columns: 30px 1fr; align-items: center; border-radius: 5px; font-size: 13px; font-weight: 750; color: white; transition: .2s; }
.weekly-inner > a small { font-size: 8px; color: #ffd8db; font-weight: 400; }
.weekly-inner > a:hover { background: #f03947; transform: translateY(-2px); }

/* Media zones */
.media-zone { padding: 55px 0 66px; background: #0c1d34; color: white; }
.photo-grid { height: 490px; display: grid; grid-template-columns: 1.5fr 1fr; grid-template-rows: 1fr 1fr; gap: 11px; }
.photo-item { position: relative; overflow: hidden; border-radius: 3px; }
.photo-item img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s; }
.photo-item:hover img { transform: scale(1.06); }
.media-overlay { position: absolute; inset: 0; background: linear-gradient(0deg, rgba(5,15,30,.9), transparent 65%); }
.media-badge { position: absolute; top: 14px; right: 14px; display: flex; align-items: center; gap: 5px; padding: 3px 9px; color: white; background: rgba(8,24,43,.7); font-size: 9px; border-radius: 3px; }
.media-badge--photo { background: rgba(226,38,53,.86); }
.photo-item > div:last-child { position: absolute; bottom: 22px; right: 24px; left: 24px; }
.photo-item h3 { margin: 0 0 4px; font-size: 17px; }
.photo-item small { color: #c3cedc; font-size: 9px; display: flex; gap: 5px; align-items: center; }
.video-grid { display: grid; grid-template-columns: 1.45fr 1fr; gap: 22px; }
.video-card { display: grid; grid-template-columns: 190px 1fr; gap: 15px; align-items: center; }
.video-thumb { position: relative; aspect-ratio: 1.65; overflow: hidden; border-radius: 3px 10px 3px 3px; background: var(--navy); }
.video-thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s; }
.video-card:hover img { transform: scale(1.05); }
.video-play { width: 48px; height: 48px; position: absolute; inset: 50% auto auto 50%; transform: translate(-50%,-50%); border-radius: 50%; display: grid; place-items: center; background: rgba(226,38,53,.93); color: white; box-shadow: 0 0 0 8px rgba(255,255,255,.18); }
.video-card h3 { margin: 10px 0 2px; font-size: 14px; line-height: 1.7; }
.video-card small { color: var(--muted); font-size: 9px; }
.podcast-zone { background: #61102a; color: white; padding: 55px 0 65px; }
.podcast-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.podcast-card { display: grid; grid-template-columns: 110px 1fr; gap: 15px; padding: 13px; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.1); border-radius: 5px; transition: .2s; color: white; }
.podcast-card:hover { background: rgba(255,255,255,.09); }
.podcast-cover { width: 110px; aspect-ratio: 1; overflow: hidden; border-radius: 5px; }
.podcast-cover img { width: 100%; height: 100%; object-fit: cover; }
.podcast-card > div > small { color: #ffbdca; font-size: 9px; }
.podcast-card h3 { font-size: 14px; line-height: 1.6; margin: 4px 0 6px; }
.podcast-card span { font-size: 9px; color: #d9aebc; }

/* Footer */
.site-footer { background: #09182b; color: #ccd5e2; position: relative; }
.footer-accent { height: 4px; background: linear-gradient(90deg, var(--primary) 0 34%, #f2b82d 34% 39%, #183b65 39%); }
.footer-grid { padding: 57px 0 45px; display: grid; grid-template-columns: 1.6fr .8fr .8fr 1.1fr; gap: 45px; }
.site-footer .brand-name { color: white; }
.site-footer .brand-name small { color: #7f8ea2; }
.footer-about > p { color: #9ba8b9; font-size: 11px; line-height: 2; max-width: 370px; }
.footer-contact { display: flex; flex-direction: column; gap: 5px; font-size: 10px; color: #8191a5; }
.footer-contact span { display: flex; align-items: center; gap: 7px; }
.site-footer h3 { color: white; margin: 3px 0 20px; font-size: 14px; position: relative; padding-bottom: 10px; }
.site-footer h3::after { content: ""; position: absolute; right: 0; bottom: 0; width: 29px; height: 2px; background: var(--primary); }
.footer-links { display: grid; grid-template-columns: 1fr; gap: 7px; list-style: none; padding: 0; margin: 0; }
.footer-links a { color: #95a4b7; font-size: 10px; transition: .2s; display: block; padding: 4px 0; }
.footer-links a::before { content: "‹"; margin-left: 7px; color: var(--primary); }
.footer-links a:hover { color: white; padding-right: 4px; }
.license-card { display: flex; align-items: center; gap: 10px; border: 1px solid #243750; background: #0e2139; padding: 10px; }
.license-mark { width: 55px; height: 45px; display: grid; place-items: center; background: white; color: #2874a9; font-weight: 900; border-radius: 3px; }
.license-card strong, .license-card small { display: block; }
.license-card strong { color: #e8eef6; font-size: 10px; }
.license-card small { color: #72849a; font-size: 8px; }
.footer-license > p { font-size: 9px; color: #8695a8; }
.footer-socials { display: flex; gap: 7px; }
.footer-socials .social-row a { width: 35px; height: 35px; border: 1px solid #29405c; border-radius: 4px; color: #a9b7c8; }
.footer-socials .social-row a:hover { background: var(--primary); border-color: var(--primary); color: white; }
.copyright-bar { border-top: 1px solid #1b2d44; background: #071423; }
.copyright-inner { min-height: 55px; display: flex; align-items: center; justify-content: space-between; color: #748399; font-size: 9px; }
.copyright-inner strong { color: #b9c4d1; }
.copyright-inner a { color: #f0b72d; font-weight: 750; }

/* Floating */
.floating-social { position: fixed; z-index: 40; left: 0; top: 42%; display: flex; flex-direction: column; align-items: center; background: var(--surface); box-shadow: 0 5px 25px rgba(6,20,37,.18); border-radius: 0 7px 7px 0; overflow: hidden; }
.floating-social > span { writing-mode: vertical-rl; padding: 10px 4px; color: var(--muted); font-size: 8px; }
.floating-social a { width: 38px; height: 38px; display: grid; place-items: center; color: white; font-size: 16px; }
.floating-social .instagram { background: #bb2c71; }
.floating-social .telegram { background: #2789c9; }
.floating-social .whatsapp { background: #27a96d; }
.scroll-top { position: fixed; z-index: 45; left: 24px; bottom: 24px; width: 43px; height: 43px; display: grid; place-items: center; color: white; background: var(--primary); border: 0; border-radius: 4px; box-shadow: 0 8px 22px rgba(226,38,53,.28); opacity: 0; visibility: hidden; transform: translateY(15px); transition: .25s; }
.scroll-top.is-visible { opacity: 1; visibility: visible; transform: none; }

/* Inner page */
.inner-page { background: var(--paper); min-height: 70vh; }
.inner-hero { height: 82px; background: var(--soft); border-bottom: 1px solid var(--line); display: flex; align-items: center; }
.breadcrumbs { display: flex; align-items: center; gap: 6px; color: var(--muted); font-size: 10px; }
.breadcrumbs a:hover { color: var(--primary); }
.breadcrumbs span { color: var(--ink); }

/* Single view switch */
.view-switch { height: 53px; display: flex; align-items: center; justify-content: flex-end; gap: 5px; border-bottom: 1px solid var(--line); color: var(--muted); font-size: 9px; }
.view-switch button { height: 29px; padding: 0 9px; border: 1px solid var(--line); background: var(--surface); color: var(--muted); border-radius: 4px; }
.view-switch button.is-active { color: var(--primary); border-color: rgba(226,38,53,.4); background: rgba(226,38,53,.05); }
.single-layout { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 34px; padding: 25px 0 70px; }
.single-layout.single-layout--wide { display: block; max-width: 950px; margin: auto; }
.article-card { min-width: 0; }
.article-header { padding: 12px 0 23px; }
.article-kicker { color: var(--primary); font-size: 12px; font-weight: 750; border-right: 3px solid var(--primary); padding-right: 9px; margin-bottom: 9px; }
.article-header h1 { color: var(--navy); font-size: clamp(26px, 3.2vw, 39px); line-height: 1.55; margin: 5px 0 10px; }
body.dark .article-header h1 { color: white; }
.article-lead { color: var(--muted); font-size: 14px; line-height: 2; margin: 0 0 18px; padding-right: 16px; border-right: 1px solid var(--line); }
.article-meta { min-height: 39px; padding: 8px 11px; background: var(--soft); border: 1px solid var(--line); display: flex; flex-wrap: wrap; gap: 8px 17px; align-items: center; color: var(--muted); font-size: 9px; }
.article-meta span { display: flex; align-items: center; gap: 4px; }
.article-hero { margin: 0; position: relative; }
.article-hero img { width: 100%; }
.share-actions { min-height: 64px; border: 1px solid var(--line); border-top: 0; padding: 10px 14px; display: flex; align-items: center; justify-content: space-between; background: var(--surface); }
.share-actions > div:first-child { display: flex; align-items: center; gap: 7px; font-size: 10px; font-weight: 700; }
.share-icons { display: flex; gap: 5px; }
.share-icons a, .share-icons button { width: 32px; height: 32px; border: 0; color: white; display: grid; place-items: center; border-radius: 3px; background: #7f8b9b; cursor: pointer; }
.share-icons a:hover, .share-icons button:hover { opacity: .85; }
.article-content { padding: 30px 20px 20px; font-size: 14px; line-height: 2.35; }
.article-content p { margin: 0 0 20px; }
.article-tags { padding: 15px 0; display: flex; align-items: center; flex-wrap: wrap; gap: 6px; border-top: 1px solid var(--line); font-size: 9px; }
.article-tags a { padding: 3px 9px; background: var(--soft); border: 1px solid var(--line); border-radius: 3px; }
.rating-box { padding: 19px 22px; background: #fff9e9; border: 1px solid #f2ddb0; display: grid; grid-template-columns: 1fr auto; align-items: center; margin: 18px 0; }
body.dark .rating-box { background: #30291a; border-color: #55482b; }
.rating-box strong, .rating-box small { display: block; }
.rating-box strong { font-size: 12px; }
.rating-box small { color: var(--muted); font-size: 9px; }
.rating-stars { display: flex; align-items: center; gap: 3px; }
.rating-stars button { border: 0; padding: 2px; color: #d0c4aa; background: transparent; font-size: 21px; }
.rating-stars button.rated, .rating-stars button:hover { color: #f0aa17; }
.rating-stars > span { color: #946b17; font-size: 9px; margin-right: 7px; }
.author-box { margin: 26px 0 10px; padding: 19px; display: grid; grid-template-columns: 62px 1fr; gap: 15px; align-items: center; border: 1px solid var(--line); background: var(--soft); }
.author-avatar { width: 58px; height: 58px; display: grid; place-items: center; border-radius: 50%; background: var(--navy); color: white; font-size: 25px; }
.author-box span { color: var(--primary); font-size: 8px; }
.author-box h3 { margin: 0; font-size: 13px; }
.author-box p { margin: 3px 0 0; color: var(--muted); font-size: 9px; }
.related-section { margin-top: 35px; }
.related-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 15px; }
.related-grid .news-card h3 { font-size: 12px; }
.comments-box { margin-top: 50px; border: 1px solid var(--line); background: var(--surface); }
.comments-head { padding: 22px 26px; display: flex; align-items: center; gap: 14px; background: var(--soft); border-bottom: 1px solid var(--line); }
.comment-icon { width: 48px; height: 48px; border-radius: 50% 50% 7px 50%; display: grid; place-items: center; background: var(--primary); color: white; font-size: 22px; }
.comments-head span { color: var(--primary); font-size: 8px; }
.comments-head h3 { margin: 0; font-size: 16px; }
.comments-head p { margin: 0; color: var(--muted); font-size: 8px; }
.comment-respond { padding: 25px; }
.comment-respond input, .comment-respond textarea { width: 100%; border: 1px solid var(--line); background: var(--soft); color: var(--ink); outline: 0; padding: 10px 12px; border-radius: 3px; font-size: 11px; margin-bottom: 10px; }
.comment-respond textarea { min-height: 130px; resize: vertical; }
.comment-respond .submit { background: var(--primary); color: white; border: 0; padding: 10px 22px; border-radius: 3px; cursor: pointer; }

/* Sidebars */
.single-sidebar, .archive-sidebar { display: flex; flex-direction: column; gap: 22px; }
.sidebar-widget { border: 1px solid var(--line); background: var(--surface); }
.reporter-widget { padding: 15px; display: flex; align-items: center; gap: 11px; }
.reporter-avatar { width: 48px; height: 48px; border-radius: 50%; background: var(--soft); display: grid; place-items: center; color: var(--muted); font-size: 22px; }
.reporter-widget small, .reporter-widget strong, .reporter-widget span { display: block; }
.reporter-widget small, .reporter-widget span { color: var(--muted); font-size: 8px; }
.reporter-widget strong { font-size: 11px; }
.widget-title { height: 48px; padding: 0 14px; display: flex; align-items: center; justify-content: space-between; border-bottom: 2px solid var(--navy); position: relative; }
.widget-title::after { content:""; position: absolute; bottom:-2px; right:0; height:3px; width:65px; background:var(--primary); }
.widget-title span { font-size:12px; font-weight:800; }
.widget-title a { color:var(--muted);font-size:8px; }
.sidebar-news > a { display:grid;grid-template-columns:35px 1fr;gap:8px;align-items:center;padding:10px 12px;border-bottom:1px solid var(--line); }
.sidebar-news > a:last-child{border:0}
.sidebar-news b{font-size:18px;color:#cbd1d9}
.sidebar-news > a:hover b{color:var(--primary)}
.sidebar-news > a > span{font-size:10px;font-weight:650;line-height:1.6}
.sidebar-news small{display:block;color:var(--muted);font-size:7px;margin-top:2px}
.sidebar-ad { min-height:250px;padding:28px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(145deg,#102e50,#07182a);color:white; }
.sidebar-ad span{color:#ffbd2f;font-size:8px}
.sidebar-ad strong{font-size:20px}

/* Archive */
.archive-hero { min-height:230px;background:var(--navy);color:white;display:flex;align-items:center;padding:40px 0; }
.archive-hero--photo{background:linear-gradient(110deg,#131d2d,#182f4e)}
.archive-hero--video{background:linear-gradient(110deg,#240b12,#771526)}
.archive-hero--podcast{background:linear-gradient(110deg,#35102a,#731340)}
.archive-hero .breadcrumbs{color:#aebbc9;margin-bottom:20px}
.archive-eyebrow{color:#ffbd2f;font-size:9px}
.archive-hero h1{font-size:34px;margin:0;line-height:1.5}
.archive-hero p{margin:2px 0;color:#b8c5d5;font-size:11px;max-width:650px}
.archive-page{padding-block:38px 65px}
.archive-tools{min-height:64px;border:1px solid var(--line);background:var(--surface);padding:10px 13px;display:flex;align-items:center;gap:12px;margin-bottom:28px}
.category-filters{display:flex;gap:3px;flex:1;flex-wrap:wrap}
.category-filters a, .category-filters button{border:0;background:transparent;color:var(--muted);padding:7px 10px;font-size:9px;border-radius:3px}
.category-filters a.is-active, .category-filters button.is-active{background:var(--primary);color:white}
.archive-search{width:210px;height:35px;display:flex;align-items:center;gap:5px;border-right:1px solid var(--line);padding-right:13px}
.archive-search input{width:100%;border:0;background:transparent;outline:0;color:var(--ink);font-size:9px}
.archive-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:30px}
.archive-result-head{height:39px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:19px;color:var(--muted);font-size:9px}
.archive-news-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px 19px}
.pagination{display:flex;justify-content:center;align-items:center;gap:5px;margin-top:42px}
.pagination a, .pagination span{min-width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:var(--surface);color:var(--muted);font-size:9px;border-radius:3px}
.pagination .current, .pagination a:hover{background:var(--primary);border-color:var(--primary);color:white}
.empty-result{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--soft);border:1px dashed var(--line);color:var(--muted);font-size:22px}
.empty-result strong{color:var(--ink);margin-top:10px}
.empty-result span{font-size:10px}

/* Photo archive */
.photo-archive-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:280px;gap:10px}
.photo-archive-card{position:relative;overflow:hidden;background:var(--navy)}
.photo-archive-card img{width:100%;height:100%;object-fit:cover;transition:.5s}
.photo-archive-card:hover img{transform:scale(1.05)}
.photo-archive-card > div:last-child{position:absolute;bottom:18px;right:18px;left:18px;color:white}
.photo-archive-card h2{font-size:16px;margin:0}
.photo-archive-card > div span{font-size:8px;color:#c1cddd}

/* Video archive */
.video-archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px 17px}
.video-archive-card > div{position:relative;aspect-ratio:1.7;overflow:hidden;border-radius:3px 10px 3px 3px}
.video-archive-card img{width:100%;height:100%;object-fit:cover;transition:.5s}
.video-archive-card:hover img{transform:scale(1.05)}
.video-archive-card .video-play{width:43px;height:43px}
.video-archive-card h2{font-size:14px;line-height:1.7;margin:9px 0 1px}
.video-archive-card p{font-size:8px;color:var(--muted);margin:0}

/* Podcast archive */
.podcast-archive-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.podcast-archive-card{display:grid;grid-template-columns:155px 1fr;gap:19px;align-items:center;padding:13px;border:1px solid var(--line);background:var(--surface);transition:.25s;color:inherit}
.podcast-archive-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}
.podcast-archive-cover{position:relative;aspect-ratio:1;overflow:hidden;border-radius:5px}
.podcast-archive-cover img{width:100%;height:100%;object-fit:cover}
.podcast-archive-cover > span{position:absolute;bottom:9px;right:9px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:white;background:var(--primary);font-size:14px}
.podcast-archive-card > div:last-child > small{color:var(--primary);font-size:8px}
.podcast-archive-card h2{font-size:14px;line-height:1.7;margin:4px 0 9px}
.podcast-archive-card p{display:flex;gap:12px;color:var(--muted);font-size:8px}
.podcast-archive-card button{border:0;background:var(--navy);color:white;padding:6px 10px;display:inline-flex;align-items:center;gap:5px;font-size:8px;border-radius:3px}

/* Search */
.search-page-hero{min-height:260px;background:linear-gradient(120deg,#0b203a,#183c65);color:white;text-align:center;padding:25px 0 40px}
.search-page-hero .breadcrumbs{text-align:right;color:#aebbc9;justify-content:flex-start}
.search-hero-icon{margin:17px auto 5px;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.1);font-size:24px}
.search-page-hero h1{font-size:30px;margin:5px 0}
.search-page-hero p{font-size:10px;color:#b9c7d8;margin:0}
.search-page-body{max-width:980px;margin:-32px auto 70px}
.search-hero-form{height:65px;display:flex;align-items:center;background:var(--surface);box-shadow:0 12px 40px rgba(5,20,38,.18);padding:8px 10px 8px 17px;border-radius:5px}
.search-hero-form > span{margin:0 8px;font-size:20px}
.search-hero-form input{flex:1;border:0;outline:0;background:transparent;color:var(--ink);font-size:12px}
.search-hero-form > button:last-child{height:45px;min-width:100px;border:0;background:var(--primary);color:white;font-size:11px;border-radius:3px}
.search-summary{height:65px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin:20px 0}
.search-summary > div{display:flex;align-items:center;gap:8px}
.search-summary strong{font-size:25px;color:var(--primary)}
.search-summary span{font-size:9px;color:var(--muted)}
.search-results{display:grid;gap:15px}
.search-results .news-card--horizontal{grid-template-columns:220px 1fr;background:var(--surface);border:1px solid var(--line);padding:0}
.search-results .news-card-body{padding:14px}
.search-results .news-card h3{font-size:15px}

/* Media single */
.media-single-head{min-height:330px;padding:24px 0 45px;background:#0b1c32;color:white;position:relative;overflow:hidden}
.media-single-page--video .media-single-head{background:linear-gradient(115deg,#140b0e,#681322)}
.media-single-page--podcast .media-single-head{background:linear-gradient(115deg,#231126,#6b1747)}
.media-single-head .breadcrumbs{color:#9cabbe;margin-bottom:35px}
.media-type-label{display:flex;align-items:center;gap:7px;color:#ffbd2f;font-size:10px}
.media-kicker{display:block;color:#ff9ca8;font-size:10px;margin-top:11px}
.media-single-head h1{max-width:900px;font-size:clamp(28px,4vw,43px);line-height:1.55;margin:4px 0}
.media-lead{max-width:800px;color:#bdc8d6;font-size:12px;margin:0 0 15px}
.media-single-meta{display:flex;gap:18px;flex-wrap:wrap;color:#94a4b7;font-size:9px}
.media-single-meta span{display:flex;align-items:center;gap:4px}
.media-single-body{margin-top:-20px;padding-bottom:70px;position:relative;z-index:2}
.single-photo-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:250px;gap:9px;background:var(--paper);padding:9px;box-shadow:var(--shadow)}
.single-photo-item{position:relative;border:0;padding:0;overflow:hidden;background:var(--navy);display:block}
.single-photo-item:first-child{grid-column:span 2;grid-row:span 2}
.single-photo-item img{width:100%;height:100%;object-fit:cover;transition:.5s}
.single-photo-item:hover img{transform:scale(1.04);filter:brightness(.7)}
.single-photo-item > span{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-30%);opacity:0;color:white;font-size:9px;transition:.3s}
.single-photo-item:hover > span{opacity:1;transform:translate(-50%,-50%)}
.single-photo-item > b{position:absolute;bottom:8px;left:8px;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:rgba(6,20,36,.65);color:white;font-size:9px}
.single-video-player{background:#070d14;box-shadow:var(--shadow)}
.single-video-player video, .video-embed{display:block;width:100%;max-height:690px;aspect-ratio:16/9;background:#02060a;object-fit:contain}
.video-download-row{min-height:75px;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;background:#0e1d2d;color:#9caaba}
.video-download-row > div{display:flex;gap:20px;font-size:8px}
.video-download-row strong{color:#e4ebf3}
.video-download-row > a, .podcast-download{display:grid;grid-template-columns:28px 1fr;align-items:center;min-width:160px;background:var(--primary);color:white;padding:8px 12px;font-size:9px;border-radius:3px}
.video-download-row > a small, .podcast-download small{font-size:7px;color:#ffd4d8}
.single-podcast-player{min-height:520px;padding:45px;display:grid;grid-template-columns:390px 1fr;align-items:center;gap:55px;background:linear-gradient(135deg,#1a1021,#48152f);color:white;box-shadow:var(--shadow);overflow:hidden}
.podcast-disc{width:310px;aspect-ratio:1;border-radius:50%;overflow:hidden;position:relative;box-shadow:0 25px 50px rgba(0,0,0,.35);border:7px solid #0f0914}
.podcast-disc img{width:100%;height:100%;object-fit:cover}
.podcast-disc i{position:absolute;z-index:2;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:38px;height:38px;border:10px solid #e7d9c4;background:#351323;border-radius:50%}
.podcast-bars{width:100%;height:50px;display:flex;align-items:end;justify-content:center;gap:3px;margin-top:15px}
.podcast-bars i{width:3px;background:#ec547a;border-radius:3px;opacity:.5;display:inline-block;animation:audioBar .7s ease-in-out infinite alternate}
.podcast-bars i:nth-child(3n){animation-delay:.2s}
.podcast-bars i:nth-child(4n){animation-delay:.4s}
@keyframes audioBar{to{transform:scaleY(.4);opacity:1}}
.single-podcast-controls{position:relative;z-index:2}
.podcast-label{color:#f48aaa;display:flex;align-items:center;gap:6px;font-size:9px}
.single-podcast-controls > h2{font-size:16px;color:#bfa8b7;margin:4px 0 15px}
.podcast-person{padding:12px 15px;border-right:2px solid #e94d79;background:rgba(255,255,255,.04)}
.podcast-person span, .podcast-person strong, .podcast-person small{display:block}
.podcast-person span{color:#d787a0;font-size:8px}
.podcast-person strong{font-size:17px}
.podcast-person small{color:#927d8b;font-size:8px}
.single-audio-controls{display:flex;align-items:center;justify-content:center;gap:22px;margin:25px 0 15px}
.single-audio-controls > button{border:0;background:transparent;color:white;font-size:20px;cursor:pointer}
.single-audio-controls .single-play{width:60px;height:60px;border-radius:50%;background:white;color:#571735;display:grid;place-items:center;font-size:25px}
.audio-range{width:100%;height:4px;appearance:none;background:rgba(255,255,255,.2);border-radius:5px;direction:rtl}
.audio-range::-webkit-slider-thumb{appearance:none;width:12px;height:12px;border-radius:50%;background:white}
.audio-time{display:flex;justify-content:space-between;color:#a88c9c;font-size:8px}
.podcast-download{margin:25px auto 0;width:185px}

/* Responsive */
@media (max-width: 1100px) {
  .primary-menu a { padding-inline: 11px; }
  .header-slogan { display: none; }
  .hero-news { grid-template-columns: 1.8fr 1fr; }
  .main-slide { min-height: 475px; }
}

@media (max-width: 900px) {
  .site-shell { width: min(100% - 28px, 760px); }
  .utility-inner { justify-content: center; }
  .utility-actions { display: none; }
  .date-time span:last-child, .date-time i { display: none; }
  .branding-row { min-height: 83px; }
  .branding-row .brand-mark { width: 48px; height: 48px; transform: scale(.85); }
  .brand-name { font-size: 21px; }
  .brand-name small { display: none; }
  .header-search { display: none; }
  .search-open-button, .mobile-menu-button { display: grid; place-items: center; width: 39px; height: 39px; border: 1px solid var(--line); color: var(--ink); background: var(--soft); border-radius: 6px; }
  .branding-row .mobile-menu-button { order: 1; }
  .branding-row .brand { order: 2; }
  .header-search-wrap { order: 3; margin: 0; }
  .header-search.is-open { display: flex; position: absolute; top: 77px; right: 14px; left: 14px; width: auto; z-index: 60; box-shadow: var(--shadow); background: var(--surface); }
  .main-nav { height: 42px; }
  .desktop-nav-items { display: none; }
  .nav-inner { justify-content: center; }
  .hero-news { grid-template-columns: 1fr; }
  .main-slide { min-height: 480px; }
  .editor-picks { grid-template-columns: repeat(3, 1fr); grid-template-rows: none; }
  .editor-card { min-height: 170px; }
  .slide-content { right: 28px; left: 35px; }
  .four-card-grid { grid-template-columns: repeat(2, 1fr); }
  .weekly-inner { grid-template-columns: 110px 1fr; }
  .weekly-inner > a { grid-column: span 2; }
  .single-layout { grid-template-columns: 1fr; }
  .single-sidebar { display: none; }
  .archive-layout { grid-template-columns: 1fr; }
  .archive-sidebar { display: none; }
  .photo-grid { grid-template-columns: 1fr 1fr; height: auto; }
  .podcast-list { grid-template-columns: 1fr 1fr; }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .footer-about, .footer-license { grid-column: span 2; }
  .single-podcast-player { grid-template-columns: 1fr; }
  .podcast-disc { width: 220px; justify-self: center; }
}

@media (max-width: 640px) {
  body { font-size: 14px; }
  .site-shell { width: calc(100% - 22px); }
  .ticker-inner { width: 100%; }
  .ticker-label { min-width: 91px; padding: 0 13px; margin-left: 9px; }
  .ticker-label span { display: none; }
  .ticker-content { font-size: 11px; }
  .hero-news { margin-top: 0; gap: 7px; }
  .main-slide { min-height: 470px; border-radius: 0; }
  .slide-content { right: 20px; left: 20px; bottom: 45px; }
  .slide-content h1 { font-size: 24px; }
  .editor-picks { grid-template-columns: 1fr 1fr; padding: 0 8px; }
  .editor-card:last-child { display: none; }
  .ad-slot { margin-block: 24px 38px; padding: 16px; }
  .news-section { margin-block: 40px; }
  .section-title h2 { font-size: 18px; }
  .four-card-grid { grid-template-columns: 1fr 1fr; gap: 18px 12px; }
  .four-card-grid .news-card h3 { font-size: 12px; }
  .four-card-grid .news-card p { display: none; }
  .weekly-download { margin-block: 45px; }
  .weekly-inner { grid-template-columns: 75px 1fr; gap: 15px; }
  .weekly-issue { width: 73px; height: 110px; }
  .weekly-issue strong { font-size: 32px; }
  .weekly-copy h2 { font-size: 19px; }
  .weekly-copy p { display: none; }
  .weekly-inner > a { grid-column: span 2; }
  .photo-grid { grid-template-columns: 1fr; }
  .video-grid { grid-template-columns: 1fr; }
  .video-card { grid-template-columns: 145px 1fr; }
  .podcast-list { grid-template-columns: 1fr; }
  .floating-social { display: none; }
  .scroll-top { left: 12px; bottom: 12px; }
  .single-photo-grid { grid-template-columns: 1fr 1fr; grid-auto-rows: 180px; }
  .single-photo-item:first-child { grid-column: span 2; grid-row: auto; }
  .photo-archive-grid, .video-archive-grid, .podcast-archive-grid { grid-template-columns: 1fr; }
  .podcast-archive-card { grid-template-columns: 110px 1fr; }
  .search-results .news-card--horizontal { grid-template-columns: 115px 1fr; }
  .search-results .news-card h3 { font-size: 11px; }
  .search-results .news-card p { display: none; }
  .copyright-inner { flex-direction: column; text-align: center; gap: 5px; padding: 15px 0; }
  .single-podcast-player { padding: 30px 20px; }
  .podcast-disc { width: 200px; }
  .related-grid { grid-template-columns: 1fr 1fr; }
}