.DMmailguardPage {
   width: 100%;
   max-width: 100rem;
   align-self: center;
}

.DMmailguardSectionTitle {
   margin-top: 0;
}

.DMmailguardOfferGrid {
   margin-top: 0;
}
.DMmailguardPage {
   width: 100%;
   max-width: 100rem;
   align-self: center;
}

.DMmailGuardExpressBox {
   width: 92%;
   margin: 0 auto 2rem auto;
   display: flex;
   flex-direction: row;
   gap: 1.5rem;
   align-items: stretch;
}

.DMmailGuardExpressLeft,
.DMmailGuardExpressRight {
   padding: 2rem;
   border-radius: 2rem;
   box-shadow: 0 8px 20px rgba(0,0,0,0.13);
   border: 1px solid rgba(255,255,255,0.55);
   line-height: 1.45;
}

.DMmailGuardExpressLeft {
   flex: 1.35;
   background: linear-gradient(135deg, rgba(255,255,255,0.72), rgba(255,255,255,0.36));
}

.DMmailGuardExpressRight {
   flex: 0.85;
   background-color: rgba(255,255,255,0.58);
}

.DMmailGuardExpressLeft h2,
.DMmailGuardExpressRight h3 {
   margin-top: 0.7rem;
}

.DMmailGuardForm {
   display: flex;
   flex-direction: column;
   gap: 0.65rem;
}

.DMmailGuardForm label {
   font-weight: bold;
   margin-top: 0.35rem;
}

.DMmailGuardFineText {
   font-size: 0.95rem;
   color: #555555;
}

.DMmailGuardAgainBox {
   display: flex;
   flex-direction: column;
   justify-content: center;
   text-align: center;
}

.DMmailGuardResults {
   width: 92%;
   margin: 0 auto 2rem auto;
   padding: 1.5rem;
   border-radius: 1.8rem;
   background-color: rgba(255,255,255,0.42);
   box-shadow: 0 6px 16px rgba(0,0,0,0.11);
}

.DMmailGuardResults h2 {
   margin-top: 0;
   text-align: center;
}

.DMmailGuardResultLead {
   text-align: center;
   margin-top: -0.2rem;
}

.DMmailGuardResultGrid {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 1rem;
}

.DMmailGuardResult {
   padding: 1rem;
   border-radius: 1.2rem;
   background-color: rgba(255,255,255,0.54);
   box-shadow: 0 3px 8px rgba(0,0,0,0.10);
   border-left: 0.45rem solid rgba(80,80,80,0.45);
}

.DMmailGuardRunning {
   display: none;
   margin-top: 1rem;
   padding: 1rem;
   border-radius: 1.2rem;
   background-color: rgba(200, 110, 20, 0.16);
   box-shadow: inset 0 1px 4px rgba(0,0,0,0.10);
   text-align: center;
   font-weight: bold;
   line-height: 1.35;
}


.DMmailGuardResult h3 {
   margin: 0 0 0.45rem 0;
   text-align: left;
}

.DMmailGuardResult p {
   margin: 0 0 0.6rem 0;
}

.DMmailGuardResult pre {
   max-height: 12rem;
   overflow: auto;
   margin: 0.6rem 0 0 0;
   padding: 0.8rem;
   border-radius: 0.9rem;
   background-color: rgba(255,255,255,0.72);
   white-space: pre-wrap;
   word-break: break-word;
}

.DMmailGuardResult_ok {
   border-left-color: rgba(50,145,80,0.85);
}

.DMmailGuardResult_warn {
   border-left-color: rgba(210,140,35,0.90);
}

.DMmailGuardResult_bad {
   border-left-color: rgba(190,55,55,0.90);
}

.DMmailGuardResult_neutral {
   border-left-color: rgba(95,95,95,0.55);
}

.DMmailGuardDetailBox {
   width: 92%;
   margin: 0 auto 2rem auto;
   padding: 1.6rem;
   border-radius: 1.6rem;
   background-color: rgba(255,255,255,0.38);
   box-shadow: 0 4px 12px rgba(0,0,0,0.10);
   line-height: 1.45;
}

.DMmailGuardDetailBox h2 {
   margin-top: 0;
   text-align: center;
}

.DMmailGuardDetailBox > p {
   text-align: center;
}

.DMmailGuardDetailGrid {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
   gap: 1rem;
   margin-top: 1.2rem;
}

.DMmailGuardDetailItem {
   padding: 1rem;
   border-radius: 1.2rem;
   background-color: rgba(255,255,255,0.50);
   box-shadow: 0 2px 6px rgba(0,0,0,0.09);
}

.DMmailGuardDetailItem b {
   display: block;
   margin-bottom: 0.35rem;
}

.DMmailGuardDetailItem span {
   display: block;
}


.DMmailguardPage {
   width: 100%;
   max-width: 100rem;
   align-self: center;
}

.DMmailGuardExpressBox {
   width: 92%;
   margin: 0 auto 2rem auto;
   display: flex;
   flex-direction: row;
   gap: 1.5rem;
   align-items: stretch;
}

.DMmailGuardExpressLeft,
.DMmailGuardExpressRight {
   padding: 2rem;
   border-radius: 2rem;
   box-shadow: 0 8px 20px rgba(0,0,0,0.13);
   border: 1px solid rgba(255,255,255,0.55);
   line-height: 1.45;
}

.DMmailGuardExpressLeft {
   flex: 1.35;
   background: linear-gradient(135deg, rgba(255,255,255,0.72), rgba(255,255,255,0.36));
}

.DMmailGuardExpressRight {
   flex: 0.85;
   background-color: rgba(255,255,255,0.58);
}

.DMmailGuardExpressLeft h2,
.DMmailGuardExpressRight h3 {
   margin-top: 0.7rem;
}

.DMmailGuardForm {
   display: flex;
   flex-direction: column;
   gap: 0.65rem;
}

.DMmailGuardForm label {
   font-weight: bold;
   margin-top: 0.35rem;
}

.DMmailGuardFineText {
   font-size: 0.95rem;
   color: #555555;
}

.DMmailGuardResults {
   width: 92%;
   margin: 0 auto 2rem auto;
   padding: 1.5rem;
   border-radius: 1.8rem;
   background-color: rgba(255,255,255,0.42);
   box-shadow: 0 6px 16px rgba(0,0,0,0.11);
}

.DMmailGuardResults h2 {
   margin-top: 0;
   text-align: center;
}

.DMmailGuardResultGrid {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 1rem;
}

.DMmailGuardResult {
   padding: 1rem;
   border-radius: 1.2rem;
   background-color: rgba(255,255,255,0.54);
   box-shadow: 0 3px 8px rgba(0,0,0,0.10);
   border-left: 0.45rem solid rgba(80,80,80,0.45);
}

.DMmailGuardResult h3 {
   margin: 0 0 0.45rem 0;
   text-align: left;
}

.DMmailGuardResult p {
   margin: 0 0 0.6rem 0;
}

.DMmailGuardResult pre {
   max-height: 12rem;
   overflow: auto;
   margin: 0.6rem 0 0 0;
   padding: 0.8rem;
   border-radius: 0.9rem;
   background-color: rgba(255,255,255,0.72);
   white-space: pre-wrap;
   word-break: break-word;
}

.DMmailGuardResult_ok {
   border-left-color: rgba(50,145,80,0.85);
}

.DMmailGuardResult_warn {
   border-left-color: rgba(210,140,35,0.90);
}

.DMmailGuardResult_bad {
   border-left-color: rgba(190,55,55,0.90);
}

.DMmailGuardResult_neutral {
   border-left-color: rgba(95,95,95,0.55);
}

.DMmailGuardDetailBox {
   width: 92%;
   margin: 0 auto 2rem auto;
   padding: 1.6rem;
   border-radius: 1.6rem;
   background-color: rgba(255,255,255,0.38);
   box-shadow: 0 4px 12px rgba(0,0,0,0.10);
   line-height: 1.45;
}

.DMmailGuardDetailBox h2 {
   margin-top: 0;
   text-align: center;
}

.DMmailGuardDetailBox > p {
   text-align: center;
}

.DMmailGuardDetailGrid {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
   gap: 1rem;
   margin-top: 1.2rem;
}

.DMmailGuardDetailItem {
   padding: 1rem;
   border-radius: 1.2rem;
   background-color: rgba(255,255,255,0.50);
   box-shadow: 0 2px 6px rgba(0,0,0,0.09);
}

.DMmailGuardDetailItem b {
   display: block;
   margin-bottom: 0.35rem;
}

.DMmailGuardDetailItem span {
   display: block;
}

@media (max-width: 1100px) {
   .DMmailGuardExpressBox {
      width: 95%;
      flex-direction: column;
   }

   .DMmailGuardResults,
   .DMmailGuardDetailBox {
      width: 95%;
   }

   .DMmailGuardResultGrid,
   .DMmailGuardDetailGrid {
      grid-template-columns: 1fr;
   }
}

.DMmailGuardExpressBox {
   width: 92%;
   margin: 0 auto 2rem auto;
   display: flex;
   flex-direction: row;
   gap: 1.5rem;
   align-items: stretch;
}

.DMmailGuardExpressText,
.DMmailGuardExpressFormBox {
   position: relative;
   flex: 1;
   min-width: 0;
   padding: 2rem;
   border-radius: 2rem;
   background-color: rgba(255,255,255,0.58);
   box-shadow: 0 8px 20px rgba(0,0,0,0.13);
   border: 1px solid rgba(255,255,255,0.55);
   line-height: 1.45;
}

.DMmailGuardExpressText {
   background-color: rgba(255,255,255,0.72);
}

.DMmailGuardExpressText h2 {
   margin-top: 0.8rem;
   text-align: left;
}

.DMmailGuardExpressSmall {
   margin-top: 1rem;
   font-size: 0.95rem;
   color: #555555;
}

.DMmailGuardForm {
   display: flex;
   flex-direction: column;
   gap: 0.65rem;
}

.DMmailGuardForm label {
   font-weight: bold;
   margin-top: 0.35rem;
}

.DMmailGuardRunning {
   display: none;
   margin-top: 1rem;
   padding: 1rem;
   border-radius: 1.2rem;
   background-color: rgba(200, 110, 20, 0.16);
   box-shadow: inset 0 1px 4px rgba(0,0,0,0.10);
   text-align: center;
   font-weight: bold;
   line-height: 1.35;
}


@media (max-width: 1100px) {
   .DMmailGuardExpressBox {
      width: 95%;
      flex-direction: column;
   }

   .DMmailGuardResults,
   .DMmailGuardDetailBox {
      width: 95%;
   }

   .DMmailGuardResultGrid,
   .DMmailGuardDetailGrid {
      grid-template-columns: 1fr;
   }
}