.mp-hero {
  max-width:1050px; margin:auto; padding:75px 24px 42px; text-align:center;
}
.pm-detail .mp-hero h1 {
  margin:0 auto 24px; font-size:clamp(38px,5vw,66px);
  line-height:1.09; letter-spacing:-.05em; font-weight:650;
}
.mp-hero > p {
  max-width:760px; margin:auto; font-size:18px; line-height:1.8; color:#778396;
}
.mp-showcase {
  max-width:1200px; margin:auto; padding:32px;
  border-radius:16px; background:linear-gradient(135deg,#eaf1fc,#eeebf8);
}
.mp-inbox {
  display:grid; grid-template-columns:285px minmax(0,1fr);
  overflow:hidden; background:#fff; border:1px solid #e3e9f2;
  border-radius:12px; box-shadow:0 24px 55px #223c5610;
}
.mp-list { position:relative; padding:25px 15px 65px; background:#fcfdff; border-right:1px solid #e9edf4; }
.mp-list-heading { display:flex; justify-content:space-between; align-items:center; padding:0 10px; }
.mp-list-heading strong { font-size:20px; font-weight:600; letter-spacing:-.03em; }
.mp-list-heading > span { color:#7189b7; }
.mp-list-caption { margin:26px 10px 12px; font-size:11px; color:#98a3b3; }
.mp-thread { display:flex; align-items:center; gap:12px; padding:17px 12px; margin-top:5px; border-radius:8px; }
.mp-selected { background:#edf3fd; }
.mp-avatar {
  display:grid; place-items:center; flex-shrink:0;
  width:38px; height:38px; border-radius:50%;
  background:#e2ebfc; color:#6682b4; font-size:11px; font-weight:650;
}
.mp-purple { background:#eee8f8; color:#947bad; }
.mp-peach { background:#f7ece2; color:#b08a71; }
.mp-thread strong { font-size:12px; font-weight:600; }
.mp-thread p { font-size:10px; color:#939fb1; margin:6px 0 0; line-height:1.6; }
.mp-list-bottom { position:absolute; bottom:25px; left:25px; right:20px; font-size:10px; color:#a0abba; }
.mp-chat { min-width:0; }
.mp-chat-heading { display:flex; align-items:center; gap:12px; padding:20px 25px; border-bottom:1px solid #edf0f5; }
.mp-chat-heading strong { display:block; font-size:13px; }
.mp-chat-heading small { display:block; font-size:10px; color:#99a5b6; margin-top:4px; }
.mp-dots { margin-left:auto; color:#9eabbd; letter-spacing:2px; }
.mp-chat-body { padding:18px 28px 5px; }
.mp-chat-date { text-align:center; color:#9ca9ba; font-size:10px; margin:3px 0 25px; }
.mp-message { display:flex; align-items:flex-start; gap:11px; margin:18px 0; }
.mp-message > div { max-width:85%; }
.mp-message strong { display:block; color:#7d899b; font-size:10px; font-weight:500; margin-bottom:7px; }
.mp-message p {
  margin:0; padding:13px 16px; color:#5d6d82; background:#f3f5f9;
  border-radius:3px 12px 12px 12px; font-size:12px; line-height:1.8;
}
.mp-own { flex-direction:row-reverse; }
.mp-own .mp-avatar { background:#e9edf4; color:#8793a6; }
.mp-own strong { text-align:right; }
.mp-own p { color:#476bb0; background:#edf3fe; border-radius:12px 3px 12px 12px; }
.mp-compose {
  display:flex; justify-content:space-between; gap:14px;
  margin:22px 28px 27px; padding:16px; border:1px solid #e5ebf3;
  border-radius:8px; color:#a1acbc; font-size:12px;
}
.mp-mini-card, .mp-contact-card {
  padding:28px; border-radius:12px; background:#fff; box-shadow:0 16px 40px #23415709;
}
.mp-mini-card h3, .mp-contact-card h3 {
  font-size:21px; line-height:1.3; letter-spacing:-.025em; font-weight:600; margin:0 0 24px;
}
.mp-mini-card .mp-message p { font-size:11px; }
.mp-mini-card .mp-avatar { width:30px; height:30px; font-size:9px; }
.mp-contact-card { text-align:center; padding:35px 25px; }
.mp-contact-card > .mp-avatar { margin:auto; width:58px; height:58px; font-size:16px; }
.mp-contact-card h3 { margin:17px 0 5px; }
.mp-handle { color:#93a0b2; font-size:12px; }
.mp-contact-card > p { color:#7b899c; font-size:13px; line-height:1.9; margin:22px 0; }
.mp-contact-links { color:#7190bd; font-size:11px; }
.mp-contact-action { margin-top:26px; padding:13px; border-radius:8px; background:#eef3fc; color:#577aaa; font-size:12px; }
.mp-control-icon { display:grid; place-items:center; width:40px; height:40px; background:#eaf5ef; color:#7eaa92; border-radius:12px; margin-bottom:20px; }
.mp-control > div { border-top:1px solid #edf1ee; padding:17px 0; }
.mp-control strong { font-size:12px; font-weight:550; color:#64796c; }
.mp-control p { color:#95a39b; font-size:11px; line-height:1.7; margin:6px 0 0; }
@media(max-width:1100px) {
  .mp-showcase { margin:0 22px; padding:22px; }
  .mp-inbox { grid-template-columns:240px minmax(0,1fr); }
}
@media(max-width:760px) {
  .mp-hero { padding:45px 22px 32px; }
  .mp-hero br { display:none; }
  .mp-hero > p { font-size:16px; }
  .mp-showcase { margin:0 16px; padding:12px; border-radius:12px; }
  .mp-inbox { grid-template-columns:1fr; }
  .mp-list { display:none; }
  .mp-chat-body { padding:18px 16px 0; }
  .mp-chat-heading { padding:17px; }
  .mp-message > div { max-width:85%; }
  .mp-message p { font-size:11px; padding:11px 12px; }
  .mp-message .mp-avatar { width:29px; height:29px; font-size:9px; }
  .mp-compose { margin:20px 16px; }
}