.page-products {
  --pd-rail: 244px;
  --pd-gap: clamp(20px, 3vw, 34px);
  overflow-x: clip;
}

/* 首屏 */
.page-products .pd-hero {
  display: grid;
  gap: clamp(24px, 4vw, 44px);
  padding-block: clamp(26px, 4.4vw, 56px) clamp(20px, 3vw, 34px);
}

.page-products .pd-hero h1 {
  margin: 14px 0 0;
  font-family: var(--font-display);
  font-weight: 900;
  letter-spacing: -0.03em;
  font-size: clamp(32px, 5.6vw, 58px);
  line-height: 1.12;
  color: var(--paper);
}

.page-products .pd-hero__lead {
  margin: 18px 0 0;
  max-width: 46ch;
  color: var(--muted);
  font-size: clamp(15px, 1.5vw, 17px);
  line-height: 1.85;
}

.page-products .pd-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 26px;
}

.page-products .pd-hero__panel {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: clamp(18px, 2.4vw, 26px);
  background:
    radial-gradient(circle at 86% 6%, rgba(37, 230, 213, 0.16), transparent 58%),
    linear-gradient(160deg, var(--teal), var(--ink-deep));
}

.page-products .pd-hero__panel::after {
  content: "";
  position: absolute;
  inset: auto -64px -88px auto;
  width: 210px;
  height: 210px;
  border-radius: 50%;
  border: 1px solid rgba(216, 179, 106, 0.3);
  box-shadow:
    0 0 0 24px rgba(216, 179, 106, 0.06),
    0 0 0 52px rgba(37, 230, 213, 0.05);
  pointer-events: none;
}

.page-products .pd-hero__panel-title {
  position: relative;
  margin: 0 0 16px;
  font-family: var(--font-mono);
  font-weight: 600;
  font-size: 11.5px;
  letter-spacing: 0.16em;
  color: var(--gold);
}

.page-products .pd-hero__pulse {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 15px;
}

.page-products .pd-hero__pulse li {
  display: flex;
  align-items: baseline;
  gap: 12px;
}

.page-products .pd-hero__pulse-num {
  flex: 0 0 auto;
  min-width: 5.4em;
  font-family: var(--font-mono);
  font-weight: 600;
  font-size: 21px;
  color: var(--cyan);
}

.page-products .pd-hero__pulse-label {
  color: var(--paper);
  font-size: 13.5px;
  line-height: 1.55;
  opacity: 0.86;
}

@media (min-width: 900px) {
  .page-products .pd-hero {
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
    align-items: end;
  }
}

/* 主体两栏 */
.page-products .pd-body {
  display: grid;
  gap: var(--pd-gap);
  padding-bottom: clamp(40px, 6vw, 80px);
  align-items: start;
}

.page-products .pd-content {
  min-width: 0;
}

/* 左侧目录轨道 */
.page-products .pd-rail {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 18px 16px;
  background: linear-gradient(180deg, rgba(27, 31, 75, 0.6), rgba(7, 26, 43, 0.72));
}

.page-products .pd-rail__title {
  margin: 0 0 6px;
  font-family: var(--font-display);
  font-weight: 900;
  letter-spacing: -0.02em;
  font-size: 15px;
  color: var(--paper);
}

.page-products .pd-rail__note {
  margin: 0 0 14px;
  font-size: 12.5px;
  line-height: 1.65;
  color: var(--muted);
}

.page-products .pd-rail__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 6px;
}

.page-products .pd-rail__link {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  grid-template-rows: auto auto;
  column-gap: 10px;
  align-items: baseline;
  padding: 10px 10px;
  border: 1px solid transparent;
  border-radius: 10px;
  text-decoration: none;
  transition: background 0.2s var(--ease), border-color 0.2s var(--ease);
}

.page-products .pd-rail__link:hover,
.page-products .pd-rail__link:focus-visible {
  background: rgba(37, 230, 213, 0.08);
  border-color: rgba(37, 230, 213, 0.35);
}

.page-products .pd-rail__num {
  grid-row: 1 / span 2;
  font-family: var(--font-mono);
  font-weight: 600;
  font-size: 15px;
  color: var(--cyan);
}

.page-products .pd-rail__name {
  font-size: 13.5px;
  font-weight: 500;
  color: var(--paper);
  white-space: nowrap;
}

.page-products .pd-rail__meta {
  font-family: var(--font-mono);
  font-size: 11.5px;
  letter-spacing: 0.02em;
  color: var(--muted);
}

/* 章节 */
.page-products .pd-sec {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: clamp(20px, 3vw, 34px);
  background: rgba(11, 46, 51, 0.28);
  scroll-margin-top: 84px;
}

.page-products .pd-sec + .pd-sec {
  margin-top: var(--pd-gap);
}

.page-products .pd-sec--cyan { --pd-sec: var(--cyan); }
.page-products .pd-sec--gold { --pd-sec: var(--gold); }
.page-products .pd-sec--coral { --pd-sec: var(--coral); }

.page-products .pd-sec::before {
  content: "";
  display: block;
  width: 56px;
  height: 3px;
  border-radius: 2px;
  margin-bottom: 18px;
  background: var(--pd-sec, var(--cyan));
}

.page-products .pd-sec__num {
  display: inline-block;
  margin-bottom: 8px;
  font-family: var(--font-mono);
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 0.16em;
  color: var(--pd-sec, var(--cyan));
}

.page-products .pd-sec h2 {
  margin: 0;
  font-family: var(--font-serif);
  font-weight: 700;
  font-size: clamp(22px, 3.2vw, 32px);
  line-height: 1.3;
  color: var(--paper);
}

.page-products .pd-sec__head p {
  margin: 14px 0 0;
  max-width: 62ch;
  font-size: 15.5px;
  line-height: 1.85;
  color: var(--muted);
}

.page-products .pd-sec h3 {
  margin: 0 0 10px;
  font-family: var(--font-display);
  font-weight: 900;
  letter-spacing: -0.01em;
  font-size: 15px;
  color: var(--paper);
}

/* 概览数字 */
.page-products .pd-stats {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(auto-fit, minmax(142px, 1fr));
  margin-top: 22px;
}

.page-products .pd-stat {
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 14px;
  background: rgba(4, 14, 22, 0.45);
}

.page-products .pd-stat__num {
  display: block;
  font-family: var(--font-mono);
  font-weight: 600;
  font-size: clamp(21px, 2.6vw, 29px);
  line-height: 1.12;
  color: var(--pd-sec, var(--cyan));
}

.page-products .pd-stat__label {
  display: block;
  margin-top: 8px;
  font-size: 12.5px;
  line-height: 1.6;
  color: var(--muted);
}

/* 图片 */
.page-products .pd-figure {
  margin: 24px 0 0;
  border: 1px solid var(--line);
  border-radius: 12px;
  overflow: hidden;
  background: var(--ink-deep);
}

.page-products .pd-figure img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}

/* 适用场景 */
.page-products .pd-use {
  margin-top: 24px;
  padding-left: 16px;
  border-left: 2px solid var(--pd-sec, var(--cyan));
}

.page-products .pd-use ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 8px;
}

.page-products .pd-use li {
  position: relative;
  padding-left: 16px;
  font-size: 14.5px;
  line-height: 1.75;
  color: var(--paper);
  opacity: 0.9;
}

.page-products .pd-use li::before {
  content: "";
  position: absolute;
  left: 2px;
  top: 0.72em;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--pd-sec, var(--cyan));
}

/* 下一步 */
.page-products .pd-next {
  display: flex;
  flex-wrap: wrap;
  gap: 14px 22px;
  align-items: center;
  justify-content: space-between;
  margin-top: 26px;
  padding-top: 20px;
  border-top: 1px solid var(--line);
}

.page-products .pd-next p {
  margin: 0;
  max-width: 46ch;
  font-size: 14px;
  line-height: 1.75;
  color: var(--muted);
}

/* 对照表 */
.page-products .pd-table-wrap {
  margin-top: 22px;
  overflow-x: auto;
  border: 1px solid var(--line);
  border-radius: 12px;
}

.page-products .pd-table {
  width: 100%;
  min-width: 560px;
  border-collapse: collapse;
  font-size: 13.5px;
}

.page-products .pd-table caption {
  padding: 12px 14px;
  text-align: left;
  font-size: 12.5px;
  color: var(--muted);
  border-bottom: 1px solid var(--line);
}

.page-products .pd-table th {
  padding: 10px 14px;
  text-align: left;
  font-family: var(--font-mono);
  font-weight: 600;
  font-size: 11.5px;
  letter-spacing: 0.08em;
  color: var(--muted);
  white-space: nowrap;
  background: rgba(4, 14, 22, 0.5);
  border-bottom: 1px solid var(--line);
}

.page-products .pd-table td {
  padding: 12px 14px;
  color: var(--paper);
  border-bottom: 1px solid rgba(30, 69, 82, 0.7);
  vertical-align: middle;
}

.page-products .pd-table td:first-child {
  color: var(--muted);
}

.page-products .pd-table tbody tr:last-child td {
  border-bottom: 0;
}

.page-products .pd-tag {
  display: inline-block;
  padding: 3px 9px;
  border-radius: 999px;
  font-size: 11.5px;
  letter-spacing: 0.04em;
  white-space: nowrap;
  border: 1px solid transparent;
}

.page-products .pd-tag--rename {
  color: var(--coral);
  border-color: rgba(255, 107, 74, 0.45);
  background: rgba(255, 107, 74, 0.1);
}

.page-products .pd-tag--merge {
  color: var(--gold);
  border-color: rgba(216, 179, 106, 0.45);
  background: rgba(216, 179, 106, 0.1);
}

.page-products .pd-tag--move {
  color: var(--cyan);
  border-color: rgba(37, 230, 213, 0.45);
  background: rgba(37, 230, 213, 0.1);
}

.page-products .pd-tag--new {
  color: var(--paper);
  border-color: rgba(234, 244, 246, 0.35);
  background: rgba(234, 244, 246, 0.08);
}

/* 筛选器 */
.page-products .pd-filters {
  display: grid;
  gap: 14px;
  margin-top: 22px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: rgba(4, 14, 22, 0.42);
}

.page-products .pd-filter {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 10px;
}

.page-products .pd-filter__key {
  min-width: 68px;
  font-family: var(--font-mono);
  font-size: 11.5px;
  letter-spacing: 0.1em;
  color: var(--muted);
}

.page-products .pd-chip {
  padding: 5px 12px;
  border: 1px solid var(--line);
  border-radius: 999px;
  font-size: 12.5px;
  color: var(--muted);
}

.page-products .pd-chip--on {
  border-color: var(--cyan);
  background: var(--cyan);
  color: var(--on-cyan);
  font-weight: 500;
}

.page-products .pd-filters__note {
  margin: 0;
  font-size: 12.5px;
  line-height: 1.7;
  color: var(--muted);
}

/* 时间线 */
.page-products .pd-timeline {
  list-style: none;
  margin: 24px 0 0;
  padding: 0 0 0 18px;
  border-left: 1px solid var(--line);
  display: grid;
  gap: 20px;
}

.page-products .pd-timeline li {
  position: relative;
}

.page-products .pd-timeline li::before {
  content: "";
  position: absolute;
  left: -22px;
  top: 7px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--pd-sec, var(--cyan));
  box-shadow: 0 0 0 3px rgba(37, 230, 213, 0.14);
}

.page-products .pd-timeline__issue {
  display: block;
  font-family: var(--font-mono);
  font-weight: 600;
  font-size: 11.5px;
  letter-spacing: 0.06em;
  color: var(--pd-sec, var(--cyan));
}

.page-products .pd-timeline__title {
  display: block;
  margin: 6px 0 4px;
  font-size: 14.5px;
  line-height: 1.65;
  color: var(--paper);
}

.page-products .pd-timeline__meta {
  display: block;
  font-size: 12.5px;
  line-height: 1.7;
  color: var(--muted);
}

/* 场景卡 */
.page-products .pd-fit {
  display: grid;
  gap: 14px;
  margin-top: 22px;
}

.page-products .pd-fit__card {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: rgba(4, 14, 22, 0.42);
}

.page-products .pd-fit__who {
  font-family: var(--font-mono);
  font-size: 11.5px;
  letter-spacing: 0.12em;
  color: var(--gold);
}

.page-products .pd-fit__card h3 {
  margin: 0;
  font-family: var(--font-serif);
  font-weight: 700;
  font-size: 16px;
  color: var(--paper);
}

.page-products .pd-fit__card p {
  flex: 1;
  margin: 0;
  font-size: 13.5px;
  line-height: 1.8;
  color: var(--muted);
}

.page-products .pd-fit__card a {
  align-self: flex-start;
  padding-bottom: 2px;
  font-size: 13px;
  color: var(--cyan);
  text-decoration: none;
  border-bottom: 1px solid rgba(37, 230, 213, 0.4);
}

.page-products .pd-fit__card a:hover,
.page-products .pd-fit__card a:focus-visible {
  color: var(--paper);
  border-bottom-color: var(--paper);
}

.page-products .pd-more {
  margin-top: 18px;
  padding: 14px 16px;
  border: 1px dashed var(--line);
  border-radius: 10px;
  font-size: 13px;
  line-height: 1.85;
  color: var(--muted);
}

.page-products .pd-more a {
  color: var(--paper);
}

/* 移动端目录收敛 */
@media (max-width: 999px) {
  .page-products .pd-rail__list {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    padding-bottom: 6px;
  }

  .page-products .pd-rail__list > li {
    flex: 0 0 auto;
  }

  .page-products .pd-rail__link {
    grid-template-columns: auto auto;
    grid-template-rows: auto;
    align-items: center;
    column-gap: 8px;
    padding: 8px 12px;
    border-color: var(--line);
  }

  .page-products .pd-rail__num {
    grid-row: auto;
    font-size: 12.5px;
  }

  .page-products .pd-rail__meta {
    display: none;
  }
}

@media (min-width: 1000px) {
  .page-products .pd-body {
    grid-template-columns: var(--pd-rail) minmax(0, 1fr);
    gap: clamp(28px, 4vw, 52px);
  }

  .page-products .pd-rail {
    position: sticky;
    top: 84px;
  }
}

@media (min-width: 760px) {
  .page-products .pd-fit {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.page-products{--pd-rail:244px;--pd-gap:clamp(20px,3vw,34px);overflow-x:clip;}
.page-products .pd-hero{display:grid;gap:clamp(24px,4vw,44px);padding-block:clamp(26px,4.4vw,56px) clamp(20px,3vw,34px);}
.page-products .pd-hero h1{margin:14px 0 0;font-family:var(--font-display);font-weight:900;letter-spacing:-.03em;font-size:clamp(32px,5.6vw,58px);line-height:1.12;color:var(--paper);}
.page-products .pd-hero__lead{margin:18px 0 0;max-width:46ch;color:var(--muted);font-size:clamp(15px,1.5vw,17px);line-height:1.85;}
.page-products .pd-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px;}
.page-products .pd-hero__panel{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);padding:clamp(18px,2.4vw,26px);background:radial-gradient(circle at 86% 6%,rgba(37,230,213,.16),transparent 58%),linear-gradient(160deg,var(--teal),var(--ink-deep));}
.page-products .pd-hero__panel::after{content:"";position:absolute;inset:auto -64px -88px auto;width:210px;height:210px;border-radius:50%;border:1px solid rgba(216,179,106,.3);box-shadow:0 0 0 24px rgba(216,179,106,.06),0 0 0 52px rgba(37,230,213,.05);pointer-events:none;}
.page-products .pd-hero__panel-title{position:relative;margin:0 0 16px;font-family:var(--font-mono);font-weight:600;font-size:11.5px;letter-spacing:.16em;color:var(--gold);}
.page-products .pd-hero__pulse{position:relative;list-style:none;margin:0;padding:0;display:grid;gap:15px;}
.page-products .pd-hero__pulse li{display:flex;align-items:baseline;gap:12px;}
.page-products .pd-hero__pulse-num{flex:0 0 auto;min-width:5.4em;font-family:var(--font-mono);font-weight:600;font-size:21px;color:var(--cyan);}
.page-products .pd-hero__pulse-label{color:var(--paper);font-size:13.5px;line-height:1.55;opacity:.86;}
.page-products .pd-body{display:grid;gap:var(--pd-gap);padding-bottom:clamp(40px,6vw,80px);align-items:start;}
.page-products .pd-content{min-width:0;}
.page-products .pd-rail{min-width:0;border:1px solid var(--line);border-radius:var(--radius);padding:18px 16px;background:linear-gradient(180deg,rgba(27,31,75,.6),rgba(7,26,43,.72));}
.page-products .pd-rail__title{margin:0 0 6px;font-family:var(--font-display);font-weight:900;letter-spacing:-.02em;font-size:15px;color:var(--paper);}
.page-products .pd-rail__note{margin:0 0 14px;font-size:12.5px;line-height:1.65;color:var(--muted);}
.page-products .pd-rail__list{list-style:none;margin:0;padding:0;display:grid;gap:6px;}
.page-products .pd-rail__link{display:grid;grid-template-columns:32px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;align-items:baseline;padding:10px;border:1px solid transparent;border-radius:10px;text-decoration:none;transition:background .2s var(--ease),border-color .2s var(--ease);}
.page-products .pd-rail__link:hover,.page-products .pd-rail__link:focus-visible{background:rgba(37,230,213,.08);border-color:rgba(37,230,213,.35);}
.page-products .pd-rail__num{grid-row:1 / span 2;font-family:var(--font-mono);font-weight:600;font-size:15px;color:var(--cyan);}
.page-products .pd-rail__name{font-size:13.5px;font-weight:500;color:var(--paper);white-space:nowrap;}
.page-products .pd-rail__meta{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.02em;color:var(--muted);}
.page-products .pd-sec{border:1px solid var(--line);border-radius:var(--radius);padding:clamp(20px,3vw,34px);background:rgba(11,46,51,.28);scroll-margin-top:84px;}
.page-products .pd-sec + .pd-sec{margin-top:var(--pd-gap);}
.page-products .pd-sec--cyan{--pd-sec:var(--cyan);}
.page-products .pd-sec--gold{--pd-sec:var(--gold);}
.page-products .pd-sec--coral{--pd-sec:var(--coral);}
.page-products .pd-sec::before{content:"";display:block;width:56px;height:3px;border-radius:2px;margin-bottom:18px;background:var(--pd-sec,var(--cyan));}
.page-products .pd-sec__num{display:inline-block;margin-bottom:8px;font-family:var(--font-mono);font-weight:600;font-size:12px;letter-spacing:.16em;color:var(--pd-sec,var(--cyan));}
.page-products .pd-sec h2{margin:0;font-family:var(--font-serif);font-weight:700;font-size:clamp(22px,3.2vw,32px);line-height:1.3;color:var(--paper);}
.page-products .pd-sec__head p{margin:14px 0 0;max-width:62ch;font-size:15.5px;line-height:1.85;color:var(--muted);}
.page-products .pd-sec h3{margin:0 0 10px;font-family:var(--font-display);font-weight:900;letter-spacing:-.01em;font-size:15px;color:var(--paper);}
.page-products .pd-stats{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(142px,1fr));margin-top:22px;}
.page-products .pd-stat{border:1px solid var(--line);border-radius:10px;padding:14px;background:rgba(4,14,22,.45);}
.page-products .pd-stat__num{display:block;font-family:var(--font-mono);font-weight:600;font-size:clamp(21px,2.6vw,29px);line-height:1.12;color:var(--pd-sec,var(--cyan));}
.page-products .pd-stat__label{display:block;margin-top:8px;font-size:12.5px;line-height:1.6;color:var(--muted);}
.page-products .pd-figure{margin:24px 0 0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--ink-deep);}
.page-products .pd-figure img{display:block;width:100%;height:auto;object-fit:cover;}
.page-products .pd-use{margin-top:24px;padding-left:16px;border-left:2px solid var(--pd-sec,var(--cyan));}
.page-products .pd-use ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;}
.page-products .pd-use li{position:relative;padding-left:16px;font-size:14.5px;line-height:1.75;color:var(--paper);opacity:.9;}
.page-products .pd-use li::before{content:"";position:absolute;left:2px;top:.72em;width:5px;height:5px;border-radius:50%;background:var(--pd-sec,var(--cyan));}
.page-products .pd-next{display:flex;flex-wrap:wrap;gap:14px 22px;align-items:center;justify-content:space-between;margin-top:26px;padding-top:20px;border-top:1px solid var(--line);}
.page-products .pd-next p{margin:0;max-width:46ch;font-size:14px;line-height:1.75;color:var(--muted);}
.page-products .pd-table-wrap{margin-top:22px;overflow-x:auto;border:1px solid var(--line);border-radius:12px;}
.page-products .pd-table{width:100%;min-width:560px;border-collapse:collapse;font-size:13.5px;}
.page-products .pd-table caption{padding:12px 14px;text-align:left;font-size:12.5px;color:var(--muted);border-bottom:1px solid var(--line);}
.page-products .pd-table th{padding:10px 14px;text-align:left;font-family:var(--font-mono);font-weight:600;font-size:11.5px;letter-spacing:.08em;color:var(--muted);white-space:nowrap;background:rgba(4,14,22,.5);border-bottom:1px solid var(--line);}
.page-products .pd-table td{padding:12px 14px;color:var(--paper);border-bottom:1px solid rgba(30,69,82,.7);vertical-align:middle;}
.page-products .pd-table td:first-child{color:var(--muted);}
.page-products .pd-table tbody tr:last-child td{border-bottom:0;}
.page-products .pd-tag{display:inline-block;padding:3px 9px;border-radius:999px;font-size:11.5px;letter-spacing:.04em;white-space:nowrap;border:1px solid transparent;}
.page-products .pd-tag--rename{color:var(--coral);border-color:rgba(255,107,74,.45);background:rgba(255,107,74,.1);}
.page-products .pd-tag--merge{color:var(--gold);border-color:rgba(216,179,106,.45);background:rgba(216,179,106,.1);}
.page-products .pd-tag--move{color:var(--cyan);border-color:rgba(37,230,213,.45);background:rgba(37,230,213,.1);}
.page-products .pd-tag--new{color:var(--paper);border-color:rgba(234,244,246,.35);background:rgba(234,244,246,.08);}
.page-products .pd-filters{display:grid;gap:14px;margin-top:22px;padding:16px;border:1px solid var(--line);border-radius:12px;background:rgba(4,14,22,.42);}
.page-products .pd-filter{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;}
.page-products .pd-filter__key{min-width:68px;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.1em;color:var(--muted);}
.page-products .pd-chip{padding:5px 12px;border:1px solid var(--line);border-radius:999px;font-size:12.5px;color:var(--muted);}
.page-products .pd-chip--on{border-color:var(--cyan);background:var(--cyan);color:var(--on-cyan);font-weight:500;}
.page-products .pd-filters__note{margin:0;font-size:12.5px;line-height:1.7;color:var(--muted);}
.page-products .pd-timeline{list-style:none;margin:24px 0 0;padding:0 0 0 18px;border-left:1px solid var(--line);display:grid;gap:20px;}
.page-products .pd-timeline li{position:relative;}
.page-products .pd-timeline li::before{content:"";position:absolute;left:-22px;top:7px;width:8px;height:8px;border-radius:50%;background:var(--pd-sec,var(--cyan));box-shadow:0 0 0 3px rgba(37,230,213,.14);}
.page-products .pd-timeline__issue{display:block;font-family:var(--font-mono);font-weight:600;font-size:11.5px;letter-spacing:.06em;color:var(--pd-sec,var(--cyan));}
.page-products .pd-timeline__title{display:block;margin:6px 0 4px;font-size:14.5px;line-height:1.65;color:var(--paper);}
.page-products .pd-timeline__meta{display:block;font-size:12.5px;line-height:1.7;color:var(--muted);}
.page-products .pd-fit{display:grid;gap:14px;margin-top:22px;}
.page-products .pd-fit__card{display:flex;flex-direction:column;gap:10px;padding:18px;border:1px solid var(--line);border-radius:12px;background:rgba(4,14,22,.42);}
.page-products .pd-fit__who{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.12em;color:var(--gold);}
.page-products .pd-fit__card h3{margin:0;font-family:var(--font-serif);font-weight:700;font-size:16px;color:var(--paper);}
.page-products .pd-fit__card p{flex:1;margin:0;font-size:13.5px;line-height:1.8;color:var(--muted);}
.page-products .pd-fit__card a{align-self:flex-start;padding-bottom:2px;font-size:13px;color:var(--cyan);text-decoration:none;border-bottom:1px solid rgba(37,230,213,.4);}
.page-products .pd-fit__card a:hover,.page-products .pd-fit__card a:focus-visible{color:var(--paper);border-bottom-color:var(--paper);}
.page-products .pd-more{margin-top:18px;padding:14px 16px;border:1px dashed var(--line);border-radius:10px;font-size:13px;line-height:1.85;color:var(--muted);}
.page-products .pd-more a{color:var(--paper);}
@media (max-width:999px){
.page-products .pd-rail__list{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;}
.page-products .pd-rail__list > li{flex:0 0 auto;}
.page-products .pd-rail__link{grid-template-columns:auto auto;grid-template-rows:auto;align-items:center;column-gap:8px;padding:8px 12px;border-color:var(--line);}
.page-products .pd-rail__num{grid-row:auto;font-size:12.5px;}
.page-products .pd-rail__meta{display:none;}
}
@media (min-width:900px){
.page-products .pd-hero{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:end;}
}
@media (min-width:1000px){
.page-products .pd-body{grid-template-columns:var(--pd-rail) minmax(0,1fr);gap:clamp(28px,4vw,52px);}
.page-products .pd-rail{position:sticky;top:84px;}
}
@media (min-width:760px){
.page-products .pd-fit{grid-template-columns:repeat(3,minmax(0,1fr));}
}