
/* Page Emails uniquement */
body.pm-detail .psemail {color:#202025}
body.pm-detail .psemail .psemail-hero {max-width:1050px;padding-top:85px}
body.pm-detail .psemail .psemail-hero h1 {
  font-size:clamp(39px,4.6vw,64px);letter-spacing:-.055em;font-weight:600;
}
.psemail .psemail-hero h1>span {color:#24212a}
.psemail .psemail-hero>p {color:#66616b;font-size:17px}
.psemail .psemail-showcase {max-width:1340px}
.psemail .psemail-switch {margin-top:20px;margin-bottom:35px}
.psemail .psemail-switch button {color:#737078;font-size:15px}
.psemail .psemail-switch button[aria-pressed="true"] {background:#f1e3f4;color:#922da0}
.psemail .psemail-stage {
  background:#f0e6f3;border-radius:16px;padding:55px;
  grid-template-columns:250px minmax(0,1fr);gap:0;align-items:stretch;
}
.psemail .psemail-inbox {
  margin:0;border-radius:12px 0 0 12px;background:#fcfbfd;
  border:1px solid #e6dfea;border-right:0;
}
.psemail .psemail-inbox-top {padding:23px;border-bottom:1px solid #eae5ed}
.psemail .psemail-inbox-top strong {font-size:14px}
.psemail .psemail-browser {
  border-radius:0 12px 12px 0;border-color:#e6dfea;
  box-shadow:16px 20px 50px #47234f0a;min-width:0;
}
.psemail .psemail-envelope {min-height:75px;padding:20px 30px;background:#fff;font-size:12px}
.psemail .psemail-envelope strong {color:#403a48}
.psemail .psemail-letter {
  max-width:590px;margin:28px auto;padding:35px;
}
.psemail .psemail-letter-label {color:#9a46a3;font-size:10px}
body.pm-detail .psemail .psemail-letter h2 {
  font-size:36px;color:#26212d;letter-spacing:-.045em;
}
.psemail .psemail-letter>p {font-size:14px;line-height:1.85;color:#69616f}
.psemail .psemail-letter>img {height:245px;border-radius:8px}
body.pm-detail .psemail .psemail-letter h3 {font-size:21px;color:#28232e}
.psemail .psemail-letter>a {font-size:12px;background:#91309f;padding:14px 18px}
.psemail .psemail-letter-signature {font-size:11px;color:#8b818f}
.psemail .pem-editor-side {padding:30px 23px}
body.pm-detail .psemail .pem-editor-side h2 {font-size:29px;letter-spacing:-.045em;margin:0 0 14px;font-weight:600}
.psemail .pem-editor-side>p {font-size:12px;color:#817989;line-height:1.8;margin:0 0 35px}
.psemail .pem-editor-label {font-size:9px;color:#a18ca9;letter-spacing:.07em;margin-bottom:15px}
.psemail .pem-editor-item {display:flex;align-items:center;gap:11px;padding:15px 0;border-bottom:1px solid #eee9f0}
.psemail .pem-editor-item>span {display:grid;place-items:center;width:29px;height:29px;background:#f1ebf5;border-radius:6px;color:#9776a6;font-size:12px}
.psemail .pem-editor-item svg {width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.psemail .pem-editor-item strong {font-size:11px;color:#62596c;font-weight:550}
.psemail .pem-editor-bottom {margin-top:40px;font-size:11px;line-height:2.4;color:#9c8ca5}

/* Grandes cartes inspirées de la composition fournie */
.psemail .pem-feature-section {max-width:1340px;margin-top:100px;margin-bottom:100px}
.psemail .pem-feature-heading {max-width:850px;margin:0 auto 48px;text-align:center}
body.pm-detail .psemail .pem-feature-heading h2 {
  font-size:clamp(32px,3.6vw,48px);line-height:1.13;
  letter-spacing:-.045em;font-weight:600;margin:0 0 23px;
}
.psemail .pem-feature-heading p {font-size:16px;line-height:1.8;color:#716b77}
.psemail .pem-feature-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.psemail .pem-feature-card {
  min-width:0;min-height:620px;display:flex;flex-direction:column;
  background:#f5f5f5;border-radius:16px;overflow:hidden;padding:38px 30px 0;
}
body.pm-detail .psemail .pem-feature-card>h3 {
  font-size:22px;font-weight:550;line-height:1.4;letter-spacing:-.025em;
  margin:0 0 40px;color:#252328;min-height:185px;
}
.psemail .pem-feature-card>h3>span {color:#a53bab}

/* Identité */
.psemail .pem-identity-scene {margin:auto -20px 0;min-height:350px;padding-top:10px}
.psemail .pem-identity-tags {display:flex;justify-content:center;gap:8px}
.psemail .pem-identity-tags>span {
  display:flex;align-items:center;text-align:center;justify-content:center;
  background:white;padding:17px 12px;min-height:63px;border-radius:12px;
  font-size:11px;font-weight:550;box-shadow:0 8px 20px #25222b0a;
}
.psemail .pem-identity-lines {height:120px}
.psemail .pem-identity-lines svg {width:100%;height:100%;fill:none;stroke:#d5cddc;stroke-width:1}
.psemail .pem-identity-logo {
  width:112px;height:112px;margin:-12px auto 0;border-radius:16px;
  background:white;box-shadow:0 20px 45px #36318419;overflow:hidden;
}
.psemail .pem-identity-logo img {width:100%;height:100%;object-fit:contain;display:block}
.psemail .pem-identity-caption {font-size:12px;text-align:center;line-height:1.8;color:#85778e;margin:22px 0 28px}

/* Fenêtre de contenus */
.psemail .pem-content-window {
  margin:auto -65px 0 0;background:white;border:1px solid #ece8ef;
  border-radius:12px 0 0 0;box-shadow:0 12px 35px #29252f08;min-height:365px;
}
.psemail .pem-window-title {padding:24px 22px 20px}
.psemail .pem-window-title strong {display:block;font-size:17px;font-weight:600;letter-spacing:-.025em}
.psemail .pem-window-title>span {display:block;font-size:10px;color:#96909b;margin-top:7px}
.psemail .pem-window-tabs {display:flex;gap:20px;padding:0 22px 16px;border-bottom:1px solid #eeeaf1;font-size:11px;color:#9b929f}
.psemail .pem-window-tabs strong {font-weight:550;color:#8b3a9b}
.psemail .pem-content-row {display:flex;gap:11px;align-items:flex-start;padding:22px;border-bottom:1px solid #efebf2}
.psemail .pem-content-icon {width:35px;height:35px;display:grid;place-items:center;background:#f0e6f4;color:#9b70ad;border-radius:8px;flex-shrink:0;font-size:12px}
.psemail .pem-content-icon svg {width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round}
.psemail .pem-icon-blue {background:#e9edf9;color:#7a8dc1}
.psemail .pem-icon-sand {background:#f4eee6;color:#ab9677}
.psemail .pem-content-row small {font-size:8px;color:#a58aaf;letter-spacing:.04em}
.psemail .pem-content-row strong {display:block;font-size:12px;line-height:1.5;margin:6px 0;color:#46404e;font-weight:550}
.psemail .pem-content-row p {font-size:10px;line-height:1.6;color:#9c90a6;margin:0}
.psemail .pem-content-footer {padding:20px 22px;font-size:10px;color:#a596af}

/* Invitation */
.psemail .pem-invitation-scene {margin:auto -6px 0;min-height:380px}
.psemail .pem-invitation-mail {background:white;display:flex;gap:12px;align-items:center;padding:20px;border-radius:12px;box-shadow:0 10px 25px #3224380c}
.psemail .pem-mail-icon {display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#f2edf5;flex-shrink:0}
.psemail .pem-mail-icon svg {width:18px;height:18px;fill:none;stroke:#9d7bad;stroke-width:1.5}
.psemail .pem-invitation-mail small {font-size:8px;color:#a08cab}
.psemail .pem-invitation-mail strong {display:block;font-size:12px;font-weight:550;line-height:1.5;margin:5px 0}
.psemail .pem-invitation-mail span {font-size:9px;line-height:1.6;color:#a093a8;display:block}
.psemail .pem-invitation-connector {height:35px;width:1px;background:#d8cddd;margin:auto}
.psemail .pem-invitation-event {background:white;border-radius:12px 12px 0 0;overflow:hidden;margin:0 10px}
.psemail .pem-invitation-event>img {width:100%;height:125px;object-fit:cover;display:block}
.psemail .pem-invitation-event>div {padding:20px}
.psemail .pem-invitation-event small {font-size:8px;color:#a18aaa;letter-spacing:.04em}
.psemail .pem-invitation-event strong {display:block;font-size:24px;line-height:1.15;letter-spacing:-.035em;font-weight:550;margin:12px 0}
.psemail .pem-invitation-event p {font-size:10px;line-height:1.7;color:#96869e}

/* Contraste et rythme du reste de la page */
.psemail .psemail-return {background:#f5f5f5;padding:55px;border-radius:16px}
.psemail .psemail-return>div>p {color:#68616e}
.psemail .psemail-path p {color:#817388}
.psemail .psemail-faq details p {color:#746a7b}

@media(max-width:1050px) {
  .psemail .psemail-stage {padding:30px;grid-template-columns:215px minmax(0,1fr)}
  .psemail .pem-feature-card {padding:28px 22px 0}
  body.pm-detail .psemail .pem-feature-card>h3 {font-size:19px;min-height:190px}
}
@media(max-width:760px) {
  .psemail .psemail-stage {display:block;padding:20px}
  .psemail .psemail-inbox {display:none}
  .psemail .psemail-browser {border-radius:12px}
  .psemail .psemail-letter {padding:25px;margin:0}
  .psemail .psemail-letter>img {height:200px}
  .psemail .pem-feature-grid {grid-template-columns:1fr;gap:24px}
  .psemail .pem-feature-section {margin:60px auto}
  .psemail .pem-feature-card {min-height:0;padding:30px 25px 0}
  body.pm-detail .psemail .pem-feature-card>h3 {font-size:23px;min-height:0;margin-bottom:35px}
  .psemail .pem-identity-scene {width:100%;max-width:370px;margin:0 auto}
  .psemail .pem-content-window {margin:0 -45px 0 0}
  .psemail .pem-invitation-scene {width:100%;max-width:360px;margin:0 auto}
  .psemail .psemail-return {padding:28px}
}
