/* Material requirements live with their item; completed items quietly step back. */
.material-scope-note {font-size:12px;color:#617387;margin:0 0 7px}
.material-row {padding:19px 0;border-bottom-color:#e2eaf3}
.material-row>label {align-items:flex-start;gap:12px;min-height:44px;font-size:14px;line-height:1.7}
.material-row>label input {width:20px;height:20px;margin:3px 0 0;flex:none}
.material-row>label strong {flex:1;min-width:0;transition:color 180ms ease;overflow-wrap:anywhere}
.material-requirement {margin:0 0 0 32px;color:#536a82;font-size:12px;line-height:1.8}
.material-requirement p {font-size:12px;color:#536a82;margin:0 0 2px;max-width:760px}
.material-requirement .text-link {font-size:11px;min-height:36px;padding:4px 0;display:inline-flex}
.material-unverified {font-size:11px;color:#82682f;margin-right:14px}
.material-done-label {display:none;align-items:center;gap:4px;flex:none;color:#537795;font-size:11px;white-space:nowrap;margin-top:3px}
.material-done-label .icon {width:13px;height:13px}
.material-row.done {background:linear-gradient(90deg,rgba(236,243,249,.5),transparent);border-bottom-color:#e9eff5}
.material-row.done strong {color:#8594a3;text-decoration:line-through;text-decoration-color:#bccad7;text-decoration-thickness:1px}
.material-row.done .material-done-label {display:inline-flex}
.material-row.done .material-requirement {display:none}

/* The focused editor remains the same DOM node, on a higher functional plane. */
.draft-interaction-note {font-size:11px;color:#61768e;margin:0 0 10px;line-height:1.7}
.draft-focus-fields {gap:15px 22px;align-items:start;margin:0 -12px}
.draft-focus-fields .draft-field {position:relative;padding:16px 12px 13px;border:1px solid transparent;border-radius:19px;min-width:0;transition:background-color 160ms ease,border-color 160ms ease,box-shadow 180ms ease}
.draft-focus-fields .draft-field .field {gap:9px}
.draft-focus-fields .draft-field-title {align-items:baseline;gap:8px;color:#24394f;line-height:1.6}
.draft-focus-fields .draft-field-title>span {color:#7590aa;font-size:11px;font-weight:500;min-width:16px}
.draft-focus-fields .draft-field input,.draft-focus-fields .draft-field select,.draft-focus-fields .draft-field textarea {background:#fcfdff;border-color:#d6e3f1;border-radius:15px;box-shadow:inset 0 1px 2px rgba(34,69,108,.035);min-height:46px}
.draft-focus-fields .draft-field textarea {min-height:106px}
.draft-focus-fields .draft-field small {font-size:12px;color:#63778e;line-height:1.75}
.draft-focus-fields .draft-field-foot {margin-top:9px;gap:0;min-height:20px}
.draft-field-state {display:inline-flex;align-items:center;gap:6px;font-size:11px;color:#8190a0;padding:0!important;line-height:1.7}
.draft-field-state::before {content:'';width:5px;height:5px;border-radius:50%;background:#bccbdb;flex:none}
.draft-focus-fields .draft-field.is-filled {background:rgba(232,242,252,.6)}
.draft-focus-fields .draft-field.is-filled input,.draft-focus-fields .draft-field.is-filled select,.draft-focus-fields .draft-field.is-filled textarea {background:rgba(251,253,255,.96);border-color:#b9d4ed}
.draft-field.is-filled .draft-field-state {color:#3d6d97}
.draft-field.is-filled .draft-field-state::before {width:12px;height:12px;background:#e0edf8;border:1px solid #97bbdc}
.draft-focus-fields .draft-field.is-focused {z-index:61;border-color:#b2cee9;background:#fff;box-shadow:inset 0 1px 0 #fff,0 18px 54px rgba(19,53,92,.21),0 3px 10px rgba(23,62,104,.08)}
.draft-focus-fields .draft-field.is-focused input,.draft-focus-fields .draft-field.is-focused select,.draft-focus-fields .draft-field.is-focused textarea {border-color:#74a6d7;background:#fff;outline:none;box-shadow:0 0 0 3px rgba(63,135,205,.1)}
.draft-focus-scrim {position:fixed;inset:0;z-index:60;pointer-events:none;background:rgba(210,224,240,.26);backdrop-filter:blur(5px) saturate(.9);-webkit-backdrop-filter:blur(5px) saturate(.9)}
.draft-focus-help {position:absolute;top:calc(100% + 8px);left:0;right:0;padding:13px 16px 10px;border:1px solid rgba(147,185,222,.58);border-radius:18px;background:#f8fbff;color:#405c77;box-shadow:inset 0 1px 0 #fff,0 15px 38px rgba(22,57,96,.18);max-height:var(--field-help-max-height,250px);overflow:auto;overscroll-behavior:contain}
.draft-field.help-above .draft-focus-help {top:auto;bottom:calc(100% + 8px)}
.draft-focus-help-heading {display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 0 7px;color:#244563;font-size:11px;font-weight:600;line-height:1.7}
.draft-focus-help-heading .text-link {font-size:11px;min-height:36px;padding:4px 8px;color:#416d95;margin:-6px -7px -3px 0;flex:none}
.draft-focus-help p {font-size:12px;line-height:1.8;color:#46627d;overflow-wrap:anywhere}
.draft-focus-help .draft-field-locator {font-size:11px;color:#70859b;margin-top:7px}
.draft-evidence-actions {display:flex;flex-wrap:wrap;align-items:center;gap:0 18px;margin-top:5px}
.draft-evidence-actions .text-link {font-size:11px;min-height:40px;padding:5px 0}

@media(max-width:760px) {
 .material-row {padding:16px 0}
 .material-row>label {font-size:13px;gap:10px}
 .material-row>label input {width:19px;height:19px}
 .material-requirement {margin-left:29px}
 .material-requirement p {font-size:12px}
 .material-done-label {font-size:10px}
 .draft-focus-fields {gap:9px;margin:0 -9px}
 .draft-focus-fields .draft-field {padding:14px 9px 12px;border-radius:17px}
 .draft-focus-fields .draft-field input,.draft-focus-fields .draft-field select,.draft-focus-fields .draft-field textarea {font-size:16px}
 .draft-focus-help {padding:10px 12px 7px;border-radius:15px}
 .draft-evidence-actions {gap:0 12px}
 .draft-focus-help-heading .text-link,.draft-evidence-actions .text-link {min-height:44px}
}
@media(max-width:350px) {
 .material-row>label {flex-wrap:wrap;gap:6px 9px}
 .material-done-label {margin:0 0 0 28px}
 .draft-focus-fields .draft-field-title {font-size:13px}
 .draft-focus-help-heading {gap:4px}
 .draft-evidence-actions {gap:0 10px}
}
@media(prefers-reduced-motion:reduce) {
 .material-row>label strong,.draft-focus-fields .draft-field {transition:none}
}
@media(prefers-reduced-transparency:reduce) {
 .draft-focus-scrim {background:rgba(210,222,236,.86);backdrop-filter:none;-webkit-backdrop-filter:none}
 .draft-focus-help,.draft-focus-fields .draft-field.is-filled {background:#f1f7fd}
}
@media(prefers-contrast:more) {
 .draft-focus-fields .draft-field.is-focused {border-color:#396b98;box-shadow:none}
 .draft-focus-help {border-color:#396b98;background:#fff}
 .material-row.done strong {color:#627283}
}