:root {
  --themeColorGrad: #fefae0;
  --themeColorDark: #8d7b00;
  --themeButtonHover: #867711;
  --themeColorBC: #fefae0;
  --themeColorBC_B: #ede6bd;
  --themePriceColor: #fe4b6d;
}
.dm-page{
  --dm-blue:#8d7b00;         
  --dm-blue-dark:#867711;
  --dm-navy:#13324f;
  --dm-text:#545454;           
  --dm-heading:#1f2d3d;
  --dm-yellow:#8d7b00;        
  --dm-yellow-dark:#e0a800;
  --dm-bg-soft:#f3f9fe;
  --dm-border:#dbe8f3;
  --dm-radius:14px;
  --dm-shadow:0 6px 24px rgba(19,50,79,.08);
  font-family:"Segoe UI",Calibri,Arial,sans-serif;
  color:var(--dm-text);
  line-height:1.65;
}
.dm-page *,.dm-page *::before,.dm-page *::after{box-sizing:border-box}
.dm-page a{color:var(--dm-blue-dark);text-decoration:none}
.dm-page a:hover{text-decoration:underline}
.dm-page .dm-wrap{max-width:1200px;margin:0 auto;padding:0 20px}
.dm-page .dm-section{padding:72px 0}
.dm-page .dm-soft{background:var(--dm-bg-soft)}

/* headings */
.dm-page .dm-head{text-align:center;max-width:820px;margin:0 auto 40px}
.dm-page .dm-head h2{font-size:34px;line-height:1.25;color:var(--dm-heading);font-weight:700;margin:0 0 12px}
.dm-page .dm-head h2 span,.dm-page .dm-hero h1 span, .dm-hero h2 span{color:var(--dm-blue)}
.dm-page .dm-head p{font-size:17px;margin:0;color:#6a7480}
#outline-head span{color: #fff;}
/* buttons */
.dm-page .dm-btn{display: inline-flex;padding: 0 35px;height: 48px;border-radius: 24px;font-weight: 600;font-size: 16px;transition: all .2s ease;text-decoration: none !important;border: 2px solid transparent;align-items: center;text-transform: uppercase;}
.dm-page .dm-btn-primary{background:var(--dm-yellow);color:#fff}
.dm-page .dm-btn-primary:hover{background:#867711;color:#fff;}

/* hero */
.dm-page .dm-hero{padding:80px 0 72px;border-bottom:1px solid var(--dm-border)}
.dm-page .dm-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.dm-page .dm-hero h1{font-size:42px;line-height:1.2;color:var(--dm-heading);font-weight:700;margin:0 0 18px}
.dm-page .dm-hero-text{font-size:17px;margin:0 0 28px}

/* card grid */
.dm-page .dm-card-icon{width:46px;height:46px;border-radius:12px;background:#e3f4fe;display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.dm-page .dm-card-icon svg{width:24px;height:24px;stroke:var(--dm-blue);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* steps */

/* two-column features */

/* timeline (strategy) */

/* CTA band */
.faq-question-holder .accordion-item .accordion-title:after {
    line-height: 20px;
    display: block;
    position: absolute;
    top: 20px;
    right: 15px;
    content: "";
    text-align: center;
    font-size: 13px;
    height: 19px;
    width: 18px;
    display: inline-block;
}
.faq-question-holder .accordion-item .accordion-title:after {
    background: url(/template/default/images/icons/eml-pst-faq-icon.png) no-repeat !important;
}
.faq-question-holder .accordion-item .accordion-title.open:after {
    content: "";
    background-position: bottom;
}
.faq-question-holder .accordion-item .accordion-title.open:after {
    background: url(/template/default/images/icons/eml-pst-faq-icon.png) 0 -56px no-repeat !important;
}
.header-content .videos_img_list {background: url(/template/default/images/eml-pst-banner.webp) center no-repeat;}
/* responsive */
@media (max-width:1024px){
  .dm-page .dm-hero-grid{grid-template-columns:1fr}
}
@media (max-width:768px){
  .dm-page .dm-section{padding:52px 0}
  .dm-page .dm-hero{padding:56px 0}
  .dm-page .dm-hero h1{font-size:32px}
  .dm-page .dm-head h2{font-size:27px}
}
@media (max-width:480px){
  .dm-page .dm-hero h1{font-size:27px}
  .dm-page .dm-head h2{font-size:24px}
  .dm-page .dm-btn{width:100%;text-align:center}
}

/* ===== additions for the challenges guide ===== */
.dm-page section[id^="challenge-"]{scroll-margin-top:90px}

/* section variations */
/* best-practice callout */
/* numbered rows (challenge 1) */
/* dark band (challenge 2) */
.dm-page .dm-dark{background:linear-gradient(135deg,var(--dm-navy) 0%,#8d7b00 100%);color:#d5e4f1}
.dm-page .dm-dark .dm-head h2{color:#fff}
.dm-page .dm-dark .dm-head p{color:#b9d0e4}
.dm-page .dm-dark .dm-card-icon{background:rgba(0,159,239,.2)}
.dm-page .dm-dark .dm-card-icon svg{stroke:#5cc6ff}
/* icon list (challenge 3) */
/* top-border columns (challenge 4) */
/* numbered cards (challenge 5) */
/* single box with columns (challenge 6) */
/* timeline (challenge 7) */
/* checklist (challenge 8) */
/* strip-header cards (best practices) */
/* resource links */

@media (max-width:1024px){
}
@media (max-width:768px){
}

/* ===== NSF File Converter additions ===== */
.dm-page .dm-hero-grid > *,.dm-page .dm-howto > *,.dm-page .dm-zig > *{min-width:0}
/* 3-step strip under the hero */
/* flow: source -> conversion -> output */
/* format tiles */
/* image + numbered steps */
/* zig-zag feature rows */
.dm-page .dm-zig{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.dm-page .dm-zig + .dm-zig{margin-top:56px}
/* comparison rows */

@media (max-width:1024px){
  .dm-page .dm-howto,.dm-page .dm-zig{grid-template-columns:1fr;gap:32px}
}
@media (max-width:480px){
}

/* ===== Google Takeout MBOX to PST additions ===== */
.dm-page .dm-hero-grid > *,.dm-page .dm-zig > *{min-width:0}
/* hero route visual */
/* process with connecting line */
/* side-by-side text, link */
.dm-page .dm-zig-text h2{font-size:32px;line-height:1.25;color:var(--dm-heading);margin:0 0 16px}
.dm-page .dm-zig-text h2 span{color:var(--dm-blue)}
.dm-page .dm-zig-text p{font-size:16px;margin:0 0 14px}
/* step cards */
/* link inside top cards */
/* warning-style icon cards */
/* table */
/* check list without titles + note */

@media (max-width:1024px){
  .dm-page .dm-zig{grid-template-columns:1fr;gap:32px}
  .dm-page .dm-zig-text h2{font-size:27px}
}
@media (max-width:768px){
}

/* ===== MBOX File Converter additions ===== */
@media (max-width:1024px){
}
@media (max-width:768px){
}

/* ===== MBOX Viewer additions ===== */
@media (max-width:1024px){
}

/* stepper */
@media (max-width:768px){
}

/* ===== What is MBOX additions ===== */

/* ===== Thunderbird to PST additions ===== */


/* ===== EML vs MSG vs MBOX additions ===== */
.dm-page .dm-fmt-hero{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.dm-page .dm-fmt-tile{background:#fff;border:1px solid var(--dm-border);border-radius:18px;padding:22px 16px;text-align:center;box-shadow:0 12px 30px rgba(19,50,79,.08)}
.dm-page .dm-fmt-tile b{display:block;font-size:20px;color:var(--dm-heading);margin-top:14px}
.dm-page .dm-fmt-tile small{display:block;font-size:13px;color:#6a7480;margin-top:4px}
.dm-page .dm-fmt-doc{position:relative;width:70px;height:86px;margin:0 auto;border-radius:6px 18px 6px 6px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:10px;font-weight:800;font-size:13px;color:#fff}
.dm-page .dm-fmt-eml .dm-fmt-doc{background:linear-gradient(160deg,var(--dm-blue),var(--dm-blue-dark))}
.dm-page .dm-fmt-msg .dm-fmt-doc{background:linear-gradient(160deg,#2c5f8a,var(--dm-navy))}
.dm-page .dm-fmt-mbox .dm-fmt-doc{background:linear-gradient(160deg,#ffc634,var(--dm-yellow-dark));color:#1f2d3d;box-shadow:6px -6px 0 #fde3a0,12px -12px 0 #feefc6}
.dm-page .dm-fmt-tile:nth-child(2){transform:translateY(-14px)}
/* spec cards */
.dm-page .dm-spec{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.dm-page .dm-spec-card{background:#fff;border:1px solid var(--dm-border);border-radius:18px;overflow:hidden;box-shadow:var(--dm-shadow)}
.dm-page .dm-spec-head{display:flex;align-items:center;gap:14px;padding:22px 24px;color:#fff}
.dm-page .dm-spec-head .dm-card-icon{margin:0;background:rgba(255,255,255,.18)}
.dm-page .dm-spec-head .dm-card-icon svg{stroke:#fff}
.dm-page .dm-spec-head h3{margin:0;font-size:26px;letter-spacing:.5px;color:inherit}
.dm-page .dm-spec-eml .dm-spec-head{background:linear-gradient(120deg,var(--dm-blue),var(--dm-blue-dark))}
.dm-page .dm-spec-msg .dm-spec-head{background:linear-gradient(120deg,#2c5f8a,var(--dm-navy))}
.dm-page .dm-spec-mbox .dm-spec-head{background:linear-gradient(120deg,#ffc634,var(--dm-yellow-dark));color:#1f2d3d}
.dm-page .dm-spec-mbox .dm-spec-head .dm-card-icon{background:rgba(31,45,61,.1)}
.dm-page .dm-spec-mbox .dm-spec-head .dm-card-icon svg{stroke:#1f2d3d}
.dm-page .dm-spec dl{margin:0;padding:6px 24px 22px}
.dm-page .dm-spec dl div{padding:14px 0;border-bottom:1px solid var(--dm-border)}
.dm-page .dm-spec dl div:last-child{border-bottom:0}
.dm-page .dm-spec dt{font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--dm-blue-dark);margin-bottom:4px}
.dm-page .dm-spec dd{margin:0;font-size:15.5px;color:var(--dm-heading)}
.dm-page .dm-spec dd.dm-spec-dir{display:inline-block;background:#fffaf0;border:1px solid #fbe3a6;border-radius:8px;padding:6px 12px;font-weight:600}
/* EML: many small files */
.dm-page .dm-many{background:#fff;border:1px solid var(--dm-border);border-radius:18px;box-shadow:var(--dm-shadow);padding:24px}
.dm-page .dm-many-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}
.dm-page .dm-many-grid span{aspect-ratio:3/4;border-radius:4px 10px 4px 4px;background:#e3f4fe;border:1px solid #bfe3fb}
.dm-page .dm-many-grid span:nth-child(5n+2){background:var(--dm-blue);border-color:var(--dm-blue)}
.dm-page .dm-many-cap{display:flex;justify-content:space-between;margin-top:16px;font-size:14px;color:#6a7480}
.dm-page .dm-many-cap b{color:var(--dm-heading)}
/* MSG: Outlook item */
.dm-page .dm-item{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);border-radius:18px;padding:24px}
.dm-page .dm-item-title{font-size:13px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#7fd3ff;margin-bottom:14px}
.dm-page .dm-item-row{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:12px;background:rgba(255,255,255,.07);margin-bottom:10px;color:#fff;font-weight:600}
.dm-page .dm-item-row:last-child{margin-bottom:0}
.dm-page .dm-item-row .dm-card-icon{margin:0;width:40px;height:40px;flex:0 0 40px;background:rgba(0,159,239,.25)}
.dm-page .dm-item-row .dm-card-icon svg{stroke:#fff;width:20px;height:20px}
.dm-page .dm-item-row small{margin-left:auto;font-size:12px;font-weight:700;color:#fff;background:var(--dm-yellow);border-radius:20px;padding:3px 10px}
.dm-page .dm-dark .dm-zig-text h2{color:#fff}
.dm-page .dm-dark .dm-zig-text p{color:#d5e4f1}
/* MBOX: one container */
.dm-page .dm-box1{background:#fff;border:2px solid var(--dm-yellow);border-radius:18px;box-shadow:var(--dm-shadow);overflow:hidden}
.dm-page .dm-box1-head{background:#fffaf0;padding:14px 20px;font-weight:700;color:var(--dm-heading);border-bottom:1px solid #fbe3a6;display:flex;justify-content:space-between}
.dm-page .dm-box1-head small{font-weight:600;color:#c98a00}
.dm-page .dm-box1-msg{display:flex;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px dashed var(--dm-border);font-size:14px;color:var(--dm-heading)}
.dm-page .dm-box1-msg:last-child{border-bottom:0}
.dm-page .dm-box1-msg b{font-family:Consolas,"Courier New",monospace;color:#c98a00;font-size:13px}
.dm-page .dm-box1-msg i{flex:1;height:8px;border-radius:6px;background:#eef3f8}
/* PST decision band */
.dm-page .dm-route-band{background:linear-gradient(120deg,var(--dm-blue) 0%,var(--dm-blue-dark) 100%);border-radius:24px;padding:46px 50px;color:#e8f5ff;box-shadow:0 18px 44px rgba(0,111,184,.25);display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}
.dm-page .dm-route-band h2{color:#fff;margin:0 0 14px}
.dm-page .dm-route-band h2 span{color:var(--dm-yellow)}
.dm-page .dm-route-band p{margin:0;font-size:16.5px}
.dm-page .dm-routes{display:grid;gap:12px}
.dm-page .dm-routes div{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);border-radius:14px;padding:14px 18px;font-weight:700;color:#fff}
.dm-page .dm-routes div span{background:#fff;color:var(--dm-blue-dark);border-radius:8px;padding:3px 10px;font-size:13px}
.dm-page .dm-routes div em{font-style:normal;color:#fff;font-size:18px}
.dm-page .dm-routes div span.dm-pst{background:var(--dm-yellow);color:#fff}
/* related tiles */
.dm-page .dm-rel{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.dm-page .dm-rel a{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--dm-border);border-radius:14px;padding:20px 22px;font-weight:600;color:var(--dm-heading);text-decoration:none;transition:border-color .2s ease,box-shadow .2s ease}
.dm-page .dm-rel a:hover{border-color:var(--dm-blue);box-shadow:var(--dm-shadow);text-decoration:none}
.dm-page .dm-rel a .dm-card-icon{margin:0;flex:0 0 46px}
.dm-page .dm-rel a::after{content:"\2192";margin-left:auto;color:var(--dm-blue);font-size:20px}

/* all section headings: 42px / 600 */
.dm-page .dm-head h2,.dm-page .dm-zig-text h2,.dm-page .dm-route-band h2,.main-eml-msg-mbox #faq h2, .dm-hero h2{font-size:42px;font-weight:600;line-height:1.2}
@media (max-width:1024px){
  .dm-page .dm-head h2,.dm-page .dm-zig-text h2,.dm-page .dm-route-band h2,.main-eml-msg-mbox #faq h2{font-size:36px}
  .dm-page .dm-spec{grid-template-columns:1fr}
  .dm-page .dm-route-band{grid-template-columns:1fr;padding:36px 30px;gap:24px}
  .dm-page .dm-rel{grid-template-columns:1fr}
}
@media (max-width:768px){
  .dm-page .dm-head h2,.dm-page .dm-zig-text h2,.dm-page .dm-route-band h2,.main-eml-msg-mbox #faq h2{font-size:32px}
  .dm-page .dm-many-grid{gap:5px}
}
@media (max-width:480px){
  .dm-page .dm-head h2,.dm-page .dm-zig-text h2,.dm-page .dm-route-band h2,.main-eml-msg-mbox #faq h2{font-size:28px}
  .dm-page .dm-fmt-hero{gap:10px}
  .dm-page .dm-fmt-doc{width:54px;height:68px}
  .dm-page .dm-fmt-tile{padding:16px 8px}
  .dm-page .dm-fmt-tile b{font-size:17px}
  .dm-page .dm-route-band{padding:28px 22px}
}