/* Interior pages: navy architecture, brass details, clear working surfaces. */
.page-head,
.employer-intro,
.process-simple-head,
.sector-detail-head,
.candidate-hero {
  background: var(--dark);
  color: #fff;
  border-bottom: 4px solid var(--gold);
}
.page-head h1,
.employer-intro h1,
.process-title-row h1,
.sector-detail-grid h1,
.candidate-hero h1 { color: #fff; font-weight: 700; }
.page-head .lead,
.employer-intro .lead,
.sector-detail-grid .lead,
.candidate-hero p,
.process-title-row p { color: #d3dee6; }
.page-head .eyebrow,
.employer-intro .eyebrow,
.sector-detail-head .eyebrow,
.candidate-hero .eyebrow { color: var(--gold); }
:is(.page-head,.employer-intro,.process-simple-head,.sector-detail-head,.candidate-hero) .breadcrumb {
  color: #b6c7d4;
}
:is(.page-head,.employer-intro,.process-simple-head,.sector-detail-head,.candidate-hero) .breadcrumb > span:last-child { color: #e3eaf0; }
:is(.page-head,.employer-intro,.process-simple-head,.sector-detail-head,.candidate-hero) .breadcrumb a:hover { color: #fff; }
.page-head .page-jumps a {
  background: transparent;
  color: #eef3f6;
  border-color: #5d7181;
  border-radius: 0;
}
.page-head .page-jumps a:hover {
  background: #173a54;
  border-color: var(--gold);
  color: #fff;
}
:is(.page-head,.employer-intro,.sector-detail-head,.candidate-hero) .btn:not(.btn-secondary):not(.btn-outline) {
  background: var(--gold);
  border-color: var(--gold);
  color: var(--dark);
}
:is(.page-head,.employer-intro,.sector-detail-head,.candidate-hero) .btn:not(.btn-secondary):not(.btn-outline):hover {
  background: #dfc791;
  border-color: #dfc791;
  color: var(--dark);
}
:is(.page-head,.employer-intro,.sector-detail-head,.candidate-hero) .btn-secondary {
  color: #fff;
  border-color: #d3dee6;
  background: transparent;
}
:is(.page-head,.employer-intro,.sector-detail-head,.candidate-hero) .btn-secondary:hover {
  color: #fff;
  background: #173a54;
  border-color: #fff;
}

/* Business pages retain a separate white brief for quick scanning. */
.employer-intro { padding-bottom: 27px; }
.employer-brief {
  color: var(--ink);
  background: #fff;
  border: 1px solid #c6cfd6;
  border-top: 4px solid var(--gold);
  padding: 28px;
}
.employer-brief h2 { color: var(--ink); font-weight: 700; }
.employer-brief .mini-label { color: var(--accent); }
.employer-brief p { color: var(--muted); }
.employer-brief li { border-color: #ccd4d9; }
.employer-sector-links a { color: #e1e9ee; border-color: #5d7181; }
.employer-sector-links a:hover { color: #fff; border-color: var(--gold); }
.employer-sector-links .mini-label { color: var(--gold); }
.employer-intro .page-jumps { border-color: #41586b; }
.employer-intro .page-jumps a { color: #e3eaf0; }
.employer-intro .page-jumps a:hover { background: transparent; color: #fff; }
.employer-deliverables article { border-top: 2px solid #bcc8d0; }
.employer-deliverables h3,
.collaboration-cards h3,
.employer-journey h3 { font-weight: 700; }
.service-output { border-left: 3px solid var(--accent); background: #e9eef1; }
.collaboration-cards article {
  border: 1px solid #b7c3cc;
  border-top: 4px solid var(--dark);
}
.collaboration-cards article:nth-child(2) { border-top-color: var(--accent); }
.responsibility-grid { border-color: #aebbc5; }
.responsibility-head { background: var(--dark); border-bottom: 3px solid var(--gold); }
.responsibility-row { border-color: #bcc8d0; }
.responsibility-row h3 { background: #e6edf2; font-weight: 700; }
.responsibility-row > div { border-color: #c2ccd4; }
.employer-journey li { border-top-color: var(--accent); }
.employer-brief-list li { border-color: #bdc9d2; }

/* Keep the six-step route compact and fully legible against the dark heading. */
.process-simple-head { padding-bottom: 26px; }
.process-audience-links a { color: #f3f5f7; border-color: #7a8d9b; }
.process-audience-links a:hover { color: #fff; border-color: var(--gold); }
.process-audience-links span { color: var(--gold); }
.recruitment-route {
  background: #fff;
  color: var(--ink);
  border: 1px solid #b9c6d0;
  border-top: 3px solid var(--gold);
}
.route-endpoints strong { color: var(--ink); font-weight: 700; }
.route-endpoints small,
.recruitment-steps p { color: var(--muted); }
.recruitment-steps h2 { color: var(--ink); font-weight: 700; }
.recruitment-dot { background: #fff; border-color: var(--accent); }
.recruitment-steps li:before { background: var(--accent); }
.process-timing { color: #c3d0da; }
.process-preparation { background: #e9eef2; }
.process-audience { border: 1px solid #b4c1cb; border-top: 3px solid var(--dark); }
.process-audience h2 { font-weight: 700; }
.process-docs li { background: #f3f6f8; color: var(--ink); border-color: #bdc8d1; border-radius: 0; }
.process-tasks > div { border-color: #c2ccd4; }
.process-tasks dt { color: var(--ink); font-weight: 700; }
.soc-mini-flow { background: #e9eef2; border-left: 3px solid var(--accent); }
.process-source-footer { border-color: #b7c4ce; background: #f5f7f9; }
.process-source-footer a { color: var(--ink); text-decoration: underline; text-underline-offset: 4px; }

/* Candidate and industry pages use firm dividers instead of extra decoration. */
.candidate-roles { border-color: #b7c4ce; border-top: 3px solid var(--dark); }
.candidate-roles article { background: #fff; border-color: #c0cbd3; }
.candidate-roles h3 { font-weight: 700; }
.terms-list { border-color: #b7c4ce; border-top: 3px solid var(--dark); }
.terms-list > div { border-color: #c1cbd2; }
.terms-list dt { color: var(--ink); font-weight: 700; }
.preparation-grid article { background: #e8eef2; border-top: 3px solid var(--accent); }
.candidate-journey li { border-color: #aabac6; }
.candidate-journey h3 { font-weight: 700; }
.faq-list details { border-color: #b8c5ce; }
.faq-list details:first-child { border-top: 2px solid var(--dark); }
.faq-list summary { color: var(--ink); font-weight: 600; }
.sector-row { border-color: #b9c6cf; }
.sector-row h2 { font-weight: 700; }
.sector-row-photo { border-bottom: 4px solid var(--gold); }
.tags span { color: var(--ink); background: #e7edf1; border: 1px solid #c2ccd4; }
.sector-detail-head .tags span { color: #eef3f6; background: #183a54; border-color: #657c8e; }
.detail-image { border-bottom: 4px solid var(--gold); }
.detail-image > span { background: #0b263deb; }
.role-list > div { border-color: #bac6cf; }
.inline-note { background: #e9eef2; border-left-width: 3px; }
.office-card { background: #e6edf2; border: 1px solid #bdc8d0; border-top: 4px solid var(--accent); }
.office-card > span { color: #607687; }
.professional-note { border-top: 1px solid #b9c5ce; padding-top: 28px; }

/* Guides look like finished company documents, with the same reading hierarchy. */
.guide-tabs { border-bottom: 1px solid #aebdc8; }
.guide-tabs button { color: var(--ink); }
.guide-tabs button[aria-selected=true] { color: #fff; background: var(--dark); border-color: var(--gold); }
.guide-tabs button[aria-selected=true]:hover { background: #173a54; }
.guide-reader-head { background: var(--dark); color: #fff; padding: 30px; border-bottom: 3px solid var(--gold); }
.guide-reader-head .mini-label { color: var(--gold); }
.guide-reader-head h2 { color: #fff; font-weight: 700; }
.guide-reader-head p { color: #d3dee6; }
.guide-reader-head .pdf-download { background: #fff; color: var(--ink); border-color: #fff; }
.guide-reader-head .pdf-download:hover { background: #e9eef2; border-color: #e9eef2; }
.guide-topic { border-color: #b9c7d1; }
.guide-topic h3 { font-weight: 700; }
.guide-topic li:before { border-color: var(--accent); }
.guide-end { background: #e8eef2; border-left-width: 3px; }
.source-list { border-top: 2px solid var(--dark); }
.source-list a { border-color: #b9c6ce; }
.source-list strong { font-weight: 600; }

/* Enquiries retain native controls and obvious focus and selected states. */
body[data-page=contacto] main > .section { background: #e9eef2; }
.contact-form-wrap { background: #fff; border: 1px solid #b9c6ce; padding: 30px; }
.contact-tabs { border-color: #aabac7; }
.contact-tabs button { color: var(--ink); background: #e9eef2; font-weight: 600; }
.contact-tabs button[aria-selected=true] { background: var(--dark); color: #fff; border-bottom-color: var(--gold); }
.contact-info > div { border-color: #b4c1cb; }
.contact-info h2 { font-weight: 700; }
.field { color: var(--ink); }
.field > span { font-weight: 600; }
.field input,
.field select,
.field textarea { border-color: #8ea1af; background: #fcfdfe; border-radius: 0; }
.field input:focus,
.field select:focus,
.field textarea:focus { border-color: var(--ink); outline-color: var(--accent); background: #fff; }
.field input:disabled,
.field select:disabled,
.field textarea:disabled { background: #e9eef2; color: #697c89; }
dialog { border-top: 4px solid var(--gold); }
dialog::backdrop { background: #061a2dcc; }
#enquiry-summary { background: #e9eef2; border: 1px solid #bdc8d0; }

@media (max-width: 760px) {
  .employer-intro { padding-bottom: 23px; }
  .employer-brief { padding: 22px; }
  .process-simple-head { padding-bottom: 21px; }
  .process-audience { border-top-width: 3px; }
  .responsibility-row { border-color: #b4c2cc; }
  .responsibility-row h3 { border-bottom: 1px solid #b4c2cc; }
  .responsibility-row > div { border-color: #c2ccd4; }
  .guide-reader-head { padding: 23px 20px; }
  .guide-reader-head h2 { font-size: 27px; }
  .contact-form-wrap { padding: 22px 20px; }
  .contact-tabs { margin-bottom: 23px; }
  .contact-tabs button { padding-inline: 9px; }
  .professional-note { padding-top: 23px; }
}
@media (max-width: 360px) {
  .employer-brief { padding: 19px; }
  .contact-form-wrap { padding: 20px 16px; }
  .contact-tabs button { font-size: 14px; padding-inline: 7px; }
  .guide-reader-head { padding-inline: 18px; }
  .guide-reader-head h2 { font-size: 25px; }
}