.material-page{max-width:860px;margin:auto}
.material-page .card,.material-entry{margin:16px 0}
.material-page .muted,.material-page .hint{line-height:1.6;margin:12px 0;font-size:14px}
.material-upload{display:flex;flex-direction:column;gap:12px;padding:18px;margin:16px 0;background:#eff6ff;border:1px dashed #8dbbf0;border-radius:14px;color:#225d9f;font-weight:700}
.material-upload input{max-width:100%;min-width:0;font-size:14px}
.material-upload input::file-selector-button{background:#197af1;color:#fff;border:0;border-radius:10px;padding:12px;margin-right:12px;font:inherit;cursor:pointer}
.material-file{display:flex;gap:12px;align-items:center;min-width:0}
.material-file>div{min-width:0}.material-file h2{font-size:18px!important;overflow-wrap:anywhere;line-height:1.4}
.material-kind{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;background:#eaf3ff;border-radius:12px;color:#2875cd}
.material-kind .i{width:24px!important;height:24px!important}
.material-status{font-size:13px;color:#486a92;line-height:1.6;margin:12px 0}
.material-queue{margin:12px 0;padding:12px;background:#eef5ff;border-radius:12px;overflow-wrap:anywhere}
.material-queue>div{display:flex;flex-direction:column;gap:4px;padding:8px 0;font-size:13px;line-height:1.5}
.material-page summary{cursor:pointer;min-height:44px;line-height:1.5;padding:10px 0;color:#315c90}
.material-page textarea{min-height:110px;margin-bottom:12px}
.material-entry p{line-height:1.6;margin:12px 0}
/* Preserve the phone's ordered sections on the desktop as well. */
@media(min-width:741px){#view .material-page .card{padding:22px!important}}
.material-resume{display:flex;flex-direction:column;gap:8px;max-width:100%;font-size:13px;color:#315c90}
.material-resume input{max-width:100%;font-size:13px}