.page-news { background: var(--color-black); color: var(--color-white); }

.page-news .breadcrumb { margin: 0 0 var(--space-3); }
.page-news .breadcrumb__item { color: var(--color-gray); font-size: 13px; }
.page-news .breadcrumb__link { color: var(--color-silver); text-decoration: none; transition: color .25s ease; }
.page-news .breadcrumb__link:hover,
.page-news .breadcrumb__link:focus { color: var(--color-green); text-decoration: underline; }

.page-news .news-index { display: flex; flex-wrap: wrap; gap: var(--space-1) var(--space-3); padding: var(--space-2) 0; margin-bottom: var(--space-4); border-bottom: var(--line-silver); }
.page-news .news-index__link { font-family: var(--font-data); font-size: 13px; text-decoration: none; color: var(--color-silver); padding: 4px 0; border-bottom: 2px solid transparent; transition: color .25s ease, border-color .25s ease; }
.page-news .news-index__link:hover,
.page-news .news-index__link:focus { color: var(--color-green); border-bottom-color: var(--color-orange); }

.page-news .news-hero { position: relative; padding: var(--space-4) 0 var(--space-5); border-bottom: var(--line-silver); overflow: hidden; background: radial-gradient(ellipse at 78% 0%, rgba(0,255,136,.14), transparent 52%), linear-gradient(135deg, var(--color-black) 0%, #111411 100%); }
.page-news .news-hero::before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(192,192,192,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(192,192,192,.05) 1px, transparent 1px); background-size: 44px 44px; -webkit-mask-image: radial-gradient(circle at 70% 30%, #000, transparent 72%); mask-image: radial-gradient(circle at 70% 30%, #000, transparent 72%); pointer-events: none; }
.page-news .news-hero__grid { position: relative; display: grid; gap: var(--space-4); }
.page-news .news-hero__intro { max-width: 880px; min-width: 0; }
.page-news .news-hero h1 { margin: var(--space-2) 0; font-family: var(--font-headline); font-weight: 900; font-size: clamp(42px, 8vw, 92px); line-height: .98; letter-spacing: .01em; text-transform: uppercase; color: var(--color-white); }
.page-news .news-hero__lead { font-family: var(--font-body); font-size: 17px; line-height: 1.75; color: var(--color-silver); max-width: 620px; }
.page-news .news-hero__badges { display: flex; flex-wrap: wrap; gap: var(--space-2); margin-top: var(--space-3); }
.page-news .news-hero__panel { border: var(--line-green); background: rgba(30,30,30,.86); padding: var(--space-3); display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--space-3); position: relative; backdrop-filter: blur(6px); min-width: 0; }
.page-news .news-hero__panel::before { content: ""; position: absolute; inset: -1px auto auto -1px; width: 26px; height: 26px; border-style: solid; border-color: var(--color-green); border-width: 2px 0 0 2px; }
.page-news .news-hero__panel-title { grid-column: 1 / -1; font-family: var(--font-data); font-size: 12px; letter-spacing: .18em; text-transform: uppercase; color: var(--color-gray); padding-bottom: var(--space-1); border-bottom: var(--line-silver); }
.page-news .stat__value { font-family: var(--font-data); font-size: 30px; color: var(--color-green); line-height: 1.1; }
.page-news .stat__label { font-size: 13px; color: var(--color-silver); margin-top: 6px; line-height: 1.4; }

.page-news .news-timeline { padding: var(--space-5) 0 0; }
.page-news .news-timeline__rail { position: relative; padding-left: 20px; min-width: 0; }
.page-news .news-timeline__rail::before { content: ""; position: absolute; left: 6px; top: 10px; bottom: 10px; width: 2px; background: linear-gradient(to bottom, var(--color-green), var(--color-orange) 72%, rgba(0,255,136,.08)); opacity: .8; }

.page-news .news-segment { position: relative; padding: var(--space-5) 0; border-bottom: var(--line-silver); }
.page-news .news-segment:last-child { border-bottom: none; }

.page-news .timeline-node { position: absolute; left: -20px; top: 28px; width: 14px; height: 14px; background: var(--color-green); transform: rotate(45deg); box-shadow: 0 0 18px rgba(0,255,136,.7); z-index: 1; }
.page-news .timeline-node--orange { background: var(--color-orange); box-shadow: 0 0 18px rgba(255,107,0,.5); }
.page-news #hot-topics .timeline-node { width: 16px; height: 18px; transform: none; background: linear-gradient(to top, var(--color-orange) 0 6px, transparent 6px), linear-gradient(to top, var(--color-green) 0 14px, transparent 14px); background-position: left bottom, right bottom; background-size: 7px 18px, 7px 18px; background-repeat: no-repeat; box-shadow: none; }

.page-news .news-segment__head { display: flex; flex-direction: column; gap: var(--space-2); margin-bottom: var(--space-4); }
.page-news .news-segment__title { font-family: var(--font-headline); font-size: clamp(34px, 5vw, 64px); font-weight: 900; line-height: 1; text-transform: uppercase; color: var(--color-white); letter-spacing: .02em; }
.page-news .news-segment__timecode { align-self: flex-start; font-family: var(--font-data); font-size: 13px; color: var(--color-green); background: rgba(0,255,136,.08); border-left: 2px solid var(--color-green); padding: 4px 10px; }
.page-news .news-segment__grid { display: grid; gap: var(--space-4); min-width: 0; }

.page-news .news-featured { overflow: hidden; min-width: 0; }
.page-news .news-featured__media-wrap { position: relative; display: block; overflow: hidden; }
.page-news .news-featured__media { width: 100%; height: auto; display: block; object-fit: cover; transition: transform .6s ease; }
.page-news .news-featured:hover .news-featured__media { transform: scale(1.02); }
.page-news .news-featured__timecode { position: absolute; left: 12px; bottom: 12px; font-family: var(--font-data); font-size: 12px; color: var(--color-black); background: var(--color-green); padding: 4px 8px; text-transform: uppercase; letter-spacing: .1em; }
.page-news .news-featured__body { padding: var(--space-3); }
.page-news .news-featured__body h3 { font-family: var(--font-headline); font-size: 26px; line-height: 1.18; margin: var(--space-2) 0; color: var(--color-white); }
.page-news .news-featured__body p { color: var(--color-gray); font-size: 15px; line-height: 1.7; margin-bottom: var(--space-3); }

.page-news .news-distribution { padding: var(--space-3); display: flex; flex-direction: column; gap: var(--space-2); min-width: 0; }
.page-news .news-distribution__header { display: flex; justify-content: space-between; align-items: center; gap: var(--space-2); }
.page-news .news-distribution__update { font-family: var(--font-data); color: var(--color-green); font-size: 12px; }
.page-news .news-distribution__media { width: 100%; height: auto; display: block; object-fit: cover; border: var(--line-silver); }
.page-news .news-distribution__desc { font-size: 14px; line-height: 1.7; color: var(--color-silver); margin: 0; }

.page-news .news-timeline__list { list-style: none; margin: var(--space-4) 0 0; padding: 0; display: grid; gap: var(--space-3); }
.page-news .news-timeline__item { display: grid; grid-template-columns: 64px 1fr; gap: var(--space-2); align-items: start; min-width: 0; }
.page-news .news-timeline__date { font-family: var(--font-data); color: var(--color-green); font-size: 13px; text-align: right; padding-top: 14px; }
.page-news .news-timeline__card { border-left: 2px solid var(--color-green-dark); background: var(--color-gray-dark); padding: var(--space-2); transition: border-color .3s ease, transform .3s ease, background .3s ease; min-width: 0; }
.page-news .news-timeline__item:hover .news-timeline__card { border-color: var(--color-orange); transform: translateX(4px); background: #242424; }
.page-news .news-timeline__card h4 { font-size: 17px; margin: var(--space-1) 0 6px; color: var(--color-white); font-family: var(--font-body); font-weight: 700; line-height: 1.45; }
.page-news .news-timeline__card p { color: var(--color-gray); font-size: 14px; margin: 0; line-height: 1.65; }
.page-news .pitch-map { width: 100%; max-width: 320px; height: auto; display: block; margin-top: var(--space-2); }

.page-news .version-delta { display: flex; align-items: stretch; gap: var(--space-3); margin-bottom: var(--space-3); background: var(--color-gray-dark); border-left: 4px solid var(--color-green); padding: var(--space-3); position: relative; overflow: hidden; }
.page-news .version-delta::after { content: ""; position: absolute; right: -30px; top: -30px; width: 80px; height: 80px; border: 2px solid rgba(0,255,136,.12); transform: rotate(45deg); }
.page-news .version-delta__num { font-family: var(--font-data); font-size: clamp(44px, 6vw, 72px); line-height: 1; color: var(--color-green); min-width: .8em; animation: newsPulse 2.6s ease-in-out infinite; }
.page-news .version-delta__body { display: flex; flex-direction: column; justify-content: center; gap: 6px; }
.page-news .version-delta__title { font-size: 18px; font-weight: 700; color: var(--color-white); font-family: var(--font-body); line-height: 1.3; }
.page-news .version-delta__sub { font-size: 13px; color: var(--color-gray); line-height: 1.5; }

.page-news .version-compare { display: grid; grid-template-columns: 1fr auto 1fr; gap: var(--space-2); align-items: stretch; margin-bottom: var(--space-3); }
.page-news .version-compare__column { border: var(--line-silver); padding: var(--space-3); background: var(--color-gray-dark); position: relative; overflow: hidden; min-width: 0; }
.page-news .version-compare__column--new { border-color: rgba(0,255,136,.4); background: linear-gradient(140deg, rgba(0,255,136,.06), var(--color-gray-dark) 55%); }
.page-news .version-compare__label { font-family: var(--font-data); font-size: 12px; text-transform: uppercase; letter-spacing: .12em; color: var(--color-gray); }
.page-news .version-compare__column--new .version-compare__label { color: var(--color-green); }
.page-news .version-compare__dots { display: flex; gap: 6px; margin: var(--space-2) 0; min-height: 28px; align-items: center; flex-wrap: wrap; }
.page-news .version-compare__dot { width: 10px; height: 10px; background: var(--color-silver); transform: rotate(45deg); }
.page-news .version-compare__column--new .version-compare__dot { background: var(--color-green); box-shadow: 0 0 10px rgba(0,255,136,.4); }
.page-news .version-compare__note { font-size: 14px; color: var(--color-silver); margin: 0; line-height: 1.6; }
.page-news .version-compare__arrow { align-self: center; color: var(--color-orange); font-family: var(--font-data); font-size: 30px; line-height: 1; }

.page-news .news-figure { margin: 0 0 var(--space-3); border: var(--line-silver); background: var(--color-gray-dark); }
.page-news .news-figure__media { display: block; width: 100%; height: auto; object-fit: cover; }
.page-news .news-figure__caption { padding: var(--space-2); font-size: 13px; color: var(--color-gray); font-family: var(--font-body); line-height: 1.5; }

.page-news .news-segment__announce { display: grid; gap: var(--space-3); margin-bottom: var(--space-4); min-width: 0; }
.page-news .announce-item { padding: var(--space-3); border-left: 3px solid var(--color-green); background: var(--color-gray-dark); position: relative; transition: transform .3s ease, box-shadow .3s ease; min-width: 0; }
.page-news .announce-item:hover { transform: translateY(-3px); box-shadow: var(--shadow-panel); }
.page-news .announce-item h3 { font-size: 19px; margin: var(--space-2) 0 var(--space-1); color: var(--color-white); font-family: var(--font-body); font-weight: 700; line-height: 1.4; }
.page-news .announce-item p { font-size: 14px; color: var(--color-gray); line-height: 1.7; margin-bottom: var(--space-2); }
.page-news .announce-item .btn { margin-top: var(--space-1); }
.page-news .subscribe-steps { margin-top: var(--space-2); border: var(--line-silver); background: rgba(0,0,0,.2); margin-bottom: var(--space-2); }
.page-news .subscribe-steps summary { cursor: pointer; font-size: 14px; color: var(--color-green); padding: var(--space-1) var(--space-2); font-family: var(--font-body); }
.page-news .subscribe-steps summary:hover { color: var(--color-white); }
.page-news .subscribe-steps ol { margin: 0; padding: 0 var(--space-4) var(--space-2); color: var(--color-silver); font-size: 13px; line-height: 1.8; }

.page-news .news-focus-grid { display: grid; gap: var(--space-3); min-width: 0; }
.page-news .news-focus-card { padding: var(--space-3); background: var(--color-gray-dark); border: var(--line-silver); position: relative; transition: border-color .3s ease, transform .3s ease; overflow: hidden; min-width: 0; }
.page-news .news-focus-card::after { content: ""; position: absolute; right: -18px; bottom: -18px; width: 48px; height: 48px; background: var(--color-green); opacity: .08; transform: rotate(45deg); transition: opacity .3s ease, transform .3s ease; }
.page-news .news-focus-card:hover { border-color: var(--color-green); transform: translateY(-4px); }
.page-news .news-focus-card:hover::after { opacity: .22; transform: rotate(45deg) scale(1.3); }
.page-news .news-focus-card h3 { font-size: 18px; line-height: 1.4; margin: var(--space-2) 0 var(--space-1); color: var(--color-white); font-family: var(--font-body); font-weight: 700; }
.page-news .news-focus-card p { font-size: 14px; color: var(--color-gray); line-height: 1.7; margin: 0; }

.page-news .news-subscribe { padding: var(--space-5) 0 var(--space-6); }
.page-news .news-subscribe__card { display: grid; gap: var(--space-4); border: var(--line-green); background: linear-gradient(135deg, #12170f, var(--color-gray-dark) 65%); padding: var(--space-4); position: relative; overflow: hidden; min-width: 0; }
.page-news .news-subscribe__card::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 3px; background: linear-gradient(90deg, var(--color-green), var(--color-orange), transparent); }
.page-news .news-subscribe__content { min-width: 0; }
.page-news .news-subscribe__content h2 { font-family: var(--font-headline); font-size: clamp(28px, 4vw, 42px); margin: var(--space-2) 0; line-height: 1.1; color: var(--color-white); }
.page-news .news-subscribe__content p { color: var(--color-silver); line-height: 1.7; font-size: 15px; }
.page-news .news-subscribe__actions { display: flex; flex-wrap: wrap; gap: var(--space-2); margin-top: var(--space-3); }
.page-news .news-subscribe__media { margin: 0; min-width: 0; }
.page-news .news-subscribe__media img { width: 100%; height: auto; display: block; object-fit: cover; border: var(--line-silver); }
.page-news .news-subscribe__note { font-family: var(--font-data); font-size: 13px; color: var(--color-green); margin-top: var(--space-3); }

@keyframes newsPulse {
  0%, 100% { text-shadow: 0 0 18px rgba(0,255,136,.25); }
  50% { text-shadow: 0 0 34px rgba(0,255,136,.65); }
}

@media (min-width: 768px) {
  .page-news .news-hero__grid { grid-template-columns: 1.5fr 1fr; align-items: end; gap: var(--space-5); }
  .page-news .news-hero__panel { grid-template-columns: repeat(2, 1fr); }

  .page-news .news-segment__grid { grid-template-columns: 1.25fr .85fr; align-items: start; }
  .page-news .news-timeline__item { grid-template-columns: 96px 1fr; }
  .page-news .news-segment__announce { grid-template-columns: repeat(3, 1fr); }
  .page-news .news-focus-grid { grid-template-columns: repeat(3, 1fr); }

  .page-news .news-subscribe__card { grid-template-columns: 1fr .8fr; align-items: center; gap: var(--space-5); }
  .page-news .news-subscribe__media img { max-height: 420px; }
}