/* The public exam pages (api/landing.py), on top of legal.css. No script, readable on a phone. */
.local{font-size:16px;color:#6b655c;margin:0 0 12px}
.lede{font-size:15.5px}
.ctaline{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:18px 0}
.cta{display:inline-block;background:#1c1a17;color:#fffefb;text-decoration:none;font-weight:600;padding:10px 18px;border-radius:8px}
.cta:hover{background:#3a362f}
.ctaline .meta{margin:0}
.tablewrap{overflow-x:auto;margin:6px 0 14px}
table{border-collapse:collapse;width:100%;font-size:14px}
table.narrow{max-width:420px}
th,td{text-align:left;padding:7px 10px;border-bottom:1px solid #e3ddd2;vertical-align:top}
thead th{font-size:12.5px;color:#6b655c;font-weight:600}
td{font-variant-numeric:tabular-nums}
th small,td small{display:block;color:#6b655c;font-weight:400;font-size:12px}
dl.facts{display:grid;grid-template-columns:max-content 1fr;gap:4px 16px;margin:12px 0}
dl.facts dt{color:#6b655c}
dl.facts dd{margin:0}
h3{font-size:15px;margin:18px 0 6px}
h3 small{font-weight:400;color:#6b655c;font-size:13px}
.syllabus ul{margin:0}
.examlist{list-style:none;padding:0}
.examlist li{border:1px solid #e3ddd2;border-radius:10px;padding:14px 16px;margin:0 0 12px;background:#fffefb}
.examlist h2{margin:0 0 2px;font-size:17px}
.examlist .local{font-size:14px;margin:0 0 6px}
.examlist .meta{margin:0}
.warn{color:#8a5a12;font-size:13px;margin:6px 0 0}
footer{margin-top:36px;font-size:13px;color:#6b655c}
footer a{margin-right:10px}
/* A phone: the pattern table has five columns and the last one — what a wrong answer
   costs — is the one most searched for, so it has to fit rather than scroll. */
@media (max-width:480px){
  main{padding:24px 16px 48px}
  table{font-size:13px}
  th,td{padding:6px 5px}
  thead th{font-size:11.5px}
  th small,td small{font-size:11px}
}