.page-news {
  --news-radius: var(--cs-r-lg);
  --news-line: var(--cs-ink-14);
  background: var(--cs-ivory);
  color: var(--cs-ink);
  font-family: var(--cs-font-body);
  line-height: 1.7;
  overflow-x: hidden;
}

.page-news .cs-breadcrumb {
  padding: 18px 0 0;
  font-size: 13px;
}

.page-news .news-mast {
  position: relative;
  margin-top: 10px;
  padding: clamp(24px, 4vw, 44px) 0 clamp(26px, 4vw, 46px);
  border-bottom: 1px solid var(--cs-gold-line);
  background:
    radial-gradient(110% 80% at 8% 0%, rgba(212, 166, 74, .22), transparent 62%),
    linear-gradient(180deg, var(--cs-paper) 0%, var(--cs-ivory) 100%);
}

.page-news .news-mast__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(18px, 3vw, 30px);
  align-items: end;
}

.page-news .news-mast__title {
  margin: .08em 0 .14em;
  font-family: var(--cs-font-display);
  font-weight: 400;
  font-size: clamp(38px, 9vw, 72px);
  line-height: 1.02;
  letter-spacing: .06em;
  color: var(--cs-red-deep);
}

.page-news .news-mast__lede {
  margin: 0;
  max-width: 62ch;
  font-size: clamp(15px, 1.6vw, 17px);
  color: var(--cs-ink-70);
}

.page-news .news-mast__note {
  display: none;
  color: var(--cs-red);
  font-size: 12px;
  letter-spacing: .28em;
}

.page-news .news-mast__stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  margin: 0;
  padding: 0;
  border: 1px solid var(--cs-ink-08);
  border-radius: var(--cs-r-md);
  background: var(--cs-ink-08);
  overflow: hidden;
}

.page-news .news-stat {
  padding: 13px 15px;
  background: var(--cs-paper);
}

.page-news .news-stat dt {
  font-size: 12px;
  letter-spacing: .08em;
  color: var(--cs-ink-45);
}

.page-news .news-stat dd {
  margin: 5px 0 0;
  font-size: 19px;
  font-weight: 600;
  color: var(--cs-red-deep);
}

.page-news .news-stat dd .cs-mono {
  font-size: 22px;
}

.page-news .news-headline {
  padding: clamp(30px, 5vw, 60px) 0;
}

.page-news .news-headline__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(22px, 3vw, 36px);
}

.page-news .news-feature {
  border: 1px solid var(--news-line);
  border-radius: var(--news-radius);
  background: var(--cs-paper);
  box-shadow: var(--cs-shadow-1);
  overflow: hidden;
}

.page-news .news-feature__figure {
  margin: 0;
  border-bottom: 1px solid var(--cs-gold-line);
  background: var(--cs-paper-2);
}

.page-news .news-feature__figure img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 5 / 3;
  object-fit: cover;
}

.page-news .news-feature__body {
  padding: clamp(18px, 3vw, 30px);
}

.page-news .news-feature__kicker {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin: 0 0 10px;
}

.page-news .news-feature__code {
  font-size: 12px;
  letter-spacing: .1em;
  color: var(--cs-ink-45);
}

.page-news .news-feature__title,
.page-news .news-latest__title,
.page-news .news-band__title,
.page-news .news-topics__title,
.page-news .news-archive__title,
.page-news .news-submit__title {
  margin: 0 0 12px;
  font-family: var(--cs-font-display);
  font-weight: 400;
  font-size: clamp(24px, 3.2vw, 34px);
  line-height: 1.24;
  letter-spacing: .02em;
  color: var(--cs-ink);
}

.page-news .news-feature__text {
  margin: 0;
  font-size: 15.5px;
  color: var(--cs-ink-70);
}

.page-news .news-dims {
  margin-top: 16px;
  padding-top: 12px;
  border-top: 1px solid var(--news-line);
}

.page-news .news-dims > summary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  list-style: none;
  cursor: pointer;
  font-size: 13px;
  letter-spacing: .08em;
  color: var(--cs-red);
}

.page-news .news-dims > summary::-webkit-details-marker {
  display: none;
}

.page-news .news-dims > summary::after {
  content: "＋";
  font-family: var(--cs-font-mono);
  font-size: 14px;
  color: var(--cs-gold);
}

.page-news .news-dims[open] > summary::after {
  content: "－";
}

.page-news .news-dims__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
  margin-top: 14px;
}

.page-news .news-dim {
  padding: 12px 14px;
  border-left: 3px solid var(--cs-gold);
  border-radius: var(--cs-r-sm);
  background: var(--cs-paper-2);
}

.page-news .news-dim__title {
  margin: 0 0 4px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .12em;
  color: var(--cs-red-deep);
}

.page-news .news-dim p {
  margin: 0;
  font-size: 14px;
  color: var(--cs-ink-70);
}

.page-news .news-side {
  display: grid;
  gap: 16px;
  align-content: start;
}

.page-news .news-side__block {
  padding: clamp(16px, 2.4vw, 22px);
  border: 1px solid var(--news-line);
  border-radius: var(--news-radius);
  background: var(--cs-paper);
  box-shadow: var(--cs-shadow-1);
}

.page-news .news-side__block--gold {
  background: linear-gradient(160deg, var(--cs-gold-pale), var(--cs-paper) 78%);
  border-color: var(--cs-gold-line);
}

.page-news .news-side__title {
  margin: 0 0 10px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .12em;
  color: var(--cs-ink);
}

.page-news .news-catlist {
  list-style: none;
  margin: 0;
  padding: 0;
}

.page-news .news-catlist a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 9px 2px;
  border-bottom: 1px dashed var(--news-line);
  font-size: 14px;
  color: var(--cs-ink);
  text-decoration: none;
  transition: color .2s var(--cs-ease), padding-left .2s var(--cs-ease);
}

.page-news .news-catlist li:last-child a {
  border-bottom: 0;
}

.page-news .news-catlist a:hover,
.page-news .news-catlist a:focus-visible {
  color: var(--cs-red);
  padding-left: 6px;
}

.page-news .news-catlist .cs-mono {
  font-size: 11px;
  color: var(--cs-ink-45);
}

.page-news .news-side__tip {
  margin: 0 0 12px;
  font-size: 14px;
  color: var(--cs-ink-70);
}

.page-news .news-latest {
  padding: clamp(20px, 3vw, 34px) 0 clamp(10px, 2vw, 20px);
}

.page-news .news-latest__head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  padding-bottom: 10px;
  border-bottom: 2px solid var(--cs-ink);
}

.page-news .news-latest__title {
  margin: 0;
}

.page-news .news-latest__hint {
  margin: 0;
  font-size: 11.5px;
  letter-spacing: .14em;
  color: var(--cs-ink-45);
}

.page-news .news-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.page-news .news-item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 8px 16px;
  padding: clamp(18px, 2.6vw, 26px) 0;
  border-bottom: 1px solid var(--news-line);
}

.page-news .news-item__no {
  font-size: 20px;
  color: var(--cs-gold);
  letter-spacing: .04em;
  line-height: 1.4;
}

.page-news .news-item__body {
  min-width: 0;
}

.page-news .news-item__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin: 0 0 8px;
  font-size: 12px;
  letter-spacing: .06em;
  color: var(--cs-ink-45);
}

.page-news .news-tag--green {
  background: var(--cs-jade);
  color: var(--cs-green);
  border-color: transparent;
}

.page-news .news-tag--purple {
  background: rgba(59, 31, 78, .1);
  color: var(--cs-purple);
  border-color: transparent;
}

.page-news .news-tag--gold {
  background: var(--cs-gold-pale);
  color: var(--cs-red-deep);
  border-color: transparent;
}

.page-news .news-item__title {
  margin: 0 0 8px;
  font-family: var(--cs-font-display);
  font-weight: 400;
  font-size: clamp(19px, 2.4vw, 23px);
  line-height: 1.4;
  color: var(--cs-ink);
}

.page-news .news-item__sum {
  margin: 0;
  font-size: 14.5px;
  color: var(--cs-ink-70);
}

.page-news .news-item__more {
  margin-top: 10px;
}

.page-news .news-item__more > summary {
  cursor: pointer;
  font-size: 13px;
  letter-spacing: .06em;
  color: var(--cs-red);
}

.page-news .news-item__more p {
  margin: 10px 0 0;
  padding-left: 12px;
  border-left: 2px solid var(--cs-gold);
  font-size: 14px;
  color: var(--cs-ink-70);
}

.page-news .news-item__author {
  grid-column: 2;
  margin: 0;
  font-size: 11.5px;
  letter-spacing: .08em;
  color: var(--cs-ink-45);
}

.page-news .news-band {
  margin: clamp(24px, 4vw, 48px) 0;
  padding: clamp(22px, 4vw, 46px);
  border-radius: var(--news-radius);
  background:
    radial-gradient(90% 120% at 100% 0%, rgba(200, 16, 46, .42), transparent 62%),
    linear-gradient(135deg, var(--cs-purple), #22112e);
  color: var(--cs-ivory);
  box-shadow: var(--cs-shadow-2);
}

.page-news .news-band__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(18px, 3vw, 32px);
  align-items: center;
}

.page-news .news-band__eyebrow {
  color: var(--cs-gold);
  letter-spacing: .2em;
}

.page-news .news-band__text > p {
  margin: 0 0 14px;
  font-size: 15px;
  color: rgba(255, 248, 238, .82);
}

.page-news .news-band__title {
  color: var(--cs-ivory);
}

.page-news .news-band__list {
  display: grid;
  gap: 8px;
  margin: 0 0 20px;
  padding: 0;
  list-style: none;
}

.page-news .news-band__list li {
  position: relative;
  padding-left: 20px;
  font-size: 14.5px;
  color: rgba(255, 248, 238, .92);
}

.page-news .news-band__list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .62em;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--cs-gold);
}

.page-news .news-band__figure {
  margin: 0;
  border: 1px solid rgba(212, 166, 74, .45);
  border-radius: var(--cs-r-md);
  overflow: hidden;
}

.page-news .news-band__figure img {
  display: block;
  width: 100%;
  height: auto;
}

.page-news .news-topics {
  padding: clamp(18px, 3vw, 36px) 0 clamp(24px, 4vw, 40px);
}

.page-news .news-topics__head {
  display: grid;
  gap: 6px;
  margin-bottom: clamp(16px, 2.6vw, 26px);
}

.page-news .news-topics__title {
  margin: 0;
}

.page-news .news-topics__scroller {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(250px, 78%);
  gap: 14px;
  overflow-x: auto;
  padding-bottom: 14px;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
}

.page-news .news-topic {
  display: flex;
  flex-direction: column;
  scroll-snap-align: start;
  border: 1px solid var(--news-line);
  border-top: 3px solid var(--cs-red);
  border-radius: var(--cs-r-md);
  background: var(--cs-paper);
  box-shadow: var(--cs-shadow-1);
  overflow: hidden;
}

.page-news .news-topic--green {
  border-top-color: var(--cs-green);
}

.page-news .news-topic--purple {
  border-top-color: var(--cs-purple);
}

.page-news .news-topic--gold {
  border-top-color: var(--cs-gold);
}

.page-news .news-topic__figure {
  margin: 0;
  background: var(--cs-paper-2);
}

.page-news .news-topic__figure img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

.page-news .news-topic__body {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 8px;
  padding: 16px;
}

.page-news .news-topic__kicker {
  margin: 0;
  font-size: 11px;
  letter-spacing: .16em;
  color: var(--cs-ink-45);
}

.page-news .news-topic__title {
  margin: 0;
  font-family: var(--cs-font-display);
  font-weight: 400;
  font-size: 20px;
  line-height: 1.3;
  color: var(--cs-ink);
}

.page-news .news-topic__body p {
  margin: 0;
  font-size: 14px;
  color: var(--cs-ink-70);
}

.page-news .news-topic__link {
  margin-top: auto;
  padding-top: 6px;
  font-size: 13px;
  letter-spacing: .06em;
  color: var(--cs-red);
  text-decoration: none;
}

.page-news .news-topic__link:hover,
.page-news .news-topic__link:focus-visible {
  text-decoration: underline;
  text-underline-offset: 4px;
}

.page-news .news-archive {
  position: relative;
  padding: clamp(28px, 5vw, 56px) 0;
  overflow: hidden;
}

.page-news .news-archive__bg {
  position: absolute;
  right: -8%;
  top: -10%;
  z-index: 0;
  width: min(620px, 82%);
  height: auto;
  opacity: .14;
  pointer-events: none;
  -webkit-mask-image: radial-gradient(circle at 60% 40%, #000 30%, transparent 72%);
  mask-image: radial-gradient(circle at 60% 40%, #000 30%, transparent 72%);
}

.page-news .news-archive__inner {
  position: relative;
  z-index: 1;
}

.page-news .news-archive__title {
  margin: 0 0 8px;
}

.page-news .news-archive__lede {
  margin: 0;
  max-width: 56ch;
  font-size: 15px;
  color: var(--cs-ink-70);
}

.page-news .news-archive__cols {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 18px;
  margin-top: 22px;
}

.page-news .news-archive__col {
  padding-top: 12px;
  border-top: 1px solid var(--cs-gold-line);
}

.page-news .news-archive__coltitle {
  margin: 0 0 10px;
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: .16em;
  color: var(--cs-ink-45);
}

.page-news .news-archive__col ul {
  display: grid;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.page-news .news-archive__col a {
  font-size: 14.5px;
  color: var(--cs-ink);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: color .2s var(--cs-ease), border-color .2s var(--cs-ease);
}

.page-news .news-archive__col a:hover,
.page-news .news-archive__col a:focus-visible {
  color: var(--cs-red);
  border-bottom-color: var(--cs-gold);
}

.page-news .news-archive__tip {
  margin: 24px 0 0;
  padding-left: 12px;
  border-left: 2px solid var(--cs-gold);
  font-size: 13.5px;
  color: var(--cs-ink-45);
}

.page-news .news-submit {
  padding: 0 0 clamp(40px, 6vw, 80px);
}

.page-news .news-submit__inner {
  display: grid;
  gap: clamp(18px, 3vw, 32px);
  padding: clamp(22px, 4vw, 40px);
  border: 1px solid var(--cs-gold-line);
  border-radius: var(--news-radius);
  background:
    linear-gradient(135deg, rgba(200, 16, 46, .07), transparent 58%),
    var(--cs-paper);
}

.page-news .news-submit__title {
  margin: 6px 0 12px;
}

.page-news .news-submit__text {
  margin: 0;
  max-width: 60ch;
  font-size: 15px;
  color: var(--cs-ink-70);
}

.page-news .news-submit__list {
  display: grid;
  gap: 8px;
  margin: 0 0 16px;
  padding: 0;
  list-style: none;
  font-size: 14px;
  color: var(--cs-ink-70);
}

.page-news .news-submit__list li {
  position: relative;
  padding-left: 16px;
}

.page-news .news-submit__list li::before {
  content: "·";
  position: absolute;
  left: 4px;
  color: var(--cs-red);
  font-weight: 700;
}

.page-news .news-submit__contact {
  margin: 0 0 16px;
  font-size: 12.5px;
  line-height: 1.9;
  color: var(--cs-ink-70);
  word-break: break-word;
}

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

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

  .page-news .news-topics__scroller {
    grid-auto-columns: minmax(0, 300px);
  }
}

@media (min-width: 820px) {
  .page-news .news-item {
    grid-template-columns: 64px minmax(0, 1fr) 150px;
    align-items: start;
  }

  .page-news .news-item__author {
    grid-column: auto;
    justify-self: end;
    text-align: right;
    padding-top: 4px;
  }
}

@media (min-width: 880px) {
  .page-news .news-band__grid {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
  }

  .page-news .news-submit__inner {
    grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);
    align-items: center;
  }
}

@media (min-width: 960px) {
  .page-news .news-mast__grid {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
  }

  .page-news .news-mast__note {
    display: block;
    position: absolute;
    right: var(--cs-gutter);
    top: clamp(24px, 4vw, 44px);
    writing-mode: vertical-rl;
    letter-spacing: .34em;
    margin: 0;
  }

  .page-news .news-mast__stats {
    grid-column: 1 / -1;
    max-width: 760px;
  }

  .page-news .news-headline__grid {
    grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr);
    align-items: start;
  }

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

  .page-news .news-archive__bg {
    top: -18%;
    opacity: .16;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-news .news-catlist a,
  .page-news .news-archive__col a {
    transition: none;
  }

  .page-news .news-catlist a:hover,
  .page-news .news-catlist a:focus-visible {
    padding-left: 2px;
  }

  .page-news .news-topics__scroller {
    scroll-snap-type: none;
  }
}
<<<END>>>