.exam-covers { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; margin:12px 0 42px; }
.exam-cover { display:flex; flex-direction:column; border:1px solid #dce0e4; border-radius:10px; overflow:hidden; text-decoration:none; transition:border-color .15s,box-shadow .15s; }
.exam-cover:hover { border-color:#8a949f; box-shadow:0 5px 20px #2023260a; }
.exam-cover:focus-visible { outline:3px solid var(--focus); outline-offset:5px; }
.cover-art { background:#edf5fa; color:#52718b; border-bottom:1px solid #dfe8ee; padding:20px 22px 0; }
.alevel-cover .cover-art { background:#f1f0f7; color:#706885; border-color:#e5e2ec; }
.cover-number { display:block; font-size:.69rem; letter-spacing:.12em; }
.cover-art svg { display:block; width:100%; height:auto; max-height:188px; }
.cover-body { padding:28px; display:flex; flex:1; flex-direction:column; }
.cover-body h2 { font-size:1.7rem; letter-spacing:-.035em; margin:0 0 15px; }
.cover-body>p:not(.eyebrow) { font-size:.93rem; color:var(--muted); }
.cover-body .cover-detail { font-size:.78rem!important; margin:3px 0 28px; }
.cover-action { display:flex; justify-content:space-between; gap:18px; border-top:1px solid var(--line); padding-top:18px; margin-top:auto; font-size:.91rem; font-weight:600; }
@media(max-width:650px) { .exam-covers { grid-template-columns:1fr; gap:24px; }.cover-body { padding:24px; }.cover-art { padding-inline:16px; }.cover-art svg { max-height:155px; } }
@media(prefers-reduced-motion:reduce) { .exam-cover { transition:none; } }