.perm { max-width: 960px; margin: 0 auto; padding: 1rem; font: 15px/1.45 system-ui, sans-serif; }
.perm h1 { margin: 0 0 .25rem; }
.perm h2 { margin: 1.5rem 0 .5rem; font-size: 1.1rem; }
.perm .lede, .perm .muted { color: #666; }
.perm table { border-collapse: collapse; width: 100%; font-size: 14px; }
.perm th, .perm td { text-align: left; padding: .35rem .5rem; border-bottom: 1px solid #e3e3e3; vertical-align: top; }
.perm th { background: #f6f6f6; font-weight: 600; }
.perm .yes { color: #157347; font-weight: 600; }
.perm .no { color: #b02a37; }
.perm .skip { color: #888; }
.perm code { font-size: 13px; }
.perm dl { display: grid; grid-template-columns: max-content 1fr; gap: .25rem 1rem; margin: .5rem 0; }
.perm dt { color: #666; }
.perm button { font: inherit; padding: .4rem .8rem; border: 1px solid #999; border-radius: 6px; background: #fff; cursor: pointer; }
.perm .err { color: #b02a37; }
@media (max-width: 640px) { .perm .wide { display: none; } }