.honor-exercise .progress{width:100%;margin:16px 0 28px}
.honor-exercise h1{font-size:clamp(26px,3.5vw,42px)}
.honor-hand{display:flex;align-items:flex-start;width:100%;max-width:840px;margin:36px auto;isolation:isolate}
.honor-hand .card{flex:0 0 calc(100% / 7);width:calc(100% / 7);aspect-ratio:auto;border:0;border-radius:0;background:transparent;overflow:visible;position:relative}
.honor-hand .card:not(:last-child){margin-right:calc(-100% / 14)}
.honor-hand .card img{display:block;width:100%;height:auto;object-fit:contain;transform:none}
.honor-exercise .answers{max-width:440px;margin:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.honor-exercise .answer{justify-content:center;text-align:center;min-height:54px;padding:12px}
.honor-prompt{text-align:center}
#honor-feedback{max-width:840px;margin:24px auto;font-size:20px;line-height:1.6}
.honor-exercise #honor-next{display:block;margin:20px auto}
.honor-exercise #honor-next[hidden]{display:none}
.honor-exercise>.back{display:block;margin-top:32px}
.honor-exercise>.small{text-align:center}
@media(max-width:700px){.honor-exercise .answer{font-size:18px}.honor-hand{margin:24px auto}.honor-results .actions{flex-direction:column}}
.honors-intro .honors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px;margin:20px 0}
.honors-intro .honors p{font-size:16px;margin:8px 0 0}
.honors-intro .honors .card{width:80px}