.pcdq-page {
  --pcdq-ink: #1b3139;
  --pcdq-muted: #4a5b63;
  --pcdq-navy: #233c98;
  --pcdq-deep: #16265e;
  --pcdq-line: #d9dee6;
  --pcdq-soft-line: #eaedf2;
  --pcdq-wash: #f6f7fa;
  --pcdq-green: #1d6b4f;
  --pcdq-clay: #b8541d;
  background: #fff;
  color: var(--pcdq-ink);
  font-family: var(--pdi-marketing-sans, "IBM Plex Sans", Arial, sans-serif);
  font-size: 17px;
  line-height: 1.62;
  -webkit-font-smoothing: antialiased;
}

.pcdq-page,
.pcdq-page * { box-sizing: border-box; }
.pcdq-page a { color: var(--pcdq-navy); }
.pcdq-page p { margin: 0 0 20px; }
.pcdq-page h1,
.pcdq-page h2,
.pcdq-page h3 { overflow-wrap: anywhere; }
.pcdq-wrap { max-width: 1120px; margin: 0 auto; padding: 0 28px; }
.pcdq-narrow { max-width: 820px; margin: 0 auto; padding: 0 28px; }
.pcdq-parentlink { padding: 12px 0; background: var(--pcdq-deep); color: #dce5ff; font-size: 14px; }
.pcdq-parentlink a { color: #fff; font-weight: 600; }
.pcdq-crumb { padding: 18px 0 0; color: var(--pcdq-muted); font-size: 13px; }
.pcdq-crumb a { color: var(--pcdq-muted); }
.pcdq-hero { padding: 54px 0 48px; background: linear-gradient(120deg, #fff 0%, #f6f7fa 100%); border-bottom: 1px solid var(--pcdq-line); }
.pcdq-hero h1 { max-width: 880px; margin: 0 0 22px; color: var(--pcdq-deep); font-size: clamp(38px, 5.2vw, 62px); font-weight: 700; letter-spacing: -.035em; line-height: 1.07; }
.pcdq-hero h1 em { color: var(--pcdq-navy); font-weight: 500; }
.pcdq-deck { max-width: 800px; color: var(--pcdq-muted); font-size: 21px; line-height: 1.5; }
.pcdq-btns { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.pcdq-btn { display: inline-block; padding: 12px 20px; border: 1px solid var(--pcdq-navy); border-radius: 8px; font-size: 15px; font-weight: 700; text-decoration: none; }
.pcdq-btn--primary { background: var(--pcdq-navy); color: #fff !important; }
.pcdq-btn--ghost { background: #fff; color: var(--pcdq-navy); }
.pcdq-tagstrip { padding: 16px 0; background: var(--pcdq-navy); color: #fff; font-family: "IBM Plex Mono", monospace; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; }
.pcdq-section { padding: 64px 0; border-bottom: 1px solid var(--pcdq-line); }
.pcdq-section--wash { background: var(--pcdq-wash); }
.pcdq-section--closing { background: linear-gradient(120deg, var(--pcdq-deep), var(--pcdq-navy)); color: #dce5ff; }
.pcdq-eyebrow { margin-bottom: 12px !important; color: var(--pcdq-navy); font-family: "IBM Plex Mono", monospace; font-size: 12px; letter-spacing: .12em; text-transform: uppercase; }
.pcdq-section--closing .pcdq-eyebrow { color: #aebeff; }
.pcdq-page h2 { margin: 0 0 18px; color: var(--pcdq-deep); font-size: clamp(29px, 4vw, 43px); letter-spacing: -.025em; line-height: 1.12; }
.pcdq-section--closing h2 { color: #fff; }
.pcdq-intro { max-width: 760px; color: var(--pcdq-muted); font-size: 19px; }
.pcdq-section--closing .pcdq-intro { color: #dce5ff; }
.pcdq-stages { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.pcdq-stage, .pcdq-card { padding: 24px; border: 1px solid var(--pcdq-line); border-radius: 12px; background: #fff; }
.pcdq-stage .num { color: var(--pcdq-navy); font-family: "IBM Plex Mono", monospace; font-size: 13px; font-weight: 700; }
.pcdq-stage .role { margin: 12px 0 7px; color: var(--pcdq-clay); font-family: "IBM Plex Mono", monospace; font-size: 12px; text-transform: uppercase; }
.pcdq-page h3 { margin: 0 0 10px; color: var(--pcdq-deep); font-size: 22px; line-height: 1.2; }
.pcdq-page ul { margin: 18px 0 0; padding-left: 20px; }
.pcdq-page li { margin: 7px 0; }
.pcdq-flow, .pcdq-roman, .pcdq-paths { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.pcdq-flow .pcdq-card h3 { font-family: "IBM Plex Mono", monospace; font-size: 15px; }
.pcdq-roman { grid-template-columns: repeat(2, 1fr); margin-top: 26px; }
.pcdq-roman .pcdq-card { position: relative; padding-left: 56px; }
.pcdq-roman .rn { position: absolute; top: 24px; left: 24px; color: var(--pcdq-navy); font-family: "IBM Plex Mono", monospace; font-weight: 700; }
.pcdq-paths { grid-template-columns: repeat(2, 1fr); }
.pcdq-paths .label { margin-bottom: 8px; color: var(--pcdq-navy); font-family: "IBM Plex Mono", monospace; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; }
.pcdq-governance { margin: 22px 0 0; padding: 0; list-style: none; }
.pcdq-governance li { display: grid; grid-template-columns: 170px 1fr; gap: 18px; padding: 15px 0; border-bottom: 1px solid var(--pcdq-line); }
.pcdq-governance strong { color: var(--pcdq-deep); }
.pcdq-principle { margin-top: 24px; padding: 20px 22px; border-left: 4px solid var(--pcdq-clay); background: #fff8ec; }
.pcdq-principle .label { margin-bottom: 7px; color: var(--pcdq-clay); font-family: "IBM Plex Mono", monospace; font-size: 12px; text-transform: uppercase; }
.pcdq-command { overflow-x: auto; margin: 24px 0; padding: 20px; border-radius: 8px; background: #17213b; color: #e6efff; font-family: "IBM Plex Mono", monospace; font-size: 14px; line-height: 1.65; }
.pcdq-table-wrap { overflow-x: auto; margin-top: 24px; }
.pcdq-table { width: 100%; min-width: 560px; border-collapse: collapse; background: #fff; }
.pcdq-table caption { padding: 12px 0; color: var(--pcdq-deep); font-weight: 700; text-align: left; }
.pcdq-table th, .pcdq-table td { padding: 12px 14px; border: 1px solid var(--pcdq-line); text-align: left; vertical-align: top; }
.pcdq-table th { background: var(--pcdq-wash); color: var(--pcdq-deep); font-size: 13px; }
.pcdq-table .ok { color: var(--pcdq-green); font-weight: 700; }
.pcdq-table .manual { color: var(--pcdq-clay); font-weight: 700; }
.pcdq-table .dep { color: var(--pcdq-navy); font-weight: 700; }
@media (max-width: 760px) {
  .pcdq-wrap, .pcdq-narrow { padding-right: 20px; padding-left: 20px; }
  .pcdq-hero { padding: 38px 0; }
  .pcdq-deck { font-size: 18px; }
  .pcdq-section { padding: 46px 0; }
  .pcdq-stages, .pcdq-flow, .pcdq-roman, .pcdq-paths { grid-template-columns: 1fr; }
  .pcdq-governance li { grid-template-columns: 1fr; gap: 5px; }
}