.qualification-banner{display:flex;align-items:center;justify-content:space-between;gap:28px;max-width:1370px;margin:22px auto 30px;padding:25px 30px;border-radius:22px;background:#e7eee5;color:#29493f}.qualification-banner h2{margin:0;font:400 25px/1.25 Georgia,serif}.qualification-banner p{max-width:780px;margin:10px 0 0;font-size:14px;line-height:1.65}.qualification-banner>a{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;flex-shrink:0;padding:12px 18px;border:1px solid #b8c9bc;border-radius:14px;text-decoration:none;font-size:14px;font-weight:600}.qualification-banner>a:focus-visible{outline:3px solid #a1814b;outline-offset:4px}@media(max-width:1450px){.qualification-banner{margin-left:3vw;margin-right:3vw}}@media(max-width:800px){.qualification-banner{align-items:stretch;flex-direction:column;gap:18px;margin:18px;padding:22px}.qualification-banner h2{font-size:23px}.qualification-banner>a{align-self:flex-start}}@media(max-width:400px){.qualification-banner{padding:20px 18px}.qualification-banner>a{align-self:stretch;font-size:13px}}
.qualification-banner p{font-size:16px;line-height:1.7}.qualification-banner>a{font-size:16px;line-height:1.5;text-align:center;max-width:100%}
@media screen {
  html[data-theme="dark"] .qualification-banner { color: var(--ink); background: var(--sage); }
  html[data-theme="dark"] .qualification-banner > a { color: var(--ink-deep); border-color: var(--line); background: var(--surface); }
  html[data-theme="dark"] .qualification-banner > a:hover { color: var(--ink-deep); border-color: var(--action); background: var(--surface-hover); }
  html[data-theme="dark"] .qualification-banner > a:focus-visible { outline: 3px solid var(--action); outline-offset: 4px; }
}
