body{background:#f5f5f3;margin:0;font-family:system-ui,sans-serif}.page-shell{max-width:720px;margin:0 auto;padding:2rem 1rem}.header-row{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.person-name{margin:0;font-size:15px;font-weight:500}.person-role{color:#6b6a64;margin:0;font-size:13px}.period-badge{color:#3b6d11;background:#e6f0e0;border-radius:6px;padding:4px 10px;font-size:12px}.score-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:1.5rem;display:grid}.card{background:#fff;border:.5px solid #e3e2dd;border-radius:12px;margin-bottom:1rem;padding:1rem 1.25rem}.card-title{margin:0 0 10px;font-size:14px;font-weight:500}.roles-table{border-collapse:collapse;width:100%;font-size:13px}.roles-table thead tr{color:#6b6a64}.roles-table td{padding:8px 0}.roles-table tr.data-row{border-top:.5px solid #e3e2dd}.health-good{color:#3b6d11;text-align:right}.health-warn{color:#854f0b;text-align:right}.two-col-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.list-item-title{margin:0 0 6px;font-size:13px}.list-item-meta{color:#9a9890;margin:0;font-size:12px}@media (max-width:640px){.score-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.two-col-grid{grid-template-columns:1fr}}