:root {color-scheme: light; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #20242b; background: #f7f8fa; letter-spacing: 0;}
* {box-sizing: border-box;}
body {margin: 0; min-width: 280px;}
header {min-height: 96px; padding: 16px 28px; border-bottom: 1px solid #e0e3e8; display: flex; align-items: center; justify-content: space-between; gap: 24px; background: #fff;}
header img {width: 168px; height: 64px; object-fit: contain;}
header span {color: #686f7b; font-size: 14px; white-space: nowrap;}
main {max-width: 640px; margin: 76px auto 64px; padding: 0 28px;}
.eyebrow {font-size: 14px; color: #686f7b; margin: 0 0 12px;}
h1 {font-size: 30px; line-height: 1.3; margin: 0 0 12px;}
.opened {font-size: 16px; color: #23724f; margin: 0 0 40px;}
section {border-top: 2px solid #2864d7; padding-top: 24px;}
h2 {font-size: 20px; line-height: 1.4; margin: 0 0 16px;}
dl {margin: 0 0 24px;}
dl div {display: flex; align-items: baseline; justify-content: space-between; gap: 16px; border-bottom: 1px solid #e0e3e8; padding: 18px 0;}
dt {color: #686f7b;}
dd {margin: 0; text-align: right; overflow-wrap: break-word;}
.passed, dd[data-state="pass"] {color: #23724f;}
dd[data-state="fail"] {color: #b64829;}
button {border: 1px solid #2864d7; border-radius: 6px; min-height: 44px; padding: 0 22px; background: #2864d7; color: #fff; font: inherit; cursor: pointer;}
button:hover {background: #2057bd;}
button:focus-visible {outline: 3px solid #91b3f7; outline-offset: 3px;}
button:disabled {opacity: .55; cursor: wait;}
footer {max-width: 640px; margin: 0 auto; padding: 0 28px 32px; font-size: 13px; color: #686f7b;}
@media (max-width: 600px) {header {min-height: 80px; padding: 12px 20px;} header img {width: 138px; height: 52px;} main {margin-top: 44px; padding: 0 20px;} h1 {font-size: 28px;} footer {padding: 0 20px 28px;}}