.portrait{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;overflow:hidden;flex:none;font-size:30px}.portrait.large{width:96px;height:96px;font-size:62px}.portrait img{width:100%;height:100%;object-fit:cover}.avatar-preview{text-align:center;margin:12px 0 18px}.avatar-actions,.avatar-options,.avatar-tones,.avatar-colors{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:12px 0}.avatar-actions button{flex:1;font-size:14px}.avatar-options button{flex:1;min-width:75px;padding:10px 4px}.avatar-options span{font-size:30px;display:block}.avatar-options small{font-size:12px;display:block}.avatar-tones button{font-size:23px;padding:6px;min-width:40px;min-height:44px}.avatar-colors button{width:42px;height:42px;border:2px solid transparent;border-radius:50%;color:#193b55}.avatar-editor [aria-pressed=true]{outline:2px solid #17679b;outline-offset:2px}.avatar-editor{border:1px solid var(--line,#d7e1e8);padding:16px;border-radius:18px;background:#fff;margin:18px 0}.brand-icon{width:24px;height:24px;object-fit:contain;vertical-align:middle;flex:none}.tabs button{display:flex;align-items:center;justify-content:center;gap:10px}.tabs button.selected .brand-icon{filter:brightness(0) invert(1)}.title-icon .brand-icon{width:24px;height:24px}.exam-chart{margin:16px 0}.exam-chart svg{width:100%;display:block;overflow:visible}.exam-chart text{font:13px system-ui;fill:#526171}.exam-table-wrap{overflow-x:auto;margin-top:18px}.exam-table{width:100%;border-collapse:collapse;font-size:14px;text-align:left}.exam-table td,.exam-table th{padding:12px 8px;border-bottom:1px solid #dbe3ea;vertical-align:top;min-width:100px}.exam-table strong,.exam-table small{display:block;margin-top:5px}.exam-table small{color:#526171;font-size:12px}.exam-table button{font-size:13px;padding:6px;min-height:36px}.exam-table details{max-width:220px;overflow-wrap:anywhere}.health-stats{display:flex;gap:10px;margin:14px 0}.health-stats>div{flex:1;background:#edf4fa;padding:14px;border-radius:12px}.health-stats strong{display:block;font-size:24px;color:#174d75}.health-stats span{font-size:13px}.family-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.family-actions button{font-size:14px}.exam-person{font-size:16px;color:#174d75;margin:12px 0}textarea{width:100%;font:inherit;padding:12px;border:1px solid #dbe3ea;border-radius:10px;resize:vertical}.exam-header{display:flex;align-items:center;gap:12px}.exam-header h3{margin:0}.relation-label{color:#526171;font-size:14px}.exam-view .form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.exam-view [hidden]{display:none!important}.exam-view label{display:block;margin:12px 0}.exam-view input,.exam-view select{width:100%;min-height:46px}.exam-view button{margin-top:10px}.exam-view fieldset{border:0;padding:0;margin:0}.exam-filter{display:grid;grid-template-columns:1fr 1fr;gap:12px}.exam-filter label:first-child{grid-column:1/-1}.family-heart{color:#b34769}

/* Explicit grid prevents the account form's full-width buttons from stacking tones. */
.avatar-tones{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;width:100%;max-width:420px;margin:18px auto}
.avatar-tones button{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;height:54px;min-height:44px;margin:0;padding:6px;font-size:28px;background:#fff;color:#173b55;border:1px solid #d7e1e8;border-radius:12px}
.avatar-tones button[aria-pressed=true]{background:#edf4fa;border-color:#17679b}
@media(max-width:480px){.avatar-tones{grid-template-columns:repeat(3,minmax(0,1fr));max-width:240px}}
.exam-pages img{display:block;max-width:100%;height:auto;border:1px solid #d7e1e8;margin:12px 0}.exam-upload{border-bottom:1px solid #d7e1e8;padding-bottom:18px;margin-bottom:18px}.exam-upload .check{display:flex;align-items:flex-start;gap:10px}.exam-upload .check input{width:22px;min-height:22px;flex:none}.exam-upload [hidden]{display:none!important}