.page-news{
  --news-paper:#F5F0E6;
  --news-card:#FFFFFF;
  --news-ink:#0A1F44;
  --news-wide:#1B3260;
  --news-soft:#EBE4D6;
  --news-line:rgba(10,31,68,0.14);
  --news-weak:#6B7A99;
  background:var(--news-paper);
  color:var(--gray);
}

.page-news .container{
  padding-top:2rem;
}

.page-news .news-breadcrumb{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.5rem;
  font-family:var(--font-body);
  font-size:.86rem;
  color:var(--news-weak);
  padding:1.4rem 0 0;
}

.page-news .news-breadcrumb__link{
  color:var(--news-ink);
  text-decoration:none;
  transition:color .2s var(--ease);
}

.page-news .news-breadcrumb__link:hover{
  color:var(--orange);
}

.page-news .news-breadcrumb__sep{
  color:var(--news-weak);
}

.page-news .news-breadcrumb__current{
  font-weight:500;
  color:var(--news-ink);
}

.page-news .news-masthead{
  display:grid;
  gap:.65rem;
  margin:0 0 clamp(2.5rem,6vw,4.5rem);
  padding-top:1.4rem;
}

.page-news .news-masthead__eyebrow{
  font-family:var(--font-data);
  font-size:.78rem;
  letter-spacing:.14em;
  color:var(--orange);
  text-transform:uppercase;
}

.page-news .news-masthead__title{
  max-width:16em;
}

.page-news .news-masthead__lead{
  max-width:38em;
  color:var(--news-weak);
}

.page-news .section-head-row{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:1rem;
  margin-bottom:1.25rem;
}

.page-news .section-head-row__note{
  font-family:var(--font-data);
  font-size:.78rem;
  color:var(--news-weak);
  white-space:nowrap;
}

.page-news .latest-row{
  margin-bottom:clamp(3rem,7vw,5rem);
}

.page-news .latest-row__track{
  display:flex;
  gap:1.25rem;
  overflow-x:auto;
  scroll-snap-type:inline mandatory;
  padding:.25rem .25rem 1.5rem;
  scrollbar-width:thin;
  -webkit-overflow-scrolling:touch;
}

.page-news .latest-row__track::-webkit-scrollbar{
  height:8px;
}

.page-news .latest-row__track::-webkit-scrollbar-thumb{
  background:var(--silver);
  border-radius:999px;
}

.page-news .latest-row__track::-webkit-scrollbar-track{
  background:transparent;
}

.page-news .feature-card{
  flex:0 0 min(85vw,420px);
  scroll-snap-align:start;
  background:var(--news-card);
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-soft);
  overflow:hidden;
  display:flex;
  flex-direction:column;
  position:relative;
  transition:transform .3s var(--ease), box-shadow .3s var(--ease);
}

.page-news .feature-card:hover{
  transform:translateY(-6px);
  box-shadow:var(--shadow-card);
}

.page-news .feature-card--hero{
  flex-basis:min(92vw,540px);
}

.page-news .feature-card--tall{
  flex-basis:min(84vw,420px);
}

.page-news .feature-card--compact{
  flex-basis:min(82vw,370px);
  background:var(--news-ink);
}

.page-news .feature-card__media{
  aspect-ratio:16/9;
  overflow:hidden;
  background:var(--news-soft);
}

.page-news .feature-card--tall .feature-card__media{
  aspect-ratio:4/5;
}

.page-news .feature-card__media img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  max-width:100%;
}

.page-news .feature-card__body{
  display:flex;
  flex-direction:column;
  gap:.65rem;
  padding:1.3rem;
}

.page-news .feature-card__title{
  margin:0;
  font-family:var(--font-display);
  font-size:1.12rem;
  line-height:1.5;
  font-weight:800;
  color:var(--news-ink);
}

.page-news .feature-card--compact .feature-card__title{
  color:var(--white);
}

.page-news .feature-card__desc{
  margin:0;
  font-size:.88rem;
  line-height:1.65;
  color:var(--news-weak);
}

.page-news .feature-card--compact .feature-card__desc{
  color:var(--silver);
}

.page-news .feature-card__meta{
  display:flex;
  align-items:center;
  gap:.4rem;
  margin-top:.2rem;
  font-family:var(--font-data);
  font-size:.74rem;
  color:var(--news-weak);
}

.page-news .feature-card--compact .feature-card__meta{
  color:var(--silver);
}

.page-news .news-chip{
  display:inline-flex;
  align-items:center;
  font-family:var(--font-body);
  font-size:.72rem;
  font-weight:600;
  letter-spacing:.02em;
  padding:.28rem .75rem;
  border-radius:999px;
  white-space:nowrap;
  line-height:1.6;
}

.page-news .news-chip--bundesliga{
  background:#FDE9E4;
  color:#9A2A1C;
}

.page-news .news-chip--premier{
  background:#ECE6F5;
  color:#3D2C58;
}

.page-news .news-chip--laliga{
  background:#FAF0D7;
  color:#7A5C13;
}

.page-news .news-chip--cba{
  background:#E5F0FF;
  color:#173A6E;
}

.page-news .news-chip--esports{
  background:#E7F3FF;
  color:#0F5A8A;
}

.page-news .news-chip--tennis{
  background:#F1F4F7;
  color:#3C5468;
}

.page-news .news-chip--series{
  background:#E9F6F1;
  color:#0E6B4C;
}

.page-news .magazine-zone{
  display:grid;
  grid-template-columns:1fr;
  gap:2rem;
  margin-bottom:clamp(3rem,7vw,5rem);
}

.page-news .news-tab-list{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
  margin-bottom:1.5rem;
  padding-bottom:.75rem;
  border-bottom:1px solid var(--news-line);
}

.page-news .news-tabs .tab-button{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  background:var(--news-card);
  color:var(--news-ink);
  border:1px solid var(--news-line);
  padding:.72rem 1.1rem;
  border-radius:999px;
  font-family:var(--font-body);
  font-size:.9rem;
  font-weight:600;
  cursor:pointer;
  transition:background .2s var(--ease), color .2s var(--ease), border-color .2s var(--ease), box-shadow .2s var(--ease);
}

.page-news .news-tabs .tab-button[aria-selected="true"]{
  background:var(--news-ink);
  color:var(--white);
  border-color:var(--news-ink);
  box-shadow:0 .4rem 1rem rgba(10,31,68,.18);
}

.page-news .tab-icon{
  width:16px;
  height:16px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
  flex:none;
}

.page-news .news-panel{
  outline:none;
}

.page-news .entry-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:1.25rem;
}

.page-news .entry-card{
  background:var(--news-card);
  border-radius:var(--radius-md);
  box-shadow:var(--shadow-soft);
  border:1px solid transparent;
  padding:1.5rem;
  display:flex;
  flex-direction:column;
  gap:.8rem;
  transition:transform .25s var(--ease), border-color .25s var(--ease), box-shadow .25s var(--ease);
}

.page-news .entry-card:hover{
  transform:translateY(-4px);
  border-color:var(--orange);
  box-shadow:var(--shadow-card);
}

.page-news .entry-card__top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:1rem;
}

.page-news .entry-card__index{
  font-family:var(--font-data);
  font-size:.74rem;
  letter-spacing:.1em;
  color:var(--news-weak);
}

.page-news .entry-card__title{
  margin:0;
  font-family:var(--font-display);
  font-size:1rem;
  line-height:1.55;
  font-weight:700;
  color:var(--news-ink);
}

.page-news .entry-card__summary{
  margin:0;
  font-size:.87rem;
  line-height:1.65;
  color:var(--news-weak);
}

.page-news .entry-card__foot{
  display:flex;
  align-items:center;
  gap:.4rem;
  margin-top:auto;
  padding-top:.3rem;
  font-family:var(--font-data);
  font-size:.73rem;
  color:var(--news-weak);
}

.page-news .report-block{
  display:grid;
  gap:1.25rem;
}

.page-news .report-block__cover{
  border-radius:var(--radius-lg);
  overflow:hidden;
  background:var(--news-soft);
}

.page-news .report-block__cover img{
  display:block;
  width:100%;
  height:100%;
  aspect-ratio:16/10;
  object-fit:cover;
  max-width:100%;
}

.page-news .report-list{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:1rem;
}

.page-news .report-item{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:1rem;
  background:var(--news-card);
  border-radius:var(--radius-md);
  box-shadow:var(--shadow-soft);
  padding:1.4rem;
}

.page-news .report-item__icon{
  width:36px;
  height:36px;
  border-radius:999px;
  background:rgba(255,107,53,.12);
  color:var(--orange);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:none;
}

.page-news .report-item__content{
  min-width:0;
}

.page-news .report-item__time{
  font-family:var(--font-data);
  font-size:.72rem;
  letter-spacing:.06em;
  color:var(--orange);
  text-transform:uppercase;
}

.page-news .report-item__title{
  margin:.25rem 0 .35rem;
  font-family:var(--font-display);
  font-size:1.02rem;
  line-height:1.5;
  color:var(--news-ink);
}

.page-news .report-item__summary{
  margin:0;
  font-size:.86rem;
  line-height:1.65;
  color:var(--news-weak);
}

.page-news .rank-wrap{
  display:grid;
  gap:1.5rem;
}

.page-news .rank-group{
  background:var(--news-card);
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-soft);
  padding:1.5rem;
}

.page-news .rank-group__head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:1rem;
  border-bottom:1px solid var(--news-line);
  padding-bottom:.8rem;
  margin-bottom:.9rem;
}

.page-news .rank-group__head h3{
  margin:0;
  font-family:var(--font-display);
  font-size:1.02rem;
  color:var(--news-ink);
}

.page-news .rank-group__tag{
  font-family:var(--font-data);
  font-size:.7rem;
  color:var(--news-weak);
  white-space:nowrap;
}

.page-news .rank-list{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:.2rem;
}

.page-news .rank-row{
  display:grid;
  grid-template-columns:2rem 1fr auto;
  align-items:center;
  gap:.7rem;
  padding:.38rem .35rem;
  border-radius:.65rem;
  transition:background .2s var(--ease);
}

.page-news .rank-row:hover{
  background:rgba(255,107,53,.08);
}

.page-news .rank-row__pos{
  font-family:var(--font-data);
  font-size:.78rem;
  color:var(--news-weak);
}

.page-news .rank-row__club{
  font-weight:600;
  font-size:.92rem;
  color:var(--news-ink);
}

.page-news .rank-row__num{
  font-family:var(--font-data);
  font-weight:600;
  font-size:.94rem;
  color:var(--orange);
}

.page-news .rank-row__source{
  grid-column:2 / 4;
  font-family:var(--font-data);
  font-size:.68rem;
  color:var(--news-weak);
  opacity:0;
  transform:translateY(3px);
  transition:opacity .2s var(--ease), transform .2s var(--ease);
}

.page-news .rank-row:hover .rank-row__source,
.page-news .rank-row:focus-within .rank-row__source{
  opacity:1;
  transform:none;
}

.page-news .magazine-zone__side{
  min-width:0;
}

.page-news .side-stack{
  display:flex;
  flex-direction:column;
  gap:1.5rem;
}

.page-news .pulse-card{
  background:var(--news-ink);
  color:var(--white);
  border-radius:var(--radius-lg);
  padding:1.6rem;
  box-shadow:var(--shadow-card);
}

.page-news .pulse-card__eyebrow{
  font-family:var(--font-data);
  font-size:.74rem;
  letter-spacing:.1em;
  color:var(--orange);
  text-transform:uppercase;
  margin:0 0 .5rem;
}

.page-news .pulse-card__count{
  font-family:var(--font-data);
  font-size:3.2rem;
  font-weight:600;
  line-height:1;
  margin:0 0 .3rem;
  display:flex;
  align-items:baseline;
}

.page-news .pulse-card__count small{
  font-size:1rem;
  color:var(--silver);
  margin-left:.3rem;
}

.page-news .pulse-card__caption{
  font-size:.84rem;
  line-height:1.65;
  color:var(--silver);
  margin:0;
}

.page-news .snap-card{
  background:var(--news-card);
  border:1px solid var(--news-line);
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-soft);
  padding:1.6rem;
}

.page-news .snap-card__title{
  font-family:var(--font-display);
  font-size:1rem;
  color:var(--news-ink);
  margin:0 0 1.1rem;
}

.page-news .snap-list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.9rem;
}

.page-news .snap-list__item{
  display:flex;
  flex-direction:column;
  gap:.15rem;
}

.page-news .snap-list__num{
  font-family:var(--font-data);
  font-size:1.6rem;
  font-weight:600;
  color:var(--news-ink);
  line-height:1.1;
}

.page-news .snap-list__label{
  font-size:.76rem;
  line-height:1.45;
  color:var(--news-weak);
}

.page-news .service-card{
  background:var(--news-card);
  border:1px solid var(--news-line);
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-soft);
  padding:1.6rem;
}

.page-news .service-card__title{
  font-family:var(--font-display);
  font-size:1rem;
  color:var(--news-ink);
  margin:0 0 .6rem;
}

.page-news .service-card p{
  margin:0 0 1rem;
  font-size:.86rem;
  line-height:1.7;
  color:var(--news-weak);
}

.page-news .service-card .btn{
  margin:0 .5rem .5rem 0;
}

.page-news .service-card__more{
  display:inline-flex;
  margin-top:.6rem;
  font-size:.84rem;
  font-weight:600;
  color:var(--news-ink);
  text-decoration:none;
  border-bottom:1px solid var(--orange);
  transition:color .2s var(--ease), border-color .2s var(--ease);
}

.page-news .service-card__more:hover{
  color:var(--orange);
  border-color:var(--orange);
}

.page-news .contact-card{
  background:var(--orange);
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-soft);
  padding:1.6rem;
  color:var(--news-ink);
}

.page-news .contact-card__title{
  font-family:var(--font-display);
  font-size:1rem;
  margin:0 0 .5rem;
}

.page-news .contact-card__mail{
  font-family:var(--font-data);
  font-size:.95rem;
  font-weight:600;
  margin:0 0 .6rem;
  word-break:break-all;
  cursor:pointer;
}

.page-news .contact-card__desc{
  font-size:.84rem;
  line-height:1.65;
  margin:0 0 1rem;
  color:rgba(10,31,68,.78);
}

.page-news .contact-card__btn{
  background:var(--white);
  border-color:var(--white);
  color:var(--news-ink);
}

.page-news .contact-card__btn:hover{
  background:var(--news-ink);
  border-color:var(--news-ink);
  color:var(--white);
}

.page-news .serial-section{
  margin-bottom:clamp(2rem,5vw,4rem);
}

.page-news .serial-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:1.25rem;
}

.page-news .serial-card{
  background:var(--news-card);
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-soft);
  overflow:hidden;
  display:flex;
  flex-direction:column;
  transition:transform .25s var(--ease), box-shadow .25s var(--ease);
}

.page-news .serial-card:hover{
  transform:translateY(-4px);
  box-shadow:var(--shadow-card);
}

.page-news .serial-card__img{
  display:block;
  width:100%;
  height:auto;
  max-width:100%;
  aspect-ratio:4/3;
  object-fit:cover;
}

.page-news .serial-card__body{
  display:flex;
  flex-direction:column;
  gap:.7rem;
  padding:1.5rem;
}

.page-news .serial-card__title{
  margin:0;
  font-family:var(--font-display);
  font-size:1.08rem;
  line-height:1.5;
  color:var(--news-ink);
}

.page-news .serial-card__body p{
  margin:0;
  font-size:.87rem;
  line-height:1.65;
  color:var(--news-weak);
}

.page-news .back-top{
  position:fixed;
  right:1rem;
  bottom:1rem;
  z-index:50;
  width:54px;
  height:54px;
  border-radius:999px;
  background:var(--news-ink);
  color:var(--white);
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:var(--shadow-card);
  text-decoration:none;
  transition:background .2s var(--ease), transform .2s var(--ease);
}

.page-news .back-top:hover{
  background:var(--orange);
  transform:translateY(-3px);
}

.page-news .back-top__icon{
  width:24px;
  height:24px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

@media (min-width:720px){
  .page-news .entry-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .page-news .serial-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .page-news .serial-card--feature{
    grid-column:span 3;
    display:grid;
    grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
  }

  .page-news .serial-card--feature .serial-card__img{
    height:100%;
    aspect-ratio:auto;
  }

  .page-news .feature-card--hero{
    flex-basis:min(62vw,560px);
  }
}

@media (min-width:980px){
  .page-news .magazine-zone{
    grid-template-columns:minmax(0,1.65fr) minmax(290px,.85fr);
    align-items:start;
  }

  .page-news .magazine-zone__side{
    position:sticky;
    top:calc(var(--header-h) + 1.5rem);
  }

  .page-news .feature-card--tall{
    flex-basis:min(40vw,430px);
  }
}

@media (min-width:1280px){
  .page-news .container{
    padding-top:2.5rem;
  }

  .page-news .news-masthead__title{
    font-size:clamp(2.6rem,4vw,4.2rem);
  }

  .page-news .feature-card--hero{
    flex-basis:min(52vw,620px);
  }

  .page-news .entry-card{
    padding:1.6rem;
  }
}