button.work-link { width:100%; border:0; background:transparent; text-align:left; font:inherit; cursor:pointer; }
button.work-link:hover, button.work-link.active { background:#e7edf4; }
.work-center { max-width:1000px; margin:0 auto; color:#28384a; }
.work-center header, .work-center footer, .work-center-subject { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.work-center h1 { font-size:24px; margin:0; }
.work-center nav { display:flex; gap:8px; flex-wrap:wrap; margin:20px 0 12px; }
.work-center-note, .work-center article p, .work-center time { color:#526173; font-size:14px; line-height:1.6; }
.work-center form { display:flex; gap:8px; margin:16px 0; }
.work-center input { flex:1; min-width:0; border:1px solid #cbd4dd; border-radius:4px; padding:10px; }
.work-center-list { background:#fff; border:1px solid #dce1e7; margin-bottom:16px; }
.work-center article { padding:18px; border-bottom:1px solid #e5e9ee; }
.work-center article:last-child { border-bottom:0; }
.work-center article p { margin:6px 0; overflow-wrap:anywhere; }
.work-center-subject span { font-size:14px; color:#246c94; flex-shrink:0; }
.work-center-empty { padding:28px 18px; line-height:1.8; }
.work-center-reason { white-space:pre-wrap; }
.work-center [role=alert] { color:#9b321f; }
.work-center-copy-state { font-weight:600; color:#607185; }
.work-center-copy-state.unread { color:#c64b2d; }
.work-center-return { margin-bottom:12px; }
@media(max-width:760px) { .work-center button { min-height:44px; } .work-center article { padding:14px; } .work-center article footer { flex-wrap:wrap; } .work-center time { font-size:12px; } }