/* pages-c.css — Insights, AI Hub, Trust Center, About, Careers, Contact, Briefing, Supplier Code and legal pages.
 * Every class here is prefixed pc- (or scoped under one), so nothing reaches another writer's pages. Theme-safe:
 * colours come only from the shared variables, so light and dark both work. */

/* ---- shared: a "how this is made" panel, source lines, tables ---------------------------------------------------- */
.pc-source{margin-top:22px;border:1px dashed var(--line-3);border-radius:12px;padding:16px 18px;background:var(--bg);max-width:none}
.pc-source .k,.pc-tag,.pc-state,.pc-facts .k,.pc-steps .k,.pc-reach .k{font-family:var(--mono);font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;color:var(--amber)}
.pc-source p{margin-top:8px;font-size:.88rem;line-height:1.6;color:var(--ink-2);max-width:96ch}
.pc-source a,.pc-note a:not(.link-arrow),.pc-reach a,.pc-lead a{color:var(--amber);text-decoration:underline;text-underline-offset:2px}
.pc-source code,.pc-src code,.pc-ctl p code,.pc-kb p code{font-family:var(--mono);font-size:.8em;color:var(--ink);background:var(--sunken);border-radius:5px;padding:1px 5px;overflow-wrap:anywhere}

.pc-table{margin-top:22px;border:1px solid var(--line);border-radius:12px;background:var(--paper);overflow-x:auto}
.pc-table table{width:100%;border-collapse:collapse;font-size:.92rem;min-width:520px}
.pc-table th{text-align:left;font-family:var(--mono);font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);font-weight:500;padding:12px 16px;border-bottom:1px solid var(--line-2)}
.pc-table td{padding:12px 16px;border-bottom:1px solid var(--line);color:var(--ink-2);vertical-align:top}
.pc-table tr:last-child td{border-bottom:0}
.pc-table td b{color:var(--ink);font-weight:650}
.legal .pc-table{margin-top:14px}

/* ---- Insights: editorial notes ---------------------------------------------------------------------------------- */
.pc-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px}
.pc-note{display:flex;flex-direction:column;gap:8px;border:1px solid var(--line);border-radius:14px;background:var(--paper);padding:20px}
.pc-note h3{font-size:1.06rem;font-weight:700;letter-spacing:-.015em;line-height:1.3}
.pc-note p{font-size:.9rem;color:var(--ink-2);line-height:1.58}
.pc-note .pc-in{color:var(--ink);font-weight:540}
.pc-foot{margin-top:auto;padding-top:12px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.pc-date{font-family:var(--mono);font-size:.74rem;color:var(--ink-3)}
.pc-foot .link-arrow{font-size:.8rem}

/* ---- AI Hub ----------------------------------------------------------------------------------------------------- */
.pc-hub .ihub-note{margin-top:18px}

/* ---- Trust Center ----------------------------------------------------------------------------------------------- */
.pc-assure{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px}
.pc-as{border:1px solid var(--line);border-radius:14px;background:var(--paper);padding:20px}
.pc-as .pc-state{display:inline-block;padding:4px 9px;border-radius:var(--r-pill);border:1px solid color-mix(in srgb,var(--flag) 45%,transparent);color:var(--flag)}
.pc-as.pc-held .pc-state{border-color:color-mix(in srgb,var(--allow) 45%,transparent);color:var(--allow)}
.pc-as h3{font-size:1.12rem;font-weight:700;margin-top:12px}
.pc-as p{font-size:.9rem;color:var(--ink-2);margin-top:6px;line-height:1.56}
.pc-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px}
.pc-facts>div,.pc-steps>div{display:flex;flex-direction:column;gap:6px;border:1px solid var(--line);border-radius:14px;background:var(--paper);padding:18px}
.pc-facts b{font-size:1.05rem;font-weight:700;color:var(--ink)}
.pc-facts span:not(.k){font-size:.86rem;color:var(--ink-2)}
.pc-ctl .card{display:flex;flex-direction:column}
.pc-src{display:block;margin-top:auto;padding-top:14px;font-size:.76rem;color:var(--ink-3);line-height:1.5}
.pc-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}
.pc-steps p{font-size:.9rem;color:var(--ink-2);line-height:1.56}

/* ---- About -------------------------------------------------------------------------------------------------------- */
.pc-stats .card{align-items:flex-start}
.pc-stats .n{font-family:var(--serif);font-size:3rem;font-weight:560;color:var(--ink);line-height:1}
.pc-stats .n.pc-word{font-size:2.1rem;line-height:1.37}

/* ---- Contact and briefing forms ----------------------------------------------------------------------------------- */
.pc-formsplit{align-items:start}
.pc-formcard{border:1px solid var(--line-2);border-radius:var(--r-xl);background:var(--paper);padding:28px;box-shadow:var(--shadow-1)}
.pc-formcard .note a{color:var(--amber);text-decoration:underline;text-underline-offset:2px}
.pc-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.pc-submit{width:100%;justify-content:center}
.pc-formcard .formok{margin-top:16px}
.pc-formcard .formok.pc-err{background:color-mix(in srgb,var(--block) 12%,transparent);border-color:color-mix(in srgb,var(--block) 40%,transparent);color:var(--ink)}
.pc-reach{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:12px}
.pc-reach li{display:grid;grid-template-columns:96px 1fr;gap:12px;align-items:baseline;font-size:.92rem;color:var(--ink-2)}
.pc-reach a{overflow-wrap:anywhere}
.pc-ticks{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:10px}
.pc-ticks li{position:relative;padding-left:26px;color:var(--ink-2);font-size:.95rem}
.pc-ticks li::before{content:"";position:absolute;left:2px;top:.42em;width:12px;height:7px;border-left:2px solid var(--amber);border-bottom:2px solid var(--amber);transform:rotate(-45deg)}

/* ---- Legal pages and Supplier Code -------------------------------------------------------------------------------- */
.pc-upd{font-family:var(--mono);font-size:.78rem;color:var(--ink-3);margin-top:14px}
.pc-legalsec .legal{margin-top:0;max-width:76ch}
.pc-legalsec .legal p em{color:var(--ink-2)}
.pc-legalsec .legal code{font-family:var(--mono);font-size:.84em;background:var(--sunken);border-radius:5px;padding:1px 5px}
.pc-related{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:40px;padding-top:18px;border-top:1px solid var(--line);max-width:76ch}
.pc-related a{font-size:.88rem;color:var(--amber);text-decoration:none}
.pc-related a:hover{text-decoration:underline}

@media(max-width:980px){
  .pc-notes,.pc-assure,.pc-steps{grid-template-columns:1fr}
  .pc-facts{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .pc-facts{grid-template-columns:1fr}
  .pc-formcard{padding:20px}
  .pc-reach li{grid-template-columns:1fr;gap:2px}
}