.card a{color:inherit;text-decoration:none}
.articlePage{max-width:980px}
.articlePage video{width:100%;max-height:72vh;background:#000}
.articleText{background:#fff;padding:24px;line-height:1.9;margin-top:22px}
.videoFrame{position:relative;width:100%;aspect-ratio:16/9;background:#000}
.videoFrame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.playerMessage{display:grid;place-items:center;min-height:260px;padding:30px;background:#111;color:#ddd;text-align:center}
.categoryBlock{margin-bottom:42px}
.categoryBlock .sectionTitle a{color:#d77d00;text-decoration:none;font-size:13px}
.categoryBlock:last-child{margin-bottom:0}
.empty{padding:70px 20px;text-align:center;color:#888}
.bannerCarousel{position:relative;max-width:1320px;margin:20px auto;overflow:hidden;background:#111;aspect-ratio:3/1;min-height:0}
.bannerViewport,.bannerSlide{position:absolute;inset:0}
.bannerSlide{opacity:0;visibility:hidden;transition:opacity .45s ease}
.bannerSlide.active{opacity:1;visibility:visible}
.bannerSlide a{display:block;width:100%;height:100%}
.bannerSlide img{display:block;width:100%;height:100%;aspect-ratio:3/1;object-fit:fill;object-position:center center}
.bannerPrev,.bannerNext{position:absolute;z-index:3;top:50%;transform:translateY(-50%);width:40px;height:52px;border:0;background:#0009;color:#fff;font-size:34px;line-height:1;cursor:pointer}
.bannerPrev{left:0}.bannerNext{right:0}
.bannerDots{position:absolute;z-index:3;left:50%;bottom:8px;transform:translateX(-50%);display:flex;gap:7px}
.bannerDot{width:8px;height:8px;border:0;border-radius:50%;padding:0;background:#ffffff80;cursor:pointer}
.bannerDot.active{background:#ff9500;transform:scale(1.2)}

/* Responsive layout override */
.bar,
nav div,
.hero>div,
.content{max-width:1320px}

.grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.card{min-width:0}
.card p{gap:6px}
.card p span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.modal{overflow:auto;padding:clamp(10px,3vw,24px)}
.player{max-height:calc(100dvh - 20px);overflow:auto}

@media(max-width:1180px){
  .grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}

@media(max-width:900px){
  .grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media(max-width:650px){
  .bar{height:auto;min-height:60px;flex-wrap:wrap;padding:10px 12px;gap:10px}
  .logo{font-size:21px}
  .manage{margin-left:auto;padding:8px 10px;font-size:12px}
  .search{position:static;order:3;flex:0 0 100%;padding:0;background:none}
  .search input{min-width:0;height:38px}
  .search button{width:48px}
  nav{padding-top:0;overflow-x:auto;scroll-snap-type:x proximity}
  nav .navTrack{width:max-content;min-width:100%;padding:9px 12px;gap:6px}
  nav .navLink{min-height:34px;padding:0 12px;font-size:13px;scroll-snap-align:start}
  .hero{min-height:210px}
  .hero>div{padding:24px 14px}
  .hero h1{font-size:27px;line-height:1.18}
  .hero p{font-size:13px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .content{padding:24px 12px 45px}
  .sectionTitle{gap:10px}
  .sectionTitle h1,.sectionTitle h2{min-width:0;font-size:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .sectionTitle span{flex:none;font-size:12px}
  .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 10px}
  .card h3{font-size:13px}
  .card p span:last-child{display:block}
  .cover small{font-size:10px}
  .articleText{padding:16px}
  .categoryBlock{margin-bottom:30px}
  .playerMessage{min-height:190px}
  .bannerCarousel{width:100%;margin:12px 0;aspect-ratio:3/1;min-height:0}
  .bannerPrev,.bannerNext{width:32px;height:42px;font-size:28px}
}

@media(max-width:380px){
  .logo{font-size:19px}
  .manage{max-width:88px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .hero{min-height:190px}
  .hero h1{font-size:23px}
  .grid{gap:17px 8px}
}

@media(orientation:landscape) and (max-height:520px){
  .modal{align-items:start}
  .player{width:min(820px,100%)}
  .player video{max-height:72dvh}
}