.exam{width:100%;max-width:1040px;display:flex;flex-direction:column;gap:16px}
.paper{background:#CDBE94;color:#1A1208;padding:16px 18px;font-size:23px;line-height:1.25}
.paper h2{margin:0 0 6px;font:400 30px/1.1 MedievalSharp,Georgia,serif;color:#7A0F0F}
.meta{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:20px;color:#4A4033}
.record{background:#E6DAB6;border-left:6px solid #6B5D47;padding:10px 12px;margin:10px 0}
.record b{color:#7A0F0F;font-weight:400}
.stem{margin:12px 0 8px}
.how{font-size:20px;color:#4A4033;margin-bottom:8px}
.opt{display:flex;gap:10px;align-items:flex-start;width:100%;min-height:44px;margin:6px 0;padding:8px 10px;background:#E6DAB6;border:3px solid #6B5D47;color:#1A1208;font:inherit;text-align:left}
.opt:hover,.opt:focus-visible{border-color:#0B2F7A;outline:0}
.opt[aria-pressed=true]{background:#0B2F7A;color:#FFFF33;border-color:#000}
.opt .k{min-width:26px}
table.mx{width:100%;border-collapse:collapse;margin-top:6px}
.mx th,.mx td{border:2px solid #6B5D47;padding:6px 8px;text-align:left;vertical-align:middle}
.mx th{background:#B5A57C;font-weight:400}
.mx td.c{width:1%;white-space:nowrap;text-align:center}
.mx button{min-width:44px;min-height:40px;background:#E6DAB6;border:3px solid #6B5D47;font:inherit;color:#1A1208}
.mx button[aria-pressed=true]{background:#0B2F7A;color:#FFFF33;border-color:#000}
.bar{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center}
.go{min-height:44px;padding:6px 18px;background:#4A4033;border:3px solid #2A241B;box-shadow:inset 0 0 0 2px #6B5D47;color:#FFFF33;font:inherit;font-size:24px;text-shadow:1px 1px 0 #000}
.go:hover,.go:focus-visible{color:#33FFFF;outline:0}
.go[disabled]{opacity:.45}
.pips{display:flex;flex-wrap:wrap;gap:6px}
.pip{width:18px;height:18px;border:2px solid #2A241B;background:#6B5D47}
.pip.on{background:#FFC93C}.pip.now{outline:2px solid #33FFFF}
.score{font:400 40px/1 MedievalSharp,Georgia,serif;color:#7A0F0F}
.miss{border-top:3px solid #6B5D47;padding-top:12px;margin-top:12px}
.right{color:#1F6A2A}.wrong{color:#7A0F0F}
.why{background:#E6DAB6;padding:8px 12px;margin-top:8px}
.tag{display:inline-block;padding:0 8px;background:#4A4033;color:#FFFF33;font-size:19px}
.note{font-size:20px;color:#4A4033}
.exam>.note{color:#CDBE94}
.mx+.mx{margin-top:14px}