.assessment-intro h2{font-family:Georgia,serif;margin:8px 0}
.assessment-intro p,.section-help{color:var(--muted);line-height:1.55;font-size:.87rem;margin:0 0 16px}
.assessment-section{background:var(--paper);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.assessment-section.is-selected{border-color:#9bb3a1}
.assessment-section-header{display:flex;align-items:center;gap:12px;padding:18px 20px}
.assessment-section-toggle{display:flex;flex:1;min-width:0;flex-direction:column;gap:4px;text-align:left;background:none;border:0;padding:0;color:var(--ink);cursor:pointer}
.assessment-section-title{font-family:Georgia,serif;font-size:1.25rem;font-weight:600}
.assessment-section-toggle small{color:var(--green-2);font-size:.78rem}
.assessment-section-summary{font-size:.8rem;color:var(--muted);line-height:1.5;overflow-wrap:anywhere}
.assessment-section[data-section="COMMENT"] .assessment-section-summary{white-space:pre-line}
.assessment-section.is-selected .assessment-section-summary{color:var(--green)}
.assessment-section .assessment-fields{border:0;border-top:1px solid var(--line);border-radius:0;margin:0;padding:20px;min-width:0}
.assessment-section-actions{display:flex;justify-content:flex-end;margin-top:20px}
.assessment-comment{display:grid;gap:6px;font-size:.84rem;font-weight:750;color:#4c574f}
.genetic-test-grid label,.genetic-test-grid select{min-width:0}
.measurements{min-width:0}
.measurements span{max-width:100%;overflow-wrap:anywhere}
.detail-card dd{min-width:0;overflow-wrap:anywhere}
.assessment-history-item{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:12px}
.assessment-history-item .measurements{margin-top:0}
.assessment-history-comment{grid-column:1/-1;margin:0;white-space:pre-line;overflow-wrap:anywhere;line-height:1.55;font-size:.9rem}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.field-invalid{border-color:var(--danger)}
.latest-value-date{display:block;font-weight:400;color:var(--muted);font-size:.75rem;margin-top:3px}
.modifier-control input:focus-visible+span{outline:3px solid var(--gold);outline-offset:2px}
@media(max-width:760px){.assessment-page .site-header{gap:12px}}
@media(max-width:760px){.assessment-history-item{grid-template-columns:minmax(0,1fr)}}
@media(max-width:760px){.assessment-section-header{padding:16px;align-items:flex-start}.assessment-section-header .button{padding:9px 11px;font-size:.8rem;flex-shrink:0}.assessment-section .assessment-fields{padding:16px}.capacity-grid{grid-template-columns:1fr}.score-grid{grid-template-columns:1fr}.assessment-section-actions .button{width:100%}.detail-card dl{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}