.news-page { --pk-bg: #0f0f0f; --pk-panel: #1c1917; --pk-panel-2: #292524; --pk-ink: #fafaf9; --pk-ink-2: #a8a29e; --pk-ink-3: #78716c; --pk-line: rgba(214, 211, 209, .1); --pk-line-2: rgba(214, 211, 209, .2); --serif: "DM Serif Display", Georgia, serif; background: var(--pk-bg); color: var(--pk-ink); }
.news-page .foot { background: none; }
.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.nw-bg { position: fixed; inset: 0; z-index: -1; pointer-events: none; background: radial-gradient(60% 50% at 62% 0%, rgba(250, 250, 249, .09), transparent 70%), radial-gradient(40% 40% at 10% 30%, rgba(255, 42, 20, .06), transparent 70%), var(--pk-bg); }

.nw-hero { padding: clamp(120px, 13vw, 170px) 0 clamp(40px, 5vw, 64px); border-bottom: 1px solid var(--pk-line); }
.nw-title { margin: 18px 0 0; font: 400 clamp(56px, 8.4vw, 132px)/.95 var(--serif); letter-spacing: -.01em; color: var(--pk-ink); }
.nw-title em, .nw-h2 em { font-style: italic; color: var(--pk-ink-2); }
.nw-lede { max-width: 620px; margin: 22px 0 0; font-size: clamp(16px, 1.3vw, 19px); line-height: 1.6; color: var(--pk-ink-2); }
.nw-live { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: clamp(30px, 3.6vw, 48px) 0 0; border: 1px solid var(--pk-line); border-radius: 10px; overflow: hidden; background: rgba(28, 25, 23, .55); }
.nw-live > div { padding: 16px 20px; }
.nw-live > div + div { border-left: 1px solid var(--pk-line); }
.nw-live dt { color: var(--pk-ink-3); }
.nw-live dd { margin: 6px 0 0; font: 400 clamp(26px, 2.4vw, 36px)/1 var(--serif); font-variant-numeric: tabular-nums; }
.nw-live > div:first-child dt::before { content: ""; display: inline-block; width: 6px; height: 6px; margin-right: 8px; border-radius: 50%; background: var(--red); box-shadow: 0 0 8px var(--red); vertical-align: 1px; animation: nw-pulse 2.4s ease-in-out infinite; }
@keyframes nw-pulse { 50% { opacity: .35; } }

.nw-sec { padding: clamp(56px, 7vw, 100px) 0; border-bottom: 1px solid var(--pk-line); }
.nw-sec--top { padding-top: clamp(36px, 4vw, 56px); }
.nw-head { display: flex; justify-content: space-between; align-items: end; gap: 20px 40px; flex-wrap: wrap; margin-bottom: 30px; }
.nw-h2 { margin: 12px 0 0; font: 400 clamp(40px, 5.2vw, 76px)/1 var(--serif); }
.nw-note { max-width: 440px; margin: 0; color: var(--pk-ink-2); font-size: 15px; line-height: 1.6; }

.nw-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; font-size: 12px; color: var(--pk-ink-3); }
.nw-src { font-weight: 600; color: var(--pk-ink); }
.nw-kind { padding: 2px 7px; border-radius: 999px; background: rgba(250, 250, 249, .06); color: var(--pk-ink-2); font-size: 11px; }
.nw-src--official::before { content: ""; display: inline-block; width: 6px; height: 6px; margin-right: 6px; border-radius: 50%; background: var(--pk-ink); vertical-align: 1px; }
.nw-flag { color: var(--red); }

.nw-top { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(280px, 1fr); gap: 20px; }
.nw-lead { position: relative; display: flex; flex-direction: column; border: 1px solid var(--pk-line); border-radius: 12px; overflow: hidden; background: var(--pk-panel); }
.nw-lead__img { position: relative; aspect-ratio: 16 / 7; background: center / cover no-repeat var(--pk-panel-2); filter: grayscale(.35) contrast(1.05); }
.nw-lead__img::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to bottom, transparent 40%, var(--pk-panel)), repeating-linear-gradient(to bottom, transparent 0 2px, rgba(0, 0, 0, .3) 2px 3px); }
.nw-lead__body { display: flex; flex-direction: column; gap: 14px; padding: clamp(22px, 2.6vw, 34px); }
.nw-lead:not(.has-img) .nw-lead__body { justify-content: center; min-height: 100%; }
.nw-lead__t { margin: 0; font: 400 clamp(30px, 3.2vw, 50px)/1.05 var(--serif); }
.nw-lead__t a:hover, .nw-card__t a:hover, .nw-latest a:hover, .nw-ref__t:hover, .nw-video:hover .nw-video__t { color: var(--pk-ink-2); }
.nw-lead p { margin: 0; color: var(--pk-ink-2); font-size: 15.5px; line-height: 1.65; max-width: 64ch; }
.nw-read { align-self: flex-start; display: inline-flex; align-items: center; margin-top: 4px; padding: 11px 16px; border: 1px solid var(--pk-line-2); border-radius: 999px; font: 600 12px var(--f-ui); letter-spacing: .08em; text-transform: uppercase; transition: background .2s, border-color .2s; }
.nw-read:hover { background: rgba(250, 250, 249, .06); border-color: rgba(250, 250, 249, .4); }
.nw-latest { padding: 22px; border: 1px solid var(--pk-line); border-radius: 12px; background: rgba(28, 25, 23, .5); }
.nw-latest h3 { margin: 0 0 6px; color: var(--pk-ink-3); }
.nw-latest ol { list-style: none; margin: 0; padding: 0; }
.nw-latest li { display: grid; gap: 6px; padding: 14px 0; border-bottom: 1px solid var(--pk-line); }
.nw-latest li:last-child { border-bottom: 0; padding-bottom: 0; }
.nw-latest a { font: 400 18px/1.25 var(--serif); }

.nw-switch { display: inline-flex; align-items: center; gap: 12px; cursor: pointer; max-width: 360px; }
.nw-switch input { position: absolute; opacity: 0; pointer-events: none; }
.nw-switch__ui { position: relative; flex: none; width: 42px; height: 24px; border-radius: 999px; background: var(--pk-panel-2); border: 1px solid var(--pk-line-2); transition: background .2s; }
.nw-switch__ui::after { content: ""; position: absolute; top: 3px; left: 3px; width: 16px; height: 16px; border-radius: 50%; background: var(--pk-ink-2); transition: transform .25s var(--ease), background .2s; }
.nw-switch input:checked + .nw-switch__ui { background: var(--red); border-color: var(--red); }
.nw-switch input:checked + .nw-switch__ui::after { transform: translateX(18px); background: #fff; }
.nw-switch input:focus-visible + .nw-switch__ui { outline: 2px solid var(--pk-ink); outline-offset: 2px; }
.nw-switch b { display: block; font-size: 14px; }
.nw-switch small { display: block; color: var(--pk-ink-3); font-size: 12.5px; }

.nw-bar { position: sticky; top: 71px; z-index: 20; display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; padding: 12px 0; margin-bottom: 20px; background: rgba(15, 15, 15, .9); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-bottom: 1px solid var(--pk-line); }
.nw-tabs { display: flex; gap: 4px; flex-wrap: wrap; }
.nw-tabs button { padding: 9px 14px; border: 1px solid transparent; border-radius: 999px; background: none; color: var(--pk-ink-2); font: 600 13px var(--f-ui); cursor: pointer; transition: all .2s; }
.nw-tabs button:hover { color: var(--pk-ink); }
.nw-tabs button.is-on { color: var(--pk-bg); background: var(--pk-ink); }
.nw-search input { height: 40px; width: min(260px, 60vw); padding: 0 14px; border: 1px solid var(--pk-line-2); border-radius: 999px; background: var(--pk-panel); color: var(--pk-ink); font: 500 14px var(--f-ui); }
.nw-search input:focus { outline: none; border-color: rgba(250, 250, 249, .45); }

.nw-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 14px; }
.nw-card { display: flex; flex-direction: column; gap: 12px; padding: 20px; border: 1px solid var(--pk-line); border-radius: 12px; background: rgba(28, 25, 23, .6); transition: border-color .25s, background .25s, transform .3s var(--ease); }
.nw-card:hover { border-color: var(--pk-line-2); background: var(--pk-panel); transform: translateY(-2px); }
.nw-card--official { border-color: rgba(250, 250, 249, .16); }
.nw-card__thumb { position: relative; display: block; aspect-ratio: 16 / 9; margin: -20px -20px 4px; background: center / cover no-repeat #000; border-radius: 12px 12px 0 0; }
.nw-card__t { margin: 0; font: 400 22px/1.2 var(--serif); }
.nw-card p { margin: 0; color: var(--pk-ink-2); font-size: 14px; line-height: 1.6; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.nw-chips { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: auto; padding-top: 4px; }
.nw-chips .label { color: var(--pk-ink-3); margin-right: 2px; }
.nw-chip { padding: 4px 10px; border: 1px dashed var(--pk-line-2); border-radius: 999px; background: none; color: var(--pk-ink); font: 500 12px var(--f-ui); cursor: help; transition: all .2s; }
.nw-chip:hover { border-style: solid; border-color: var(--red); color: #fff; }
.nw-term { padding: 0; border: 0; background: none; color: inherit; font: inherit; cursor: help; text-decoration: underline dashed; text-decoration-color: rgba(255, 42, 20, .7); text-underline-offset: .18em; text-decoration-thickness: 1px; }
.nw-term:hover { color: #fff; text-decoration-style: solid; }
.nw-more { display: flex; justify-content: center; margin-top: 26px; }
.nw-empty { color: var(--pk-ink-2); padding: 20px 0; }

.nw-pop { position: fixed; z-index: 100; padding: 16px 18px; border: 1px solid var(--pk-line-2); border-radius: 10px; background: #1c1917; box-shadow: 0 24px 60px -20px rgba(0, 0, 0, .8); }
.nw-pop b { display: block; font: 400 22px/1.1 var(--serif); }
.nw-pop p { margin: 8px 0 10px; color: var(--pk-ink-2); font-size: 14px; line-height: 1.55; }
.nw-pop a { font: 600 11px var(--f-ui); letter-spacing: .12em; text-transform: uppercase; color: var(--red-hot); }

.nw-gov { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(300px, 1fr); gap: 20px; align-items: start; }
.nw-refs { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.nw-ref { display: grid; gap: 10px; padding: 18px 20px; border: 1px solid var(--pk-line); border-radius: 12px; background: rgba(28, 25, 23, .6); }
.nw-ref__top { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 12px; color: var(--pk-ink-3); }
.nw-ref__n { font-weight: 700; color: var(--pk-ink); font-variant-numeric: tabular-nums; }
.nw-ref__track { padding: 2px 8px; border-radius: 999px; background: rgba(250, 250, 249, .06); color: var(--pk-ink-2); }
.nw-ref__state { margin-left: auto; font-weight: 600; color: var(--pk-ink-2); }
.nw-ref__state--confirming { color: var(--pk-ink); }
.nw-ref__t { font: 400 20px/1.25 var(--serif); }
.nw-ref__bar { height: 6px; border-radius: 999px; background: rgba(250, 250, 249, .12); overflow: hidden; }
.nw-ref__bar i { display: block; height: 100%; background: var(--pk-ink); border-radius: 999px; }
.nw-ref__nums { display: flex; justify-content: space-between; gap: 10px; font-size: 12px; color: var(--pk-ink-3); font-variant-numeric: tabular-nums; }
.nw-how { position: sticky; top: 90px; padding: 24px; border: 1px solid var(--pk-line-2); border-radius: 12px; background: var(--pk-panel); }
.nw-how h3 { margin: 0 0 16px; color: var(--pk-ink-3); }
.nw-how ol { list-style: none; counter-reset: s; margin: 0 0 20px; padding: 0; display: grid; gap: 14px; }
.nw-how li { counter-increment: s; display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 2px 12px; }
.nw-how li::before { content: counter(s); grid-row: 1 / 3; display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; border: 1px solid var(--pk-line-2); font: 400 16px var(--serif); }
.nw-how b { font-size: 15px; }
.nw-how span { color: var(--pk-ink-2); font-size: 13.5px; line-height: 1.55; }

.nw-videos { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.nw-video { display: grid; gap: 10px; }
.nw-video__thumb { position: relative; display: block; aspect-ratio: 16 / 9; border-radius: 10px; overflow: hidden; background: center / cover no-repeat #000; border: 1px solid var(--pk-line); }
.nw-video__thumb::after { content: ""; position: absolute; inset: 0; background: repeating-linear-gradient(to bottom, transparent 0 2px, rgba(0, 0, 0, .25) 2px 3px); }
.nw-video__t { font: 400 18px/1.25 var(--serif); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.nw-video__d { color: var(--pk-ink-3); font-size: 12px; }
.nw-play { position: absolute; left: 50%; top: 50%; z-index: 1; width: 52px; height: 52px; margin: -26px 0 0 -26px; border-radius: 50%; background: rgba(15, 15, 15, .7); border: 1px solid rgba(250, 250, 249, .5); transition: transform .25s var(--ease), background .25s; }
.nw-play::after { content: ""; position: absolute; left: 21px; top: 17px; border-left: 14px solid var(--pk-ink); border-top: 9px solid transparent; border-bottom: 9px solid transparent; }
.nw-video:hover .nw-play, .nw-card__thumb:hover .nw-play { transform: scale(1.08); background: var(--red); border-color: var(--red); }

.nw-steps { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; border: 1px solid var(--pk-line); border-radius: 12px; overflow: hidden; background: var(--pk-line); }
.nw-steps li { display: flex; flex-direction: column; gap: 10px; padding: 24px; background: var(--pk-bg); }
.nw-steps b { font-size: 34px; line-height: 1; color: var(--red); }
.nw-steps h3 { margin: 4px 0 0; font: 400 26px/1.1 var(--serif); }
.nw-steps p { margin: 0; color: var(--pk-ink-2); font-size: 14px; line-height: 1.6; flex: 1; }
.nw-steps a { font: 600 12px var(--f-ui); letter-spacing: .08em; text-transform: uppercase; color: var(--pk-ink); border-bottom: 1px solid var(--pk-line-2); align-self: flex-start; padding-bottom: 2px; }
.nw-steps a:hover { color: var(--red-hot); border-color: var(--red-hot); }

.nw-gloss { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 12px; }
.nw-gl { padding: 18px 20px; border: 1px solid var(--pk-line); border-radius: 12px; background: rgba(28, 25, 23, .5); transition: border-color .4s, background .4s; scroll-margin-top: 140px; }
.nw-gl.is-hit { border-color: var(--red); background: rgba(255, 42, 20, .08); }
.nw-gl h3 { margin: 0 0 6px; font: 400 22px/1.15 var(--serif); }
.nw-gl p { margin: 0; color: var(--pk-ink-2); font-size: 14px; line-height: 1.6; }
.nw-foot { padding: 30px var(--gutter) 60px; color: var(--pk-ink-3); font-size: 13px; }

@media (max-width: 1000px) {
  .nw-top, .nw-gov { grid-template-columns: minmax(0, 1fr); }
  .nw-how { position: static; }
  .nw-videos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .nw-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .nw-live { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .nw-live > div:nth-child(3) { border-left: 0; }
  .nw-live > div:nth-child(n + 3) { border-top: 1px solid var(--pk-line); }
  .nw-bar { top: 64px; }
  .nw-tabs { width: 100%; overflow-x: auto; flex-wrap: nowrap; }
  .nw-tabs button { flex: none; }
  .nw-search, .nw-search input { width: 100%; }
  .nw-grid, .nw-videos, .nw-steps { grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-reduced-motion: reduce) { .nw-live > div:first-child dt::before { animation: none; } }