/* psc.css — PSC-specific styling ONLY. The Australian PSC "Will AMSA board you?"
   page reuses the shared design system in /styles.css for every shared element
   (.panel, .gauge, .band-pill, .band-*, .drivers, .dq-*, .field, .grid, .sub,
   .req, .mode-pill, .disclaimer-banner, .hint, .table-scroll, .actions,
   .secondary, .primary, .enrich-hero, .imo-row, .est-badge, .error-box). This
   file adds only the bits that are unique to the PSC vertical. Pure CSS, no
   build step, no CDNs. */

/* ---- PSC introduction ---- */
.psc-hero {
  max-width: 1080px;
  margin: 16px auto 0;
  padding: 0 20px;
  background: transparent;
  color: #e8eef4;
}
.psc-hero .inner {
  padding: 26px 28px;
  background: var(--brand-dark, #0e2c31);
  border-radius: var(--radius-lg, 8px);
}
.psc-hero h2 {
  margin: 0 0 6px;
  color: #ffffff;
  max-width: 680px;
  font-size: clamp(1.35rem, 3vw, 1.8rem);
  letter-spacing: -0.025em;
  line-height: 1.18;
}
.psc-hero p {
  margin: 0;
  font-size: 0.88rem;
  line-height: 1.5;
  max-width: 760px;
}
.psc-hero .eyebrow { color: #80c7bd; }
.psc-hero .psc-hero-qual {
  display: block;
  margin-top: 12px;
  padding-top: 10px;
  border-top: 1px solid rgba(255, 255, 255, 0.16);
  font-size: 0.72rem;
  color: #b8cbcc;
}
.psc-hero a { color: #ffffff; text-decoration: underline; }

/* ---- Prominent guidance-note box (AMSA targeting is not public) ---- */
.psc-guidance {
  margin-top: 16px;
  padding: 14px 16px;
  border-radius: 4px;
  border: 1px solid var(--warn-line, #e2c69a);
  background: var(--warn-bg, #fbf3e3);
  color: var(--warn-ink, #5a4408);
  font-size: 0.9rem;
  line-height: 1.5;
}
.psc-guidance strong { display: block; margin-bottom: 4px; }

/* ---- "What AMSA is most likely to check" focus list ---- */
.psc-focus { margin-top: 18px; }
.psc-focus h3 {
  margin: 0 0 8px;
  font-size: 1rem;
}
.psc-focus ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 8px;
}
.psc-focus li {
  padding: 10px 12px;
  border-radius: 4px;
  border: 1px solid var(--line, #d7dee5);
  background: #f6f8f6;
}
.psc-focus li .focus-label {
  font-weight: 700;
  font-size: 0.9rem;
  color: var(--ink, #1c2630);
}
.psc-focus li .focus-detail {
  margin-top: 2px;
  font-size: 0.84rem;
  color: var(--muted, #5d6770);
  line-height: 1.45;
}

/* ---- Paid next-steps CTA cards ---- */
.psc-cta { margin-top: 22px; }
.psc-cta > h2 { margin-top: 0; }
.psc-cta .cta-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: 1fr;
}
@media (min-width: 720px) {
  .psc-cta .cta-grid { grid-template-columns: repeat(3, 1fr); }
}
.psc-cta .cta-card {
  display: flex;
  flex-direction: column;
  padding: 14px;
  border-radius: 4px;
  border: 1px solid var(--line, #d7dee5);
  background: #f6f8f6;
}
.psc-cta .cta-card h3 {
  margin: 0 0 6px;
  font-size: 1rem;
  color: var(--ink, #1c2630);
}
.psc-cta .cta-card p {
  margin: 0;
  font-size: 0.85rem;
  line-height: 1.45;
  color: var(--muted, #5d6770);
}
.psc-cta .cta-contact {
  margin-top: 18px;
  font-size: 0.86rem;
  color: var(--ink, #1c2630);
}
.psc-cta .cta-sibling {
  margin-top: 8px;
  font-size: 0.84rem;
  color: var(--muted, #5d6770);
}

/* ---- Print: keep the PSC score + focus + guidance, drop chrome ---- */
@media print {
  header.site, .disclaimer-banner, .psc-hero, #psc-intake-panel,
  .psc-cta, .site-footer, .actions, .section-actions, .mode-pill,
  #psc-error-box, .back-to-chat { display: none !important; }
  #psc-result-panel { box-shadow: none; border: none; margin: 0; padding: 0; }
  @page { margin: 18mm; }
}

/* ---- Self-serve checklists (psc-checklists-panel) ---- */
#psc-checklists h3 { margin: 14px 0 6px; font-size: 1rem; color: var(--ink, #111c27); }
.chk-group {
  margin: 6px 0;
  border: 1px solid var(--line, #dbe2ea);
  border-radius: 4px;
  padding: 6px 12px;
}
.chk-group summary { cursor: pointer; font-weight: 600; color: var(--ink-soft, #344656); }
.chk-list { list-style: none; margin: 8px 0 6px; padding: 0; }
.chk-list li { margin: 6px 0; }
.chk-list label { display: flex; gap: 8px; align-items: flex-start; cursor: pointer; }
.chk-list input[type="checkbox"] { margin-top: 3px; flex: none; }

@media print {
  #psc-checklists-panel { box-shadow: none; border: none; margin: 0; padding: 0; }
  .chk-group { break-inside: avoid; }
}

@media (max-width: 600px) {
  .psc-hero { margin-top: 10px; padding: 0 14px; }
  .psc-hero .inner { padding: 22px 18px; }
}