.penalty-page .page-heading p,.penalty-page .prose,.penalty-answer{max-width:75ch}
.penalty-scope{background:#fff;border-inline-start:4px solid #142033;padding:1rem 1.25rem;margin:1.75rem 0}
.penalty-scope p{margin:.2rem 0}
.penalty-filters{display:flex;gap:1rem;align-items:end;flex-wrap:wrap;background:#fff;border:1px solid #dce2e8;padding:1rem;margin:1.5rem 0 2rem}
.penalty-filters label{display:flex;flex:1 1 11rem;flex-direction:column;gap:.4rem}
.penalty-filters select,.penalty-filters button{min-height:44px;max-width:100%}
.penalty-filters select{width:100%;background:#f4f6f8;border:1px solid #dce2e8;color:#142033;padding:.65rem}
.penalty-filters>a{padding:.75rem 0}
.penalty-table caption,.penalty-log caption{white-space:normal;text-align:left;padding:.85rem 1rem;max-width:90vw}
.penalty-table th,.penalty-table td{font-variant-numeric:tabular-nums}
.penalty-table th:nth-child(2){min-width:8rem;max-width:12rem;white-space:normal}
.penalty-table th:nth-child(3),.penalty-table td:nth-child(3){min-width:4.75rem}
.penalty-log{border-top:1px solid #dce2e8;padding:1rem 0;scroll-margin-top:1rem}
.penalty-log summary{cursor:pointer;font-weight:700;min-height:44px;padding:.6rem 0}
.penalty-log:target{border-top:3px solid #a8d735}
.penalty-page :focus-visible{outline:3px solid #405e89;outline-offset:3px}
@media(max-width:480px){.penalty-table th,.penalty-table td{padding:.7rem .4rem}.penalty-table th:first-child,.penalty-table td:first-child{min-width:2rem}.penalty-table th:nth-child(2){min-width:7rem;max-width:7rem}.penalty-filters{display:block}.penalty-filters label{margin-bottom:1rem}.penalty-filters button{width:100%}.penalty-filters>a{display:block}.penalty-scope{padding:.85rem 1rem}}