.page-news{
  --news-rule:rgba(12,26,42,.12);
  --news-rule-soft:rgba(232,200,143,.24);
  --news-body:#3B444F;
  background:var(--paper);
  color:var(--graphite);
}

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

.page-news .media-frame{
  position:relative;
  overflow:hidden;
  border-radius:var(--r-lg);
  background:var(--ink);
}
.page-news .media-frame img{width:100%;height:100%;object-fit:cover;}

.page-news .eyebrow{
  font-family:var(--font-mono);
  font-size:.75rem;
  letter-spacing:.14em;
  color:var(--copper);
  margin:0 0 14px;
}

.page-news .breadcrumb{margin-bottom:22px;}
.page-news .breadcrumb__list{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  list-style:none;
  margin:0;
  padding:0;
  font-family:var(--font-mono);
  font-size:.75rem;
  color:#5A6572;
}
.page-news .breadcrumb__item + .breadcrumb__item::before{
  content:"/";
  margin-right:8px;
  color:var(--copper);
}
.page-news .breadcrumb__link{
  color:var(--dye);
  text-decoration:none;
}
.page-news .breadcrumb__link:hover{text-decoration:underline;}

/* ---------- hero ---------- */
.page-news .news-hero{
  position:relative;
  overflow:hidden;
  padding:calc(var(--header-space) + 12px) 0 48px;
  background:var(--paper);
}
.page-news .news-hero::before{
  content:"";
  position:absolute;
  top:-160px;
  right:-140px;
  width:380px;
  height:380px;
  border-radius:50%;
  background:radial-gradient(circle at 32% 32%,rgba(232,200,143,.55),rgba(245,239,228,0) 70%);
  pointer-events:none;
}
.page-news .news-hero__inner{
  position:relative;
  display:grid;
  gap:36px;
}
.page-news .news-hero h1{
  font-size:clamp(2rem,7.4vw,3.4rem);
  line-height:1.12;
  font-weight:900;
  letter-spacing:-.02em;
  color:var(--ink);
  margin:0 0 18px;
}
.page-news .news-hero__lead{
  font-size:1rem;
  line-height:1.85;
  color:var(--news-body);
  max-width:46ch;
  margin:0;
}
.page-news .hero-stats{
  display:flex;
  flex-wrap:wrap;
  gap:16px 28px;
  margin:26px 0 0;
  padding:0;
  list-style:none;
}
.page-news .hero-stats li{
  display:flex;
  flex-direction:column;
  gap:2px;
  padding-left:14px;
  border-left:2px solid var(--copper);
}
.page-news .hero-stats .num{
  font-family:var(--font-mono);
  font-size:1.25rem;
  font-weight:700;
  color:var(--ink);
}
.page-news .hero-stats .lbl{
  font-size:.8125rem;
  color:#54606D;
}
.page-news .hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:28px;
}

.page-news .news-stack{
  display:grid;
  gap:10px;
  max-width:430px;
}
.page-news .stack-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:16px 20px;
  border-radius:var(--r-lg);
  background:var(--ink);
  color:var(--paper);
}
.page-news .stack-card:nth-child(2){background:var(--dye);}
.page-news .stack-card:nth-child(3){
  background:var(--white);
  color:var(--ink);
  border:1px solid var(--news-rule);
}
.page-news .sc-label{font-size:.9375rem;font-weight:600;}
.page-news .sc-no{
  font-family:var(--font-mono);
  font-size:.8125rem;
  color:var(--copper-soft);
}
.page-news .stack-card:nth-child(3) .sc-no{color:var(--copper);}

/* ---------- shared section rhythm ---------- */
.page-news .news-section{padding:48px 0;}
.page-news .section-head{max-width:660px;margin-bottom:26px;}
.page-news .section-head h2{
  font-size:clamp(1.55rem,4.6vw,2.2rem);
  line-height:1.24;
  font-weight:900;
  letter-spacing:-.01em;
  color:var(--ink);
  margin:0 0 12px;
}
.page-news .section-head p{
  margin:0;
  font-size:1rem;
  line-height:1.85;
  color:var(--news-body);
}

.page-news .directory-banner{margin:0 0 26px;}
.page-news .directory-banner .media-frame{aspect-ratio:1200/600;}

/* ---------- directory layout ---------- */
.page-news .news-layout{position:relative;display:grid;gap:22px;}

.page-news .cat-input{
  position:absolute;
  width:1px;
  height:1px;
  margin:0;
  opacity:0;
  pointer-events:none;
}

.page-news .news-rail{
  background:var(--white);
  border:1px solid var(--news-rule);
  border-radius:var(--r-lg);
  padding:18px 20px;
}
.page-news .rail-title{
  font-family:var(--font-mono);
  font-size:.75rem;
  letter-spacing:.16em;
  color:var(--copper);
  margin:0 0 12px;
}
.page-news .cat-group{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:16px;
}
.page-news .cat-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 14px;
  border:1px solid var(--news-rule);
  border-radius:var(--r-pill);
  font-size:.875rem;
  font-weight:500;
  color:var(--ink);
  cursor:pointer;
  transition:background var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease);
}
.page-news .cat-pill:hover{
  border-color:var(--copper);
  color:var(--dye);
}
.page-news .cat-count{
  font-family:var(--font-mono);
  font-size:.75rem;
  color:var(--copper);
}
.page-news .cat-pill:hover .cat-count,
.page-news .cat-input:checked ~ .news-rail .cat-count{color:var(--copper-soft);}

.page-news #cat-all:checked ~ .news-rail label[for="cat-all"],
.page-news #cat-change:checked ~ .news-rail label[for="cat-change"],
.page-news #cat-device:checked ~ .news-rail label[for="cat-device"],
.page-news #cat-download:checked ~ .news-rail label[for="cat-download"],
.page-news #cat-catalog:checked ~ .news-rail label[for="cat-catalog"]{
  background:var(--ink);
  border-color:var(--ink);
  color:var(--paper);
}

.page-news #cat-change:checked ~ .news-stream .entry:not([data-cat="change"]),
.page-news #cat-device:checked ~ .news-stream .entry:not([data-cat="device"]),
.page-news #cat-download:checked ~ .news-stream .entry:not([data-cat="download"]),
.page-news #cat-catalog:checked ~ .news-stream .entry:not([data-cat="catalog"]){display:none;}

.page-news .rail-note{
  margin:0;
  padding-top:14px;
  border-top:1px solid var(--news-rule);
  font-size:.8125rem;
  line-height:1.75;
  color:#54606D;
}

/* ---------- entries ---------- */
.page-news .news-stream{border-top:1px solid var(--news-rule);}
.page-news .entry{
  display:grid;
  gap:6px;
  padding:20px 0 20px 12px;
  border-bottom:1px solid var(--news-rule);
  border-left:2px solid transparent;
  transition:border-color var(--dur) var(--ease);
}
.page-news .entry:hover{border-left-color:var(--copper);}
.page-news .entry__time{
  font-family:var(--font-mono);
  font-size:.8125rem;
  color:var(--copper);
  margin:0;
}
.page-news .entry__title{
  margin:8px 0 6px;
  font-size:1.0625rem;
  font-weight:700;
  line-height:1.5;
  color:var(--ink);
  transition:color var(--dur) var(--ease);
}
.page-news .entry:hover .entry__title{color:var(--dye);}
.page-news .entry__desc{
  margin:0;
  font-size:.9375rem;
  line-height:1.8;
  color:var(--news-body);
  max-width:62ch;
}

.page-news .tag{
  display:inline-block;
  padding:3px 10px;
  border-radius:var(--r-pill);
  background:var(--mist);
  color:var(--ink);
  font-size:.75rem;
  font-weight:600;
  line-height:1.6;
}
.page-news .tag--clay{background:#F6E4D9;color:#8E4526;}
.page-news .tag--dye{background:#DEE9F2;color:#1E4A70;}
.page-news .tag--verify{background:#E1EEE7;color:#22563C;}

/* ---------- archive ---------- */
.page-news .archive{
  position:relative;
  overflow:hidden;
  background:var(--ink);
  color:var(--paper);
  padding:52px 0;
}
.page-news .archive::before{
  content:"";
  position:absolute;
  right:-25%;
  bottom:-55%;
  width:760px;
  height:760px;
  border-radius:50%;
  background:radial-gradient(circle at 50% 50%,rgba(45,95,139,.5),rgba(12,26,42,0) 68%);
  pointer-events:none;
}
.page-news .archive__inner{position:relative;}
.page-news .archive__head{
  display:grid;
  gap:28px;
  margin-bottom:34px;
}
.page-news .archive .eyebrow{color:var(--copper-soft);}
.page-news .archive h2{
  font-size:clamp(1.55rem,4.6vw,2.2rem);
  line-height:1.24;
  font-weight:900;
  letter-spacing:-.01em;
  color:var(--paper);
  margin:0 0 12px;
}
.page-news .archive__copy p{
  margin:0 0 18px;
  font-size:1rem;
  line-height:1.85;
  color:rgba(245,239,228,.82);
  max-width:52ch;
}
.page-news .archive-facts{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 20px;
  padding:0;
  list-style:none;
}
.page-news .archive-facts li{
  font-family:var(--font-mono);
  font-size:.75rem;
  padding:6px 12px;
  border:1px solid var(--news-rule-soft);
  border-radius:var(--r-pill);
  color:var(--copper-soft);
}
.page-news .archive-link{
  display:inline-block;
  font-size:.9375rem;
  font-weight:600;
  color:var(--copper-soft);
  text-decoration:none;
  border-bottom:1px solid rgba(232,200,143,.4);
  padding-bottom:2px;
  transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease);
}
.page-news .archive-link:hover{color:var(--white);border-color:var(--white);}
.page-news .archive__media{aspect-ratio:1000/560;}

.page-news .archive__timeline{
  position:relative;
  display:grid;
  gap:16px;
  padding-left:18px;
}
.page-news .archive__timeline::before{
  content:"";
  position:absolute;
  left:0;
  top:4px;
  bottom:4px;
  width:2px;
  background:linear-gradient(180deg,var(--copper),rgba(176,122,42,.06));
}

.page-news .change-card{
  display:grid;
  gap:12px;
  padding:20px;
  border:1px solid var(--news-rule-soft);
  border-radius:var(--r-lg);
  background:rgba(245,239,228,.05);
}
.page-news .change-card__no{
  margin:0;
  font-family:var(--font-mono);
  font-size:.8125rem;
  color:var(--copper-soft);
}
.page-news .change-card h3{
  margin:0 0 12px;
  font-size:1.0625rem;
  font-weight:800;
  color:var(--paper);
}
.page-news .path-row{display:grid;gap:10px;}
.page-news .path-box{
  background:rgba(8,18,30,.62);
  border-radius:var(--r-sm);
  padding:10px 12px;
  display:grid;
  gap:2px;
}
.page-news .path-box--new{border-left:2px solid var(--copper);}
.page-news .path-label{
  font-family:var(--font-mono);
  font-size:.6875rem;
  letter-spacing:.12em;
  color:var(--copper-soft);
}
.page-news .path-box code{
  font-family:var(--font-mono);
  font-size:.8125rem;
  color:var(--paper);
  word-break:break-all;
}
.page-news .change-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px 22px;
  margin:14px 0 0;
}
.page-news .change-meta div{display:flex;align-items:baseline;gap:8px;}
.page-news .change-meta dt{
  font-size:.75rem;
  color:rgba(245,239,228,.6);
}
.page-news .change-meta dd{
  margin:0;
  font-size:.8125rem;
  color:rgba(245,239,228,.92);
}
.page-news .change-meta dd.mono{font-family:var(--font-mono);}

.page-news .archive__more{margin-top:8px;}
.page-news .archive__more summary{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:9px 18px;
  border:1px solid var(--news-rule-soft);
  border-radius:var(--r-pill);
  font-size:.875rem;
  color:var(--copper-soft);
  cursor:pointer;
  list-style:none;
  transition:border-color var(--dur) var(--ease),color var(--dur) var(--ease);
}
.page-news .archive__more summary::-webkit-details-marker{display:none;}
.page-news .archive__more summary:hover,
.page-news .archive__more[open] summary{border-color:var(--copper-soft);color:var(--white);}
.page-news .quarter-list{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:16px 0 0;
  padding:0;
  list-style:none;
}
.page-news .quarter-list li{
  font-family:var(--font-mono);
  font-size:.75rem;
  padding:6px 12px;
  border-radius:var(--r-pill);
  background:rgba(245,239,228,.08);
  color:rgba(245,239,228,.86);
}

/* ---------- topics ---------- */
.page-news .topics{display:grid;gap:28px;}
.page-news .topics__media{aspect-ratio:900/500;margin:0 0 20px;}
.page-news .rhythm{
  display:grid;
  gap:12px;
  margin:0;
  padding:0;
  list-style:none;
}
.page-news .rhythm li{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:12px;
  padding-bottom:12px;
  border-bottom:1px dotted var(--news-rule);
  font-size:.9375rem;
  line-height:1.7;
  color:var(--news-body);
}
.page-news .rhythm b{
  font-family:var(--font-mono);
  font-size:.875rem;
  color:var(--copper);
  white-space:nowrap;
}
.page-news .topics__grid{display:grid;gap:14px;}
.page-news .topic-card{
  display:grid;
  gap:12px;
  padding:20px;
  background:var(--white);
  border:1px solid var(--news-rule);
  border-radius:var(--r-lg);
  transition:border-color var(--dur) var(--ease);
}
.page-news .topic-card:hover{border-color:var(--copper);}
.page-news .topic-card__head{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:12px;
}
.page-news .topic-card h3{
  margin:0;
  font-size:1.0625rem;
  font-weight:800;
  color:var(--ink);
}
.page-news .topic-count{
  font-family:var(--font-mono);
  font-size:.75rem;
  color:var(--copper);
  white-space:nowrap;
}
.page-news .topic-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0;
  padding:0;
  list-style:none;
}
.page-news .topic-tags li{
  font-size:.8125rem;
  padding:4px 11px;
  border-radius:var(--r-pill);
  background:var(--mist);
  color:var(--ink);
}

/* ---------- editing ---------- */
.page-news .check-panel{
  display:grid;
  gap:26px;
  padding:24px;
  background:var(--white);
  border:1px solid var(--news-rule);
  border-radius:var(--r-lg);
}
.page-news .steps{
  display:grid;
  gap:20px;
  margin:0;
  padding:0;
  list-style:none;
  counter-reset:step;
}
.page-news .steps li{position:relative;padding-left:48px;}
.page-news .steps li::before{
  counter-increment:step;
  content:"0" counter(step);
  position:absolute;
  left:0;
  top:0;
  width:34px;
  height:26px;
  display:grid;
  place-items:center;
  font-family:var(--font-mono);
  font-size:.75rem;
  color:var(--copper);
  border:1px solid rgba(176,122,42,.45);
  border-radius:var(--r-pill);
}
.page-news .steps h3{
  margin:0 0 6px;
  font-size:1rem;
  font-weight:800;
  color:var(--ink);
}
.page-news .steps p{
  margin:0;
  font-size:.9375rem;
  line-height:1.8;
  color:var(--news-body);
}
.page-news .check-note{
  margin:22px 0 0;
  padding-top:18px;
  border-top:1px solid var(--news-rule);
  font-size:.875rem;
  line-height:1.8;
  color:#54606D;
}
.page-news .check-media{aspect-ratio:800/600;margin:0;}

/* ---------- quick ---------- */
.page-news .quick{
  display:grid;
  gap:26px;
  padding:26px;
  border-radius:var(--r-lg);
  background:linear-gradient(140deg,var(--mist),#F3EEE3 78%);
}
.page-news .quick h2{
  font-size:clamp(1.5rem,4.4vw,2.05rem);
  line-height:1.26;
  font-weight:900;
  letter-spacing:-.01em;
  color:var(--ink);
  margin:0 0 12px;
}
.page-news .quick__copy p{
  margin:0;
  font-size:.9375rem;
  line-height:1.85;
  color:var(--news-body);
  max-width:52ch;
}
.page-news .quick-stats{
  display:flex;
  flex-wrap:wrap;
  gap:16px 26px;
  margin:22px 0 0;
  padding:0;
  list-style:none;
}
.page-news .quick-stats li{
  padding-left:12px;
  border-left:2px solid var(--clay);
}
.page-news .quick-stats .num{
  display:block;
  font-family:var(--font-mono);
  font-size:1.125rem;
  font-weight:700;
  color:var(--ink);
}
.page-news .quick-stats .lbl{
  font-size:.8125rem;
  color:#54606D;
}
.page-news .quick-links{
  display:grid;
  gap:10px;
  margin:0;
  padding:0;
  list-style:none;
  align-content:start;
}
.page-news .quick-links a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:14px 20px;
  background:var(--white);
  border:1px solid transparent;
  border-radius:var(--r-pill);
  color:var(--ink);
  font-size:.9375rem;
  font-weight:600;
  text-decoration:none;
  transition:border-color var(--dur) var(--ease),color var(--dur) var(--ease);
}
.page-news .quick-links a:hover{border-color:var(--copper);color:var(--dye);}
.page-news .quick-links .arrow{
  font-family:var(--font-mono);
  color:var(--copper);
}
.page-news .back-top-row{display:flex;justify-content:flex-end;margin-top:22px;}
.page-news .back-top{
  padding:10px 20px;
  border:1px solid var(--news-rule);
  border-radius:var(--r-pill);
  background:transparent;
  font-family:var(--font-sans);
  font-size:.8125rem;
  color:var(--ink);
  cursor:pointer;
  transition:border-color var(--dur) var(--ease),color var(--dur) var(--ease);
}
.page-news .back-top:hover{border-color:var(--copper);color:var(--dye);}

/* ---------- responsive ---------- */
@media (min-width:560px){
  .page-news .stack-card:nth-child(2){margin-left:22px;}
  .page-news .stack-card:nth-child(3){margin-left:44px;}
  .page-news .path-row{grid-template-columns:1fr 1fr;gap:12px;}
  .page-news .entry{
    grid-template-columns:96px minmax(0,1fr);
    gap:20px;
    align-items:start;
  }
}

@media (min-width:760px){
  .page-news .news-section{padding:60px 0;}
  .page-news .news-hero{padding:calc(var(--header-space) + 20px) 0 60px;}
  .page-news .news-hero__lead{font-size:1.0625rem;}
  .page-news .change-card{grid-template-columns:110px minmax(0,1fr);gap:20px;padding:24px;}
  .page-news .topics__grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .page-news .check-panel{padding:30px;}
}

@media (min-width:960px){
  .page-news .news-hero__inner{
    grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
    align-items:center;
    gap:48px;
  }
  .page-news .news-layout{
    grid-template-columns:236px minmax(0,1fr);
    gap:40px;
    align-items:start;
  }
  .page-news .news-rail{
    position:sticky;
    top:calc(var(--header-space) - 24px);
  }
  .page-news .news-section{padding:76px 0;}
  .page-news .archive{padding:84px 0;}
  .page-news .archive__head{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    align-items:center;
    gap:48px;
  }
  .page-news .archive__timeline{padding-left:26px;}
  .page-news .topics{
    grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
    gap:44px;
    align-items:start;
  }
  .page-news .check-panel{
    grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
    align-items:center;
    gap:44px;
    padding:36px;
  }
  .page-news .quick{
    grid-template-columns:minmax(0,1fr) minmax(0,.85fr);
    align-items:center;
    gap:44px;
    padding:40px;
  }
}

@media (prefers-reduced-motion:reduce){
  .page-news .cat-pill,
  .page-news .entry,
  .page-news .entry__title,
  .page-news .topic-card,
  .page-news .quick-links a,
  .page-news .archive-link,
  .page-news .back-top{transition:none;}
}
<<<END>>>