.corr-page{
  width:100%;
  max-width:none;
  margin:0;
  padding:clamp(12px,2vw,28px) clamp(12px,2.6vw,42px) clamp(32px,4vw,64px);
  box-sizing:border-box;
}
.corr-fullbleed{inline-size:100%;}
.corr-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,520px);
  gap:clamp(12px,2vw,22px);
  align-items:end;
  margin-bottom:clamp(12px,1.8vw,22px);
  border:1px solid rgba(255,255,255,.11);
  border-radius:clamp(18px,2vw,28px);
  padding:clamp(16px,2.6vw,30px);
  background:
    radial-gradient(circle at 0% 0%,rgba(249,115,22,.18),transparent 34rem),
    linear-gradient(145deg,rgba(15,23,42,.94),rgba(2,6,23,.96));
  color:#fff;
  box-shadow:0 24px 70px rgba(0,0,0,.24);
  overflow:hidden;
}
.corr-head span{
  display:inline-flex;
  width:max-content;
  border-radius:999px;
  background:rgba(249,115,22,.16);
  border:1px solid rgba(249,115,22,.32);
  color:#fed7aa;
  font-weight:1000;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:clamp(.68rem,.85vw,.8rem);
  padding:.34rem .62rem;
}
.corr-head h1{
  margin:.55rem 0 .35rem;
  font-size:clamp(1.55rem,3.2vw,3.4rem);
  line-height:.96;
  letter-spacing:-.055em;
  max-width:980px;
}
.corr-head p{
  margin:0;
  max-width:900px;
  color:rgba(203,213,225,.92);
  font-size:clamp(.9rem,1.15vw,1.04rem);
  line-height:1.45;
}
.corr-search{
  display:flex;
  gap:.55rem;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.13);
  border-radius:999px;
  padding:.42rem;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
.corr-search input{
  min-width:0;
  flex:1;
  border:0;
  background:transparent;
  color:#fff;
  padding:.75rem .9rem;
  outline:0;
  font-size:clamp(.9rem,1vw,1rem);
}
.corr-search input::placeholder{color:rgba(203,213,225,.78)}
.corr-search button{
  border:0;
  border-radius:999px;
  background:linear-gradient(135deg,var(--primary,#f97316),var(--accent,#ef4444));
  color:#fff;
  font-weight:1000;
  padding:.76rem 1rem;
  cursor:pointer;
  box-shadow:0 12px 30px rgba(249,115,22,.18);
}
.corr-layout{
  display:grid;
  grid-template-columns:minmax(250px,330px) minmax(0,1fr);
  gap:clamp(12px,1.8vw,22px);
  width:100%;
}
.corr-sidebar{
  position:sticky;
  top:calc(var(--header-height,78px) + 12px);
  align-self:start;
  display:grid;
  gap:.58rem;
  max-height:calc(100vh - var(--header-height,78px) - 28px);
  overflow:auto;
  padding-right:.22rem;
  scrollbar-width:thin;
}
.corr-person{
  display:block;
  text-decoration:none;
  color:#f8fafc;
  border:1px solid rgba(255,255,255,.1);
  border-radius:18px;
  padding:.85rem .9rem;
  background:linear-gradient(160deg,rgba(15,23,42,.82),rgba(2,6,23,.78));
  box-shadow:0 16px 36px rgba(0,0,0,.20);
  transition:border-color .16s ease,background .16s ease,transform .16s ease;
}
.corr-person:hover{transform:translateY(-1px);border-color:rgba(249,115,22,.42);background:linear-gradient(160deg,rgba(30,41,59,.9),rgba(15,23,42,.86))}
.corr-person.active{border-color:rgba(249,115,22,.72);box-shadow:0 16px 38px rgba(249,115,22,.12),0 16px 36px rgba(0,0,0,.22)}
.corr-person strong{display:block;font-size:clamp(.92rem,1vw,1.02rem);line-height:1.15;color:#fff}
.corr-person small{display:block;color:rgba(203,213,225,.78);margin-top:.28rem;line-height:1.35;font-size:.82rem}
.corr-feed{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));
  gap:clamp(12px,1.35vw,20px);
  min-width:0;
}
.corr-card{
  display:grid;
  grid-template-rows:auto 1fr;
  min-width:0;
  text-decoration:none;
  color:#f8fafc;
  border:1px solid rgba(255,255,255,.1);
  border-radius:24px;
  overflow:hidden;
  background:linear-gradient(160deg,rgba(15,23,42,.9),rgba(2,6,23,.95));
  box-shadow:0 20px 56px rgba(0,0,0,.24);
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;
}
.corr-card:hover{transform:translateY(-3px);border-color:rgba(249,115,22,.42);box-shadow:0 26px 64px rgba(0,0,0,.32)}
.corr-card .news-media,.corr-live-box{
  width:100%;
  height:clamp(170px,20vw,270px);
  object-fit:cover;
  background:#020617;
}
.corr-card>div:not(.corr-live-box){padding:clamp(12px,1.35vw,18px)}
.corr-badge{
  display:inline-flex;
  width:max-content;
  border-radius:999px;
  padding:.28rem .58rem;
  background:rgba(249,115,22,.15);
  color:#fed7aa;
  border:1px solid rgba(249,115,22,.28);
  font-weight:1000;
  font-size:.7rem;
  text-transform:uppercase;
  letter-spacing:.045em;
}
.corr-badge.live{background:rgba(239,68,68,.15);color:#fecaca;border-color:rgba(239,68,68,.28)}
.corr-card h2{
  font-size:clamp(1rem,1.45vw,1.32rem);
  line-height:1.08;
  letter-spacing:-.025em;
  margin:.56rem 0 .34rem;
  color:#fff;
}
.corr-card p{margin:0;color:rgba(203,213,225,.82);line-height:1.42;font-size:clamp(.84rem,.95vw,.95rem)}
.corr-card footer{margin-top:.76rem;color:rgba(148,163,184,.9);font-weight:850;font-size:.8rem;line-height:1.35}
.corr-live-box{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;gap:.35rem;background:radial-gradient(circle at center,rgba(239,68,68,.24),transparent 62%),linear-gradient(145deg,#111827,#020617)}
.corr-live-box strong{background:#ef4444;border-radius:999px;padding:.35rem .75rem;font-weight:1000;box-shadow:0 10px 28px rgba(239,68,68,.22)}
.corr-live-box span{color:rgba(203,213,225,.88);font-weight:850;text-transform:uppercase;font-size:.74rem;letter-spacing:.08em}
.corr-empty{background:rgba(255,255,255,.05);border:1px dashed rgba(203,213,225,.28);border-radius:18px;padding:1rem;color:rgba(203,213,225,.82)}
.corr-empty.big{grid-column:1/-1;text-align:center;padding:2rem}
@media(max-width:900px){
  .corr-page{padding:10px 10px 5rem}
  .corr-head{grid-template-columns:1fr;border-radius:0;margin-left:-10px;margin-right:-10px;margin-top:-10px;padding:14px 12px 12px;border-left:0;border-right:0}
  .corr-head h1{font-size:clamp(1.45rem,8vw,2.15rem);margin:.42rem 0 .25rem}
  .corr-head p{font-size:clamp(.84rem,3.4vw,.95rem)}
  .corr-search{border-radius:18px;flex-direction:column;padding:.5rem}
  .corr-search input{font-size:16px;padding:.74rem .8rem}
  .corr-search button{width:100%;min-height:46px}
  .corr-layout{grid-template-columns:1fr;gap:.8rem}
  .corr-sidebar{position:static;display:flex;overflow-x:auto;max-height:none;padding:0 0 .25rem;scroll-snap-type:x proximity}
  .corr-person{min-width:min(80vw,285px);padding:.74rem;scroll-snap-align:start;border-radius:17px}
  .corr-feed{grid-template-columns:1fr;gap:.72rem}
  .corr-card{grid-template-columns:122px 1fr;grid-template-rows:auto;border-radius:18px;min-height:122px}
  .corr-card .news-media,.corr-live-box{height:100%;min-height:122px}
  .corr-card>div:not(.corr-live-box){padding:10px 11px}
  .corr-badge{font-size:.64rem;padding:.22rem .48rem}
  .corr-card h2{font-size:clamp(.94rem,4vw,1.06rem);margin:.32rem 0 .22rem;line-height:1.1}
  .corr-card p{font-size:clamp(.8rem,3.45vw,.9rem);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .corr-card footer{margin-top:.5rem;font-size:.74rem}
}
@media(max-width:430px){
  .corr-card{grid-template-columns:1fr}
  .corr-card .news-media,.corr-live-box{height:190px;min-height:190px}
}