.page-news{
  --news-hair:rgba(217,164,65,.24);
  --news-panel:rgba(18,43,64,.62);
  --news-panel-deep:rgba(8,18,28,.86);
  --news-gap:clamp(18px,3.4vw,34px);
  background:var(--wb-deep);
  color:var(--wb-text);
}
.page-news img{
  display:block;
  max-width:100%;
  height:auto;
}
.page-news .news-hero{
  position:relative;
  overflow:hidden;
  padding:clamp(20px,4vw,40px) 0 clamp(34px,6vw,76px);
  background:
    radial-gradient(130% 80% at 92% 2%, rgba(69,214,214,.13), transparent 58%),
    radial-gradient(90% 70% at 2% 100%, rgba(217,164,65,.10), transparent 62%),
    linear-gradient(180deg, var(--wb-deep) 0%, var(--wb-midnight) 100%);
  border-bottom:1px solid var(--news-hair);
}
.page-news .news-hero::before{
  content:"";
  position:absolute;
  top:-18%;
  right:-12%;
  width:min(520px,72vw);
  height:min(520px,72vw);
  background:repeating-linear-gradient(115deg, rgba(217,164,65,.15) 0 1px, transparent 1px 24px);
  transform:rotate(8deg);
  opacity:.75;
  pointer-events:none;
}
.page-news .news-hero .wb-breadcrumb{
  position:relative;
  z-index:1;
  margin-bottom:clamp(20px,4vw,42px);
}
.page-news .news-hero__grid{
  position:relative;
  z-index:1;
  display:grid;
  gap:var(--news-gap);
  grid-template-columns:1fr;
}
.page-news .news-hero__copy .wb-h1{
  margin:10px 0 0;
  max-width:22ch;
}
.page-news .news-hero__copy .wb-lead{
  margin-top:clamp(14px,2.4vw,22px);
  max-width:62ch;
}
.page-news .news-hero__copy .wb-flow{
  margin-top:12px;
  max-width:58ch;
}
.page-news .news-hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:clamp(20px,3vw,30px);
}
.page-news .news-hero__side{
  display:grid;
  gap:14px;
}
.page-news .news-stamp{
  position:relative;
  padding:clamp(16px,3vw,24px);
  border:1px solid var(--news-hair);
  background:linear-gradient(158deg, rgba(11,27,43,.94), rgba(8,18,28,.96));
  clip-path:polygon(0 0, calc(100% - var(--wb-cut)) 0, 100% var(--wb-cut), 100% 100%, 0 100%);
}
.page-news .news-stamp::after{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:5px;
  height:100%;
  background:linear-gradient(180deg, var(--wb-gold), var(--wb-gold-deep));
}
.page-news .news-stamp__label{
  display:block;
  font-size:13px;
  letter-spacing:.22em;
  color:var(--wb-mist);
}
.page-news .news-stamp__num{
  display:block;
  margin:4px 0 6px;
  font-family:var(--wb-font-mono);
  font-size:clamp(58px,15vw,104px);
  line-height:.94;
  color:var(--wb-gold);
  letter-spacing:.02em;
}
.page-news .news-stamp__meta{
  display:block;
  font-size:14px;
  color:var(--wb-text-dim);
}
.page-news .news-stamp__ticks{
  display:flex;
  gap:6px;
  margin-top:14px;
}
.page-news .news-stamp__ticks i{
  flex:1;
  height:3px;
  background:rgba(217,164,65,.28);
}
.page-news .news-stamp__ticks i:first-child{
  background:var(--wb-coral);
}
.page-news .news-hero__media{
  max-height:360px;
  overflow:hidden;
}
.page-news .news-hero__media img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.page-news .news-latest__grid{
  display:grid;
  gap:var(--news-gap);
  grid-template-columns:1fr;
}
.page-news .news-latest__list{
  list-style:none;
  margin:clamp(16px,2.6vw,24px) 0 0;
  padding:0;
  display:grid;
  gap:14px;
}
.page-news .news-latest__list li{
  position:relative;
  padding:16px 18px 16px 20px;
  border-left:2px solid var(--wb-line-gold);
  background:var(--news-panel);
}
.page-news .news-latest__list li:nth-child(3){
  border-left-color:var(--wb-coral);
}
.page-news .news-latest__tag{
  display:inline-block;
  margin-bottom:8px;
}
.page-news .news-latest__list .wb-h3{
  margin:0 0 6px;
}
.page-news .news-latest__list p{
  margin:0;
  color:var(--wb-text-dim);
  line-height:1.8;
  font-size:15px;
}
.page-news .news-latest__body .wb-btn{
  margin-top:clamp(18px,3vw,26px);
}
.page-news .news-latest__media{
  border:1px solid var(--news-hair);
  background:var(--news-panel-deep);
}
.page-news .news-latest__media figcaption{
  padding:10px 14px;
  font-size:13px;
  color:var(--wb-mist);
  border-top:1px solid var(--wb-line);
}

.page-news .news-timeline-section{
  border-top:1px solid var(--wb-line);
}
.page-news .news-rail{
  display:grid;
  gap:clamp(20px,3vw,34px);
  grid-template-columns:1fr;
  margin-top:clamp(22px,4vw,36px);
}
.page-news .news-rail__bookmarks{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.page-news .news-rail__bm{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 14px;
  font-size:14px;
  color:var(--wb-text-dim);
  text-decoration:none;
  background:rgba(18,43,64,.55);
  border:1px solid var(--wb-line);
  border-left:3px solid transparent;
  clip-path:polygon(0 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%);
  transition:color var(--wb-dur) var(--wb-ease), border-color var(--wb-dur) var(--wb-ease), background-color var(--wb-dur) var(--wb-ease);
}
.page-news .news-rail__bm .wb-mono{
  font-size:13px;
  color:var(--wb-mist);
}
.page-news .news-rail__bm:hover,
.page-news .news-rail__bm:focus-visible{
  color:var(--wb-gold-light);
  border-left-color:var(--wb-gold);
  background:rgba(18,43,64,.85);
}
.page-news .news-rail__bm.is-current{
  color:var(--wb-gold);
  border-left-color:var(--wb-gold);
}
.page-news .news-timeline{
  list-style:none;
  margin:0;
  padding:0 0 0 4px;
  position:relative;
}
.page-news .news-timeline::before{
  content:"";
  position:absolute;
  left:6px;
  top:8px;
  bottom:12px;
  width:1px;
  background:linear-gradient(180deg, var(--wb-gold) 0%, rgba(217,164,65,.42) 45%, rgba(217,164,65,.06) 100%);
}
.page-news .news-node{
  position:relative;
  padding:0 0 clamp(24px,4vw,42px) clamp(26px,4vw,38px);
}
.page-news .news-node::before{
  content:"";
  position:absolute;
  left:0;
  top:6px;
  width:13px;
  height:13px;
  border-radius:50%;
  background:var(--wb-deep);
  border:2px solid var(--wb-gold);
}
.page-news .news-node--fresh::before{
  background:var(--wb-coral);
  border-color:var(--wb-coral);
  box-shadow:0 0 0 4px rgba(255,107,74,.16);
}
.page-news .news-node__head{
  display:flex;
  align-items:baseline;
  gap:12px;
  flex-wrap:wrap;
}
.page-news .news-node__no{
  font-size:20px;
  color:var(--wb-gold);
  letter-spacing:.06em;
}
.page-news .news-node__when{
  font-size:13px;
  letter-spacing:.14em;
  color:var(--wb-mist);
}
.page-news .news-node .wb-h3{
  margin:8px 0 8px;
}
.page-news .news-node p{
  margin:0;
  max-width:70ch;
  color:var(--wb-text-dim);
  line-height:1.85;
  font-size:15px;
}
.page-news .news-node__tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  list-style:none;
  margin:12px 0 0;
  padding:0;
}
.page-news .news-node__tags li{
  padding:4px 10px;
  font-size:13px;
  color:var(--wb-cyan);
  border:1px solid rgba(69,214,214,.32);
  background:rgba(69,214,214,.07);
}

.page-news .news-fees{
  border-top:1px solid var(--wb-line);
}
.page-news .news-log{
  display:grid;
  gap:12px;
  margin-top:clamp(22px,4vw,34px);
}
.page-news .news-log__item{
  border:1px solid var(--wb-line);
  border-left:3px solid rgba(255,107,74,.55);
  background:var(--news-panel);
}
.page-news .news-log__item[open]{
  background:rgba(18,43,64,.82);
  border-left-color:var(--wb-coral);
}
.page-news .news-log__item summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
  padding:16px 18px;
  cursor:pointer;
  list-style:none;
  font-family:var(--wb-font-display);
  font-size:clamp(18px,2.2vw,22px);
  color:var(--wb-text);
  transition:color var(--wb-dur) var(--wb-ease);
}
.page-news .news-log__item summary::-webkit-details-marker{
  display:none;
}
.page-news .news-log__item summary::after{
  content:"+";
  font-family:var(--wb-font-mono);
  font-size:20px;
  color:var(--wb-gold);
  line-height:1;
}
.page-news .news-log__item[open] summary::after{
  content:"−";
}
.page-news .news-log__item summary:hover,
.page-news .news-log__item summary:focus-visible{
  color:var(--wb-gold-light);
}
.page-news .news-log__title{
  flex:1 1 220px;
}
.page-news .news-log__badge{
  flex:0 0 auto;
}
.page-news .news-log__body{
  padding:0 18px 20px;
}
.page-news .news-log__meta{
  display:grid;
  gap:10px;
  grid-template-columns:1fr;
  margin:0 0 14px;
  padding:14px 0 0;
  border-top:1px dashed rgba(122,140,160,.3);
}
.page-news .news-log__meta dt{
  font-size:13px;
  letter-spacing:.14em;
  color:var(--wb-mist);
}
.page-news .news-log__meta dd{
  margin:4px 0 0;
  font-size:15px;
  color:var(--wb-gold-light);
}
.page-news .news-log__body p{
  margin:0;
  max-width:72ch;
  color:var(--wb-text-dim);
  line-height:1.85;
  font-size:15px;
}

.page-news .news-topics-section{
  border-top:1px solid var(--wb-line);
}
.page-news .news-filters{
  margin-top:clamp(18px,3vw,26px);
  flex-wrap:wrap;
}
.page-news .news-topics{
  display:grid;
  gap:clamp(12px,2.2vw,20px);
  grid-template-columns:1fr;
  margin-top:clamp(16px,2.6vw,26px);
}
.page-news .news-topic{
  padding:18px 18px 20px;
  border:1px solid var(--wb-line);
  background:linear-gradient(160deg, rgba(18,43,64,.7), rgba(11,27,43,.5));
  clip-path:polygon(0 0, 100% 0, 100% calc(100% - var(--wb-cut)), calc(100% - var(--wb-cut)) 100%, 0 100%);
  transition:border-color var(--wb-dur) var(--wb-ease), transform var(--wb-dur) var(--wb-ease);
}
.page-news .news-topic:hover{
  border-color:var(--news-hair);
  transform:translateY(-2px);
}
.page-news .news-topic__when{
  display:block;
  font-size:13px;
  color:var(--wb-cyan);
  letter-spacing:.08em;
}
.page-news .news-topic .wb-h3{
  margin:10px 0 8px;
}
.page-news .news-topic p{
  margin:0;
  color:var(--wb-text-dim);
  line-height:1.8;
  font-size:15px;
}
.page-news .news-topic__tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  list-style:none;
  margin:14px 0 0;
  padding:0;
}
.page-news .news-topic__tags li{
  padding:3px 9px;
  font-size:12px;
  letter-spacing:.08em;
  color:var(--wb-gold-light);
  border:1px solid var(--wb-line-gold);
}
.page-news .news-topic[hidden]{
  display:none;
}
.page-news .news-topics__media{
  margin-top:clamp(22px,3.6vw,34px);
  border:1px solid var(--news-hair);
}
.page-news .news-topics__media figcaption{
  padding:10px 14px;
  font-size:13px;
  color:var(--wb-mist);
  border-top:1px solid var(--wb-line);
}

.page-news .news-follow{
  border-top:1px solid var(--wb-line);
  padding-bottom:clamp(12px,3vw,32px);
}
.page-news .news-follow__grid{
  display:grid;
  gap:var(--news-gap);
  grid-template-columns:1fr;
  align-items:center;
}
.page-news .news-follow__media{
  border:1px solid var(--news-hair);
  background:var(--news-panel-deep);
}
.page-news .news-follow__media img{
  width:100%;
  object-fit:cover;
}
.page-news .news-follow__actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:clamp(18px,3vw,26px);
}
.page-news .news-follow__note{
  margin:16px 0 0;
  font-size:14px;
  color:var(--wb-mist);
}
.page-news .news-follow__note a{
  color:var(--wb-cyan);
}

@media (min-width:760px){
  .page-news .news-latest__grid{
    grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);
    align-items:start;
  }
  .page-news .news-log__meta{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .page-news .news-topics{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (min-width:1000px){
  .page-news .news-hero__grid{
    grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);
    align-items:end;
  }
  .page-news .news-hero__media{
    max-height:420px;
  }
  .page-news .news-rail{
    grid-template-columns:196px minmax(0,1fr);
  }
  .page-news .news-rail__bookmarks{
    flex-direction:column;
    flex-wrap:nowrap;
    position:sticky;
    top:120px;
    align-self:start;
  }
  .page-news .news-follow__grid{
    grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);
  }
}

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