/* Live service content over lightweight, leaf-free editorial photo plates. */
body.editorial-site main#main-content.service-reference-sections :is(#deliverables,#faq) {
  --reference-copper:#a4512b;
  position:relative;
  isolation:isolate;
  background-color:#f8f4ed;
  background-repeat:no-repeat;
  border-block:1px solid #ebe2d7;
}
body.editorial-site main#main-content.service-reference-sections #deliverables {
  background-image:url('../images/service-deliverables-ivory-1440-20261031.webp');
  background-size:cover;
  background-position:center;
}
body.editorial-site main#main-content.service-reference-sections .service-deliverables-layout {
  display:grid;
  grid-template-columns:1.05fr 1fr;
  align-items:start;
  gap:clamp(36px,5vw,80px);
  min-height:510px;
}
body.editorial-site main#main-content.service-reference-sections :is(.service-deliverables-heading,.service-faq-heading) h2 {
  position:relative;
  margin:0 0 16px;
  padding-top:22px;
  color:#202b2e;
  font-size:clamp(34px,3.4vw,50px)!important;
  line-height:1.08!important;
  letter-spacing:-.035em;
  text-wrap:initial;
}
body.editorial-site main#main-content.service-reference-sections :is(.service-deliverables-heading,.service-faq-heading) h2::before {
  content:'';
  position:absolute;
  top:0;
  left:0;
  width:40px;
  height:2px;
  background:var(--reference-copper);
}
body.editorial-site main#main-content.service-reference-sections :is(.service-deliverables-heading,.service-faq-heading) h2 em {
  color:var(--reference-copper);
  font:inherit;
}
body.editorial-site main#main-content.service-reference-sections .service-deliverables-heading {
  padding-bottom:26px;
}
body.editorial-site main#main-content.service-reference-sections #deliverables::before {
  content:'';
  position:absolute;
  z-index:-1;
  inset:0 0 auto;
  height:250px;
  pointer-events:none;
  background:linear-gradient(#faf7f1f0,#faf7f1d9 60%,#faf7f100);
}
body.editorial-site main#main-content.service-reference-sections .service-deliverables-heading p {
  max-width:47ch;
  margin:0;
  color:#4b5355;
  font:15px/1.65 Arial,sans-serif;
}
body.editorial-site main#main-content.service-reference-sections .pdf-service-deliverables,
body.editorial-site main#main-content.service-reference-sections .service-documentation-outputs {
  display:grid;
  list-style:none;
  align-content:start;
  margin:0;
  padding:12px 26px;
  border:1px solid #e9e1d6;
  border-radius:20px;
  background:#fffdf9f7;
  box-shadow:0 16px 50px #48341f14;
}
body.editorial-site main#main-content.service-reference-sections .pdf-service-deliverables li,
body.editorial-site main#main-content.service-reference-sections .service-documentation-outputs .ez-output {
  display:grid;
  grid-template-columns:64px 1fr;
  align-items:center;
  gap:22px;
  min-height:94px;
  margin:0;
  padding:20px 0;
  border:0;
  border-bottom:1px solid #eee5da;
  background:transparent;
  color:#293438;
  font:600 16px/1.5 Arial,sans-serif;
}
body.editorial-site main#main-content.service-reference-sections .pdf-service-deliverables li:last-child,
body.editorial-site main#main-content.service-reference-sections .service-documentation-outputs .ez-output:last-child { border-bottom:0; }
body.editorial-site main#main-content.service-reference-sections .pdf-service-deliverables li::before { content:none; }
body.editorial-site main#main-content.service-reference-sections .service-deliverable-icon {
  display:grid;
  place-items:center;
  width:64px;
  height:64px;
  border-radius:50%;
  background:#f7e9d8;
  color:var(--reference-copper);
}
body.editorial-site main#main-content.service-reference-sections :nth-child(3n)>.service-deliverable-icon { background:#f3e2d9; }
body.editorial-site main#main-content.service-reference-sections :nth-child(5n)>.service-deliverable-icon { background:#e9ded8; }
body.editorial-site main#main-content.service-reference-sections .service-deliverable-icon svg { display:block; width:32px; height:34px; }
body.editorial-site main#main-content.service-reference-sections #faq {
  background-image:url('../images/service-faq-ivory-1440-20261031.webp');
  background-size:100% auto;
  background-position:center top;
}
body.editorial-site main#main-content.service-reference-sections .service-faq-layout { display:block; }
body.editorial-site main#main-content.service-reference-sections .service-faq-heading { min-height:200px; width:60%; }
body.editorial-site main#main-content.service-reference-sections .service-faq-heading h2 { max-width:14ch; }
body.editorial-site main#main-content.service-reference-sections .service-faq-heading em { display:block; }
body.editorial-site main#main-content.service-reference-sections .pdf-service-faqs { display:grid; gap:10px; border:0; }
body.editorial-site main#main-content.service-reference-sections .pdf-service-faqs details {
  margin:0;
  padding:0;
  border:1px solid #ffffff;
  border-radius:12px;
  background:#fffdfaf5;
  box-shadow:0 4px 16px #55412c04;
  overflow:hidden;
}
body.editorial-site main#main-content.service-reference-sections .pdf-service-faqs details[open] { background:#fffdfa; border-color:#d8bda7; }
body.editorial-site main#main-content.service-reference-sections .pdf-service-faqs summary {
  min-height:64px;
  padding:20px 70px 20px 68px!important;
  color:#293438;
  font:500 15px/1.6 Arial,sans-serif;
}
body.editorial-site main#main-content.service-reference-sections .pdf-service-faqs summary::before {
  inset-inline-start:23px;
  width:22px;
  height:22px;
  color:var(--reference-copper);
  opacity:1;
}
body.editorial-site main#main-content.service-reference-sections .pdf-service-faqs summary::after {
  content:'';
  top:50%;
  right:26px;
  width:8px;
  height:8px;
  margin-top:-6px;
  border-right:1.5px solid var(--reference-copper);
  border-bottom:1.5px solid var(--reference-copper);
  transform:rotate(45deg);
}
body.editorial-site main#main-content.service-reference-sections .pdf-service-faqs details[open] summary::after { transform:rotate(225deg); margin-top:-2px; }
body.editorial-site main#main-content.service-reference-sections .pdf-service-faqs summary:focus-visible { outline:2px solid var(--reference-copper); outline-offset:-4px; border-radius:10px; }
body.editorial-site main#main-content.service-reference-sections .pdf-service-faqs p { margin:0; padding:0 68px 24px; color:#515d5c; font:14px/1.8 Arial,sans-serif; }
body.editorial-site main#main-content.service-reference-sections .service-documentation-outputs .ez-output { grid-template-areas:'icon number' 'icon title'; row-gap:6px; }
body.editorial-site main#main-content.service-reference-sections .service-documentation-outputs .service-deliverable-icon { grid-area:icon; }
body.editorial-site main#main-content.service-reference-sections .service-documentation-outputs .ez-output>span:not(.service-deliverable-icon) { grid-area:number; margin:0; }
body.editorial-site main#main-content.service-reference-sections .service-documentation-outputs h3 { grid-area:title; margin:0; font-size:19px; }
@media(max-width:800px) {
  body.editorial-site main#main-content.service-reference-sections #deliverables { background-image:url('../images/service-deliverables-ivory-768-20261031.webp'); background-size:auto 570px; background-position:left top; }
  body.editorial-site main#main-content.service-reference-sections .service-deliverables-layout { grid-template-columns:1fr; min-height:0; gap:0; }
  body.editorial-site main#main-content.service-reference-sections .service-deliverables-heading { min-height:360px; }
  body.editorial-site main#main-content.service-reference-sections .service-deliverables-heading p { max-width:52ch; }
  body.editorial-site main#main-content.service-reference-sections :is(.service-deliverables-heading,.service-faq-heading) h2 { font-size:clamp(32px,5.3vw,42px)!important; }
  body.editorial-site main#main-content.service-reference-sections #faq { background-image:url('../images/service-faq-ivory-768-20261031.webp'); background-size:auto 400px; background-position:right top; }
  body.editorial-site main#main-content.service-reference-sections .service-faq-heading { width:65%; min-height:175px; }
  body.editorial-site main#main-content.service-reference-sections .pdf-service-deliverables,
  body.editorial-site main#main-content.service-reference-sections .service-documentation-outputs { padding:8px 20px; border-radius:16px; }
}
@media(max-width:480px) {
  body.editorial-site main#main-content.service-reference-sections .service-faq-heading { width:50%; }
  body.editorial-site main#main-content.service-reference-sections .service-faq-heading h2 { max-width:none; font-size:30px!important; }
  body.editorial-site main#main-content.service-reference-sections .service-deliverables-heading { min-height:330px; }
  body.editorial-site main#main-content.service-reference-sections .pdf-service-deliverables li,
  body.editorial-site main#main-content.service-reference-sections .service-documentation-outputs .ez-output { grid-template-columns:48px 1fr; gap:16px; min-height:84px; padding:18px 0; font-size:14px; }
  body.editorial-site main#main-content.service-reference-sections .service-deliverable-icon { width:48px; height:48px; }
  body.editorial-site main#main-content.service-reference-sections .service-deliverable-icon svg { width:26px; height:28px; }
  body.editorial-site main#main-content.service-reference-sections .pdf-service-faqs summary { padding:17px 44px 17px 47px!important; min-height:60px; font-size:14px; }
  body.editorial-site main#main-content.service-reference-sections .pdf-service-faqs summary::before { inset-inline-start:15px; width:19px; height:19px; }
  body.editorial-site main#main-content.service-reference-sections .pdf-service-faqs summary::after { right:18px; }
  body.editorial-site main#main-content.service-reference-sections .pdf-service-faqs p { padding:0 22px 20px 47px; }
}