.case-page{box-sizing:border-box;max-width:1000px;margin:0 auto;padding:64px 24px;font-family:'Roboto',Arial,sans-serif;font-size:18px;line-height:1.65;color:#302a2a;overflow-wrap:anywhere}
.case-page h1{font-size:clamp(28px,4vw,44px);line-height:1.2;margin:0 0 32px;color:#0169c2}
.case-page p,.case-page>div{margin:0 0 24px}
.case-page .case-page__result{padding:24px;background:#0164b8;color:#fff;border-radius:8px}
.case-page a{color:#0169c2;text-decoration:underline}
.case-page a:focus-visible{outline:2px solid currentColor;outline-offset:4px}
/* shortcut: mobile fixed header is under 96px tall; recheck if its logo, padding or breakpoint changes. */
@media(max-width:980px){.case-page{padding-top:160px}}
@media(max-width:639px){.case-page{padding:128px 20px 32px;font-size:16px}.case-page .case-page__result{padding:20px}}

.case-page .case-page__outcome{padding:24px;background:#ecf3fc;border-radius:8px}

/* The renderer-owned return link uses the site's primary button treatment. */
#allrecords .case-page > p:last-child > a[href="/cases"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-height: 48px;
  max-width: 100%;
  padding: 12px 32px;
  border-radius: 30px;
  background: linear-gradient(110deg, #0169c2, #00a2de);
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
}
#allrecords .case-page > p:last-child > a[href="/cases"]:focus-visible {
  outline: 2px solid #0169c2;
  outline-offset: 4px;
}