/* Email protection: desktop design only. */
@media (min-width:1051px) {
  .email-page.projects-page .email-hero {
    background:linear-gradient(90deg,rgba(18,8,31,.45),rgba(18,8,31,.12) 65%,transparent),#211330 url("../prosecure-cyberdefense.webp") center / cover no-repeat;
  }
  .email-protection-page.projects-page .email-hero {
    background-image:linear-gradient(90deg,rgba(18,8,31,.45),rgba(18,8,31,.12) 65%,transparent),url("../courriels-filtrage-concept-1.webp");
  }
  .email-hero h1 { max-width:710px; }
  .email-main .email-hero p { max-width:590px; }
  .email-main .projects-intro h2 { margin-bottom:36px; }
  .email-page .projects-button:not(.projects-contact-button) {
    border-color:var(--ps-purple);
    background:var(--ps-purple);
  }
  .email-page .projects-button:not(.projects-contact-button):hover {
    border-color:var(--ps-purple-dark);
    background:var(--ps-purple-dark);
  }
  .email-main .projects-step-icon { color:var(--ps-purple); }
  .email-main .projects-step-icon svg { width:32px; height:32px; }
  .email-protection { padding:40px 0; }
  .email-protection-layout {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    align-items:center;
    gap:64px;
  }
  .email-protection-layout > img {
    display:block;
    width:100%;
    aspect-ratio:3 / 2;
    height:auto;
    object-fit:cover;
    border-radius:8px;
  }
  .email-measures { display:grid; gap:24px; }
  .email-measures h3 { margin:0 0 8px; font-size:18px; }
  .email-main .email-scope { margin-top:24px; font-size:14px; }
  .email-prosecure { margin-top:40px; padding:40px 0; background:#E7EFF5; color:#000000; }
  .email-prosecure-layout {
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:64px;
  }
  .email-prosecure-layout h2 { max-width:650px; }
  .email-main .projects-contact { padding-top:80px; }
  .email-main .projects-contact :is(h2,p) { color:#FFFFFF; }
  .email-main .projects-contact-button { margin-top:24px; }
  .email-main .faq-answer a { color:var(--ps-purple-dark); text-decoration:underline; text-underline-offset:3px; }
  .email-main :is(a,button,[tabindex]):focus-visible { outline-color:var(--ps-purple); }
  .email-main :is(.email-hero,.projects-contact) a:focus-visible { outline-color:#FFFFFF; }
  .email-protection-page .email-main :is(.email-prosecure,.projects-step-icon,.projects-person-portrait),
  .email-protection-page .email-main .projects-related::before {
    background:#F7EDF3;
  }
  .email-protection-page .email-main .projects-contact-layout {
    background:linear-gradient(110deg,var(--ps-shell),var(--ps-purple-dark) 60%,var(--ps-purple));
  }
  .email-protection-page .email-main .projects-contact-layout::before {
    background:var(--ps-purple-dark) url("../temoignages-bleu-grain.webp") center / cover no-repeat;
    background-blend-mode:luminosity;
  }
  .email-protection-page .email-main .projects-contact-button {
    color:var(--ps-purple-dark);
  }
  .email-protection-page .projects-related-arrow {
    color:var(--ps-purple);
  }
  .email-protection-page .projects-related-tile:is(:hover,:focus-visible) {
    border-color:var(--ps-purple);
    box-shadow:0 4px 14px rgba(78,37,142,.09);
  }
}

/* Email-specific composition follows Pentest without changing other cyber pages. */
@media (min-width:1051px) {
  .email-protection-main .email-hero .email-eyebrow {
    position:absolute;
    bottom:calc(100% + 24px);
    margin:0;
    font-size:14px;
    font-weight:500;
  }
  .email-protection-main :is(.email-risks,.email-management,.email-domain) {
    padding:80px 0 0;
    background:#FFFFFF;
    color:#000000;
  }
  .email-protection-page .email-protection-main .projects-tabs {
    grid-template-columns:repeat(4,minmax(0,1fr));
    border-color:var(--ps-line);
  }
  .email-protection-main .projects-tabs button:hover { background:var(--ps-tint); }
  .email-protection-main .projects-tabs button[aria-selected="true"] { background:var(--ps-purple); color:#FFFFFF; }
  .email-protection-main .projects-panels .email-risk-panel { grid-template-columns:repeat(2,minmax(0,1fr)); gap:64px; }
  .email-protection-main .email-risk-panel > div { min-width:0; }
  .email-protection-main .email-risk-panel h3 { margin:0 0 16px; font-size:24px; }
  .email-protection-main .email-risk-diagram {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    align-items:center;
    gap:24px;
    min-height:176px;
    margin:0;
    padding:20px 0;
  }
  .email-protection-main .email-risk-node {
    position:relative;
    display:grid;
    grid-template-rows:48px minmax(40px,auto);
    justify-items:center;
    gap:10px;
    min-width:0;
    text-align:center;
    font-size:13px;
    line-height:1.5;
    color:#000000;
  }
  .email-protection-main .email-risk-icon { display:grid; place-items:center; width:56px; height:48px; color:var(--ps-purple-dark); }
  .email-protection-main .email-risk-icon svg { display:block; width:32px; height:32px; }
  .email-protection-main .email-risk-node:not(:last-child)::after {
    content:"";
    position:absolute;
    top:24px;
    left:calc(50% + 34px);
    width:calc(100% - 44px);
    border-top:1px dashed var(--ps-purple);
  }
  .email-protection-main .email-filtering { margin-top:80px; padding:48px 0; background:var(--ps-tint); color:#000000; }
  .email-protection-main .email-filtering-flow { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:64px; margin:0; padding:0; list-style:none; }
  .email-protection-main .email-filtering-flow li { position:relative; min-width:0; }
  .email-protection-main .email-filter-icon { display:block; width:32px; height:32px; margin-bottom:20px; color:var(--ps-purple); }
  .email-protection-main .email-filter-icon svg { display:block; width:100%; height:100%; }
  .email-protection-main .email-filtering-flow h3 { margin:0 0 12px; font-size:20px; }
  .email-protection-main .email-filtering-flow p { font-size:15px; }
  .email-protection-main .email-filter-arrow { position:absolute; top:4px; right:-44px; width:24px; height:24px; color:var(--ps-purple); }
  .email-protection-main .email-filter-arrow svg { display:block; width:100%; height:100%; }
  .email-protection-main .email-management-layout { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:64px; }
  .email-protection-main .email-management-layout > div { min-width:0; }
  .email-protection-main :is(.email-management,.email-domain) h2 { margin-bottom:24px; }
  .email-protection-main .email-management p + p { margin-top:20px; }
  .email-protection-main .email-domain-layout { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:64px; }
  .email-protection-main .email-domain-layout > div { min-width:0; }
  .email-protection-main .email-domain-option { padding-left:32px; border-left:2px solid var(--ps-purple); }
  .email-protection-main .email-domain-option h3 { margin:0 0 16px; }
  /* The shared frame includes 48px inner padding and an 80px gap before the FAQ. */
  .email-protection-main .projects-related { margin-top:80px; }
  .email-protection-page .email-protection-main .projects-related::before { background:var(--ps-tint); }
  .email-protection-main .projects-related-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .email-protection-page .email-protection-main .faq .section-inner { padding-top:0; padding-bottom:80px; }
  .email-protection-main .faq .faq-icon,
  .email-protection-main .faq .faq-item.open .faq-icon { color:var(--ps-purple); }
  .email-protection-page .email-protection-main .projects-contact { padding-top:0; padding-bottom:80px; }
  .email-protection-page .email-protection-main .projects-contact-button { margin-top:28px; }
  .email-protection-main :is(.email-risks,.email-filtering,.email-management,.email-domain) :is(h2,h3,p) { color:#000000; }
}