/* Domain health check (/domain-health-check). Layers on css/domain-expiry-1.css, which
   carries the shared form, result rows and help band. This file adds only the grade
   letter, the small row labels and the share box. Colours match domain-expiry-1.css. */
body.ap.dns-preview .rc-letter { flex: 0 0 auto; display: flex; align-items: center; justify-content: center; width: 112px; height: 112px; border-radius: 24px; font-size: 4rem; font-weight: 800; line-height: 1; letter-spacing: -.03em; color: #fff; background: #4a5a72; }
body.ap.dns-preview .rc-grade-A .rc-letter { background: #1f7a45; }
body.ap.dns-preview .rc-grade-B .rc-letter { background: #2f6f3e; }
body.ap.dns-preview .rc-grade-C .rc-letter { background: #9a6a0c; }
body.ap.dns-preview .rc-grade-D .rc-letter { background: #a5481d; }
body.ap.dns-preview .rc-grade-F .rc-letter { background: #a51d31; }
body.ap.dns-preview .rc-top.rc-grade-A, body.ap.dns-preview .rc-top.rc-grade-B { border-top-color: #1f7a45; }
body.ap.dns-preview .rc-top.rc-grade-C { border-top-color: #c58a12; }
body.ap.dns-preview .rc-top.rc-grade-D, body.ap.dns-preview .rc-top.rc-grade-F { border-top-color: #a51d31; }
body.ap.dns-preview #dns-results .dns-check .rc-label { margin: 0 0 4px; font-size: .8rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #4a5a72; }
body.ap.dns-preview .rc-share { display: flex; flex-wrap: wrap; gap: 16px 24px; align-items: center; justify-content: space-between; margin-top: 2rem; padding: 24px 28px; background: #fff; border: 1px solid #d8e1ee; border-radius: 18px; }
body.ap.dns-preview .rc-share > div { flex: 1 1 360px; min-width: 0; }
body.ap.dns-preview #dns-results .rc-share h3 { margin: 0 0 6px; font-size: 1.25rem; color: #142238; }
body.ap.dns-preview #dns-results .rc-share p { margin: 0; color: #2f3e55; }
body.ap.dns-preview .rc-share-btn { display: inline-flex; align-items: center; min-height: 48px; padding: 0 22px; border-radius: 10px; border: 2px solid #145bb9; background: #fff; color: #145bb9; font-weight: 700; cursor: pointer; }
body.ap.dns-preview .rc-share-btn:hover { background: #eef4fc; }
body.ap.dns-preview .rc-share-btn:focus-visible { outline: 3px solid #145bb9; outline-offset: 3px; }
body.ap.dns-preview #dns-results .rc-share .rc-share-note { flex: 1 0 100%; font-size: .9rem; color: #4a5a72; overflow-wrap: anywhere; }
body.ap.dns-preview #dns-results .rc-share .rc-share-note:empty { display: none; }
/* The results box takes focus after a check so screen readers land on it; it is not a
   control, so no focus ring around the whole report. */
body.ap.dns-preview #dns-results:focus { outline: none; }
@media (max-width: 600px) {
  body.ap.dns-preview .rc-letter { width: 84px; height: 84px; font-size: 3rem; border-radius: 18px; }
  body.ap.dns-preview .rc-share { padding: 20px; }
  body.ap.dns-preview .rc-share-btn { width: 100%; justify-content: center; }
}