/* Uses the existing cream/navy visual system. Scoped to repaired page content. */
.ay-repair-page { padding: 136px 0 72px; background: #f4f1e9; color: #111525; }
.ay-repair-wrap { width: min(1120px, calc(100% - 64px)); margin-inline: auto; }
.ay-repair-hero { max-width: 860px; margin-bottom: 64px; }
.ay-repair-page .ay-repair-eyebrow, .ay-about-detail .ay-repair-eyebrow { font: 700 11px/1.4 Geist, Manrope, sans-serif; text-transform: uppercase; letter-spacing: .12em; color: #5b5d65; margin: 0 0 18px; }
.ay-repair-page h1 { font: 800 clamp(36px, 4.5vw, 60px)/1.08 Manrope, sans-serif; letter-spacing: -.045em; margin: 0 0 24px; color: #111525; }
.ay-repair-page h2, .ay-about-detail h2 { font: 750 clamp(25px, 2.6vw, 36px)/1.18 Manrope, sans-serif; letter-spacing: -.025em; margin: 0 0 20px; color: #111525; }
.ay-repair-page h3, .ay-about-detail h3 { font: 700 21px/1.25 Manrope, sans-serif; letter-spacing: -.02em; margin: 0 0 14px; color: #111525; }
.ay-repair-page p, .ay-repair-page li, .ay-about-detail p, .ay-about-detail li { font: 400 16px/1.7 Manrope, sans-serif; color: #444853; }
.ay-repair-page p, .ay-about-detail p { margin: 0 0 18px; }
.ay-repair-page a:not(.ay-repair-button), .ay-about-detail a { color: #162742; text-decoration: underline; text-underline-offset: 4px; }
.ay-repair-lede { max-width: 760px; font-size: 18px !important; }
.ay-repair-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 24px; }
.ay-repair-button { display: inline-flex; justify-content: center; align-items: center; min-height: 48px; padding: 14px 24px; border: 1px solid #111525; border-radius: 999px; background: #111525; color: #fff !important; font: 700 12px/1.3 Geist, Manrope, sans-serif; letter-spacing: .055em; text-transform: uppercase; text-decoration: none; }
.ay-repair-button.is-secondary { background: transparent; color: #111525 !important; }
.ay-repair-button:focus-visible, .ay-repair-page a:focus-visible, .ay-about-detail a:focus-visible { outline: 3px solid #3b6b9c; outline-offset: 5px; }
.ay-repair-section { padding: 48px 0; border-top: 1px solid #d8d6d0; }
.ay-repair-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; }
.ay-repair-grid.is-two { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 48px; }
.ay-repair-card { background: #fff; border: 1px solid #e2e0da; border-radius: 20px; padding: 28px; }
.ay-repair-card p:last-child { margin-bottom: 0; }
.ay-repair-note { border-left: 3px solid #111525; padding: 8px 0 8px 24px; margin: 28px 0; max-width: 860px; }
.ay-repair-page ul, .ay-about-detail ul, .ay-about-detail ol { margin: 12px 0 22px; padding-left: 22px; }
.ay-repair-page li, .ay-about-detail li { margin: 10px 0; }
.ay-about-detail { width: min(1120px, calc(100% - 64px)); margin: 0 auto; padding: 28px 0 54px; }
.ay-about-detail .ay-repair-section:first-child { padding-top: 40px; }
.ay-about-detail .ay-repair-grid { gap: 48px; }
.ay-repair-contact { overflow-wrap: anywhere; }
/* The detail page reuses the audit form, outside the canonical Audit body class. */
body.page-id-1162 .ay-audit-v5__form { position: relative; display: grid; gap: 24px; min-width: 0; }
body.page-id-1162 .ay-audit-v5__honeypot { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); clip-path: inset(50%); white-space: nowrap; }
body.page-id-1162 .ay-audit-v5__fields { display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; }
body.page-id-1162 .ay-audit-v5__form label:not(.ay-audit-v5__consent) { display: grid; gap: 8px; min-width: 0; margin: 0; }
body.page-id-1162 .ay-audit-v5__form label > span { color: #111525; font: 700 14px/1.4 Manrope, sans-serif; }
body.page-id-1162 .ay-audit-v5__form input:not([type="checkbox"]):not([type="hidden"]),
body.page-id-1162 .ay-audit-v5__form textarea { box-sizing: border-box; width: 100%; min-width: 0; min-height: 48px; margin: 0; padding: 13px 16px; border: 1px solid #d8d6d0; border-radius: 10px; background: #fff; color: #111525; font: 400 16px/1.4 Manrope, sans-serif; }
body.page-id-1162 .ay-audit-v5__form textarea { min-height: 120px; resize: vertical; }
body.page-id-1162 .ay-audit-v5__form input:focus-visible,
body.page-id-1162 .ay-audit-v5__form textarea:focus-visible { outline: 3px solid #3b6b9c; outline-offset: 2px; }
body.page-id-1162 .ay-audit-v5__form small { display: block; color: #5b5d65; font: 400 12px/1.6 Manrope, sans-serif; }
body.page-id-1162 .ay-audit-v5__form details summary { display: flex; align-items: center; min-height: 44px; cursor: pointer; color: #111525; font: 700 14px/1.4 Manrope, sans-serif; }
body.page-id-1162 .ay-audit-v5__form details[open] > :not(summary) { margin-top: 16px; }
body.page-id-1162 .ay-audit-v5__consent { display: flex; align-items: flex-start; gap: 10px; margin: 0; }
body.page-id-1162 .ay-audit-v5__consent input { flex: 0 0 20px; width: 20px; height: 20px; min-height: 20px; margin: 2px 0 0; padding: 0; }
body.page-id-1162 .ay-audit-v5__consent > span { font: 400 13px/1.6 Manrope, sans-serif !important; }
body.page-id-1162 .ay-audit-v5__form > button { min-height: 48px; width: 100%; }
@media (max-width: 800px) {
  .ay-repair-page { padding-top: 110px; }
  .ay-repair-wrap, .ay-about-detail { width: calc(100% - 40px); }
  .ay-repair-grid, .ay-repair-grid.is-two { grid-template-columns: 1fr; gap: 24px; }
  .ay-repair-hero { margin-bottom: 42px; }
  .ay-repair-section { padding: 34px 0; }
  .ay-repair-card { padding: 24px; }
}
@media (max-width: 420px) {
  .ay-repair-page h1 { font-size: 34px; }
  .ay-repair-actions { flex-direction: column; }
  .ay-repair-button { width: 100%; }
}