.diagnostics-page { text-align: left; }
.diagnostics-main { margin-top: 92px; }
.diagnostics-main section + section { margin-top: 88px; }
.diagnostics-hero { max-width: 760px; }
.eyebrow { display: flex; gap: 9px; color: #72766c; font-size: 11px; text-transform: uppercase; letter-spacing: .04em; }
.eyebrow span:first-child { color: #557541; }
.diagnostics-hero h1 { margin-top: 22px; font-size: clamp(40px, 7vw, 68px); line-height: 1.08; letter-spacing: -.055em; }
.diagnostics-hero h1 .highlight { color: #557541; }
.mobile-break { display: none; }
.diagnostics-lead { max-width: 650px; margin-top: 24px; color: #666c62; font-size: 14px; line-height: 1.9; }
html[lang="en"] .diagnostics-lead { word-spacing: normal; }
.diagnostic-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 22px; }
.diagnostic-tags span { padding: 3px 9px; border: 1px solid #d4dacb; border-radius: 999px; color: #557541; background: #f0f2eb; font-size: 10px; }
.diagnostics-actions { justify-content: flex-start; }
.diagnostics-actions button { cursor: pointer; }
.copy-mark { position: relative; display: block; width: 15px; height: 15px; flex: 0 0 15px; font-size: 0; }
.copy-mark::before, .copy-mark::after { content: ""; position: absolute; width: 9px; height: 9px; border: 1px solid currentColor; border-radius: 2px; }
.copy-mark::before { top: 1px; right: 1px; opacity: .7; }
.copy-mark::after { left: 1px; bottom: 1px; background: #557541; }
.secondary .copy-mark::after { background: #f9f9f6; }
.copy-prompt.is-copied .copy-mark::before { display: none; }
.copy-prompt.is-copied .copy-mark::after { top: 4px; bottom: auto; left: 2px; width: 10px; height: 5px; border-width: 0 0 1px 1px; border-radius: 0; background: transparent; transform: rotate(-45deg); }
.diagnostics-main .section-label { justify-content: flex-start; }
.reality-checks { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid #d9ded3; border-bottom: 1px solid #d9ded3; }
.reality-checks article { position: relative; padding: 28px 26px 30px 0; }
.reality-checks article + article { padding-left: 26px; border-left: 1px solid #d9ded3; }
.check-index { display: block; margin-bottom: 24px; color: #557541; font-size: 10px; }
.reality-checks h3 { margin: 0 0 8px; font-size: 15px; font-weight: 600; }
.reality-checks p { color: #72766c; font-size: 11px; line-height: 1.75; }
.boundary { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(36px, 7vw, 80px); align-items: end; padding: clamp(28px, 5vw, 48px); border: 1px solid #d3d9cc; border-radius: 22px; background: #eef1e9; }
.boundary-kicker { margin-bottom: 13px; color: #557541; font-size: 9px; letter-spacing: .08em; }
.boundary h2 { font-size: clamp(24px, 4vw, 36px); line-height: 1.3; font-weight: 400; letter-spacing: -.04em; }
.boundary > p { color: #687062; font-size: 12px; line-height: 1.8; }
.prompt-heading { display: grid; grid-template-columns: 1fr auto; gap: 32px; align-items: end; margin-bottom: 24px; }
.prompt-heading .section-label { margin-bottom: 16px; }
.prompt-heading h3 { font-size: clamp(22px, 3.5vw, 30px); line-height: 1.35; font-weight: 400; letter-spacing: -.035em; }
.prompt-heading p { max-width: 620px; margin-top: 12px; color: #72766c; font-size: 12px; }
.compact-copy { align-self: end; border: 0; background: transparent; cursor: pointer; font: inherit; font-size: 11px; }
.prompt-window { overflow: hidden; border: 1px solid #ccd3c5; border-radius: 18px; background: #30372d; color: #edf0e9; box-shadow: 0 18px 42px #34402d12; }
.prompt-toolbar { display: flex; align-items: center; gap: 7px; height: 42px; padding: 0 18px; border-bottom: 1px solid #56604f; background: #3b4337; }
.prompt-toolbar span { width: 7px; height: 7px; border-radius: 50%; background: #74806c; }
.prompt-toolbar span:first-child { background: #9bae8d; }
.prompt-toolbar b { margin-left: auto; color: #aeb8a6; font-size: 8px; font-weight: 400; letter-spacing: .06em; }
.prompt-window pre { max-height: 620px; margin: 0; padding: clamp(24px, 5vw, 42px); overflow: auto; scrollbar-color: #74806c #30372d; }
.prompt-window code { font: inherit; font-size: 11px; line-height: 1.75; white-space: pre-wrap; overflow-wrap: anywhere; }
html[lang="en"] .prompt-window code { word-spacing: normal; }
.diagnostic-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; padding: 0; list-style: none; }
.diagnostic-steps li { min-height: 190px; padding: 24px; border-radius: 18px; background: #f0f1ec; }
.diagnostic-steps li > span { display: inline-grid; place-items: center; width: 24px; height: 24px; margin-bottom: 34px; border: 1px solid #aebba4; border-radius: 50%; color: #557541; font-size: 10px; }
.diagnostic-steps h3 { margin: 0 0 7px; font-size: 14px; font-weight: 600; }
.diagnostic-steps p { color: #72766c; font-size: 11px; line-height: 1.7; }
.diagnostic-contact { align-items: center; }
.contact-content > p { color: #687062; font-size: 12px; line-height: 1.8; }
.contact-links { margin-top: 22px; border-bottom: 1px solid #cfd6c8; }
.contact-link { display: grid; grid-template-columns: 68px 1fr auto; gap: 14px; align-items: center; padding: 15px 0; border-top: 1px solid #cfd6c8; }
.contact-link span { color: #72766c; font-size: 9px; text-transform: uppercase; letter-spacing: .04em; }
.contact-link strong { min-width: 0; overflow-wrap: anywhere; color: #292b27; font-size: 12px; font-weight: 400; }
.contact-link i { color: #557541; font-size: 13px; font-style: normal; transition: transform 160ms ease; }
.contact-link:hover i { transform: translate(2px, -2px); }
.diagnostics-page footer { margin-top: 96px; }
@media (max-width: 700px) {
  .diagnostics-main { margin-top: 74px; }
  .diagnostics-main section + section { margin-top: 64px; }
  .diagnostics-hero h1 { font-size: clamp(38px, 13vw, 54px); }
  .diagnostics-lead { font-size: 13px; }
  .reality-checks, .diagnostic-steps, .boundary { grid-template-columns: 1fr; }
  .reality-checks article { padding: 24px 0; }
  .reality-checks article + article { padding-left: 0; border-top: 1px solid #d9ded3; border-left: 0; }
  .check-index { margin-bottom: 14px; }
  .boundary { gap: 22px; }
  .prompt-heading { grid-template-columns: 1fr; gap: 16px; }
  .compact-copy { justify-self: start; padding-left: 0; }
  .prompt-window pre { max-height: 540px; padding: 24px 20px; }
  .diagnostic-steps li { min-height: 0; }
  .diagnostic-steps li > span { margin-bottom: 26px; }
}
@media (max-width: 520px) {
  .mobile-break { display: inline; }
  .diagnostics-actions { gap: 12px; }
  .diagnostics-actions .primary, .diagnostics-actions .secondary { justify-content: center; width: 100%; }
  .prompt-toolbar b { max-width: 190px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}