.post-header {padding-bottom:1.2rem}
.post-header h1 {font-size:clamp(2.2rem,6vw,4.2rem);max-width:900px}
.prose {max-width:100%}
.prose p,.prose li {max-width:78ch}
.score-table {min-width:640px;width:100%}
.score-table td {font-variant-numeric:tabular-nums}
.score-table td:first-child {font-weight:650}
.metrics {display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin:1.5rem 0 2.5rem}
.metric {border-top:3px solid var(--ink,#232b2b);padding-top:1rem}
.metric strong {display:block;font-size:1.85rem;font-variant-numeric:tabular-nums;line-height:1.25}
.metric span {font-size:.95rem;display:block;margin-top:.5rem}
.controls {display:flex;flex-wrap:wrap;gap:1rem;align-items:end;margin:1.4rem 0}
.controls label {display:flex;flex-direction:column;gap:.4rem;font-size:1rem;font-weight:600}
.controls label:first-child {flex:1;min-width:220px}
.controls input,.controls select,button {font:inherit;padding:.65rem .75rem;border:1px solid #737770;border-radius:3px;background:#fff;color:#212b29;min-height:44px}
.case-result {border-top:1px solid #c8c7bd;padding:1rem 0}
.case-result summary {cursor:pointer;line-height:1.5;font-size:1rem}
.case-result .case-meta {display:block;font-size:.875rem;color:#545c59;margin-top:.3rem}
.case-result pre {white-space:pre-wrap;overflow-wrap:anywhere;font-size:.9375rem;line-height:1.6;background:#e8e7df;padding:1rem}
.case-result h3 {font-size:1.15rem;margin-top:1.4rem}
.answer-pair {display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.answer {padding:1rem;background:#e8e7df;border-left:4px solid #6e7773}
.answer.correct {border-color:#216443}.answer.incorrect {border-color:#a13e27}
.answer p {margin:.2rem 0;font-size:1rem}.answer pre {padding:0;font-size:.875rem}
.count {font-size:1rem;color:#535c57}button {cursor:pointer;margin:.7rem 0}
#case-list:empty {display:none}a:focus-visible,summary:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible {outline:3px solid #245d57;outline-offset:3px}
@media(min-width:651px) and (max-width:900px){.metrics{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.metrics{grid-template-columns:1fr}.answer-pair{grid-template-columns:1fr}.controls{display:block}.controls label{margin-bottom:.9rem}.controls input,.controls select{width:100%;box-sizing:border-box}}

.post-kicker,.byline,.prose thead th {font-size:.875rem}

.commitment {overflow-wrap:anywhere;word-break:break-word;font-size:.875rem}