.service-docx-e-and-ce-marking { --ce-dark:#081c2c; --ce-mid:#0b384f; --ce-blue:#007dcc; --ce-cyan:#38bdf8; --ce-pale:#f3f7f9; color:#223746; background:#fff; font-family:var(--font-primary),Inter,sans-serif; }
.service-docx-e-and-ce-marking * { box-sizing:border-box; letter-spacing:0; }
.service-docx-e-and-ce-marking .container { width:calc(100% - 36px); max-width:1320px; margin-inline:auto; padding:0; }
.service-docx-e-and-ce-marking section[id] { scroll-margin-top:110px; }
.service-docx-e-and-ce-marking h1,.service-docx-e-and-ce-marking h2,.service-docx-e-and-ce-marking h3 { color:inherit; margin:0; font-family:var(--font-primary),Inter,sans-serif; font-weight:600; line-height:1.2; overflow-wrap:break-word; }
.service-docx-e-and-ce-marking h1 { font-size:42px; font-weight:700; }
.service-docx-e-and-ce-marking h2 { font-size:30px; }
.service-docx-e-and-ce-marking h3 { font-size:24px; line-height:1.35; }
.service-docx-e-and-ce-marking p { font-size:16px; line-height:1.8; font-weight:400; margin:0 0 22px; color:inherit; }
.service-docx-e-and-ce-marking p:last-child { margin-bottom:0; }
.service-docx-e-and-ce-marking .ce-eyebrow { display:block; font-size:12px; text-transform:uppercase; color:var(--ce-blue); font-weight:600; margin-bottom:20px; }
.service-docx-e-and-ce-marking img { max-width:100%; display:block; }
.service-docx-e-and-ce-marking figure { margin:0; }
.service-docx-e-and-ce-marking .mark-backdrop { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:-2; }
.service-docx-e-and-ce-marking .mark-hero { position:relative; isolation:isolate; color:white; background:var(--ce-dark); padding:72px 0 40px; overflow:hidden; }
.service-docx-e-and-ce-marking .mark-hero::after { content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(8,28,44,.98),rgba(8,28,44,.86) 50%,rgba(8,28,44,.24)); }
.service-docx-e-and-ce-marking .mark-hero .ce-eyebrow { color:var(--ce-cyan); }
.service-docx-e-and-ce-marking .mark-hero h1::after { content:''; display:block; width:84px; height:3px; background:var(--ce-cyan); margin-top:26px; }
.service-docx-e-and-ce-marking .mark-hero-bottom { margin-top:32px; display:grid; gap:24px; }
.service-docx-e-and-ce-marking .mark-hero-bottom p { color:#d0dce8; }
.service-docx-e-and-ce-marking .mark-symbols { display:flex; gap:28px; font-size:72px; color:#ffffff70; }
.service-docx-e-and-ce-marking .mark-symbols span+span { border-left:1px solid #ffffff40; padding-left:28px; }
.service-docx-e-and-ce-marking .mark-scroll { display:inline-flex; align-items:center; justify-content:center; color:white; width:44px; height:44px; border:1px solid #ffffff70; margin-top:24px; text-decoration:none; }
.service-docx-e-and-ce-marking .ce-jump { display:flex; gap:12px 32px; flex-wrap:wrap; margin-top:24px; border-top:1px solid #ffffff40; padding-top:18px; }
.service-docx-e-and-ce-marking .ce-jump a { color:white; min-height:44px; display:flex; gap:24px; align-items:center; text-decoration:none; }
.service-docx-e-and-ce-marking a:focus-visible { outline:3px solid var(--ce-cyan); outline-offset:5px; }
.service-docx-e-and-ce-marking .mark-space,.service-docx-e-and-ce-marking .mark-document-row,.service-docx-e-and-ce-marking .ce-emark-explanation { padding:48px 0; }
.service-docx-e-and-ce-marking .mark-difference-grid { display:grid; gap:36px; }
.service-docx-e-and-ce-marking .mark-difference-grid > div:last-child { border-left:2px solid var(--ce-blue); padding-left:22px; }
.service-docx-e-and-ce-marking .mark-difference h2 { margin-bottom:24px; }
.service-docx-e-and-ce-marking .mark-contrast { display:flex; align-items:center; justify-content:space-around; gap:24px; font-size:76px; color:var(--ce-mid); }
.service-docx-e-and-ce-marking .mark-contrast > span+span { border-left:1px solid #d8e3e9; padding-left:32px; }
.service-docx-e-and-ce-marking .ce-divider { background-color:var(--ce-dark); background-image:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px); background-size:40px 40px; color:white; padding:48px 0; overflow:hidden; }
.service-docx-e-and-ce-marking .ce-chapter-inner { display:flex; gap:32px; align-items:center; }
.service-docx-e-and-ce-marking .ce-outline { font-size:80px; color:transparent; -webkit-text-stroke:1px #38bdf870; line-height:1; }
.service-docx-e-and-ce-marking .mark-chapter { max-width:720px; }
.service-docx-e-and-ce-marking .mark-chapter::after { content:''; display:block; width:72px; height:2px; background:var(--ce-cyan); margin-top:26px; transform-origin:left; }
.service-docx-e-and-ce-marking .ce-section-inner { display:grid; gap:28px; }
.service-docx-e-and-ce-marking .mark-document-row { position:relative; }
.service-docx-e-and-ce-marking #service-section-3,.service-docx-e-and-ce-marking #service-section-5 { background:var(--ce-pale); }
.service-docx-e-and-ce-marking #service-section-3 h3::before { content:'01'; display:block; font-size:88px; color:#d8e3e9; font-weight:400; line-height:1; margin-bottom:20px; }
.service-docx-e-and-ce-marking #service-section-4 h3::before,.service-docx-e-and-ce-marking #service-section-5 h3::before { display:block; font-size:88px; color:#d8e3e9; font-weight:400; line-height:1; margin-bottom:20px; }
.service-docx-e-and-ce-marking #service-section-4 h3::before { content:'02'; }
.service-docx-e-and-ce-marking #service-section-5 h3::before { content:'03'; }
.service-docx-e-and-ce-marking figure.mark-photo,.service-docx-e-and-ce-marking figure.ce-component { width:min(100%,440px); aspect-ratio:1; border-radius:50%; overflow:hidden; margin-inline:auto; }
.service-docx-e-and-ce-marking figure.mark-photo img,.service-docx-e-and-ce-marking figure.ce-component img { width:100%; height:100%; aspect-ratio:1; object-fit:cover; border-radius:50%; }
.service-docx-e-and-ce-marking .ce-clarification { border-left:3px solid var(--ce-blue); padding:10px 0 10px 24px; font-size:30px; line-height:1.4; color:var(--ce-mid); margin:0; }
.service-docx-e-and-ce-marking .mark-sequence { list-style:none; padding:0; margin:28px 0 0; counter-reset:ce-item; }
.service-docx-e-and-ce-marking .mark-sequence li { counter-increment:ce-item; position:relative; border-top:1px solid #d8e3e9; padding:20px 0 20px 38px; font-size:17px; line-height:1.5; transition:color 250ms ease; }
.service-docx-e-and-ce-marking .mark-sequence li::before { content:counter(ce-item,decimal-leading-zero); position:absolute; left:0; top:23px; font-size:12px; color:var(--ce-blue); }
.service-docx-e-and-ce-marking .mark-sequence li::after { content:''; position:absolute; bottom:0; left:0; width:32px; height:2px; background:var(--ce-blue); transform:scaleX(0); transform-origin:left; transition:transform 250ms ease; }
.service-docx-e-and-ce-marking .mark-sequence li:hover::after { transform:scaleX(1); }
.service-docx-e-and-ce-marking .mark-photo img { width:100%; aspect-ratio:4/3; object-fit:cover; }
.service-docx-e-and-ce-marking .mark-photo-note { display:none; }
.service-docx-e-and-ce-marking .ce-risk-label { width:fit-content; margin:0 auto 32px; padding:12px 24px; background:var(--ce-mid); color:white; font-size:17px; }
.service-docx-e-and-ce-marking .ce-routes { display:grid; gap:22px; position:relative; }
.service-docx-e-and-ce-marking .ce-route { border-top:3px solid var(--ce-blue); padding:24px; background:var(--ce-pale); }
.service-docx-e-and-ce-marking .ce-route p { margin:0; }
.service-docx-e-and-ce-marking .ce-documentation { position:relative; margin-top:28px; padding:28px 0; border-top:2px solid var(--ce-cyan); border-bottom:1px solid #d8e3e9; }
.service-docx-e-and-ce-marking .mark-small-media { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:32px; }
.service-docx-e-and-ce-marking .mark-auto { background:var(--ce-dark); color:white; }
.service-docx-e-and-ce-marking .mark-auto-top { position:relative; isolation:isolate; padding:80px 0; }
.service-docx-e-and-ce-marking .mark-auto-top::after { content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,#081c2cef,#081c2c40); }
.service-docx-e-and-ce-marking .mark-auto-top h2 { max-width:640px; border-left:2px solid var(--ce-cyan); padding-left:24px; }
.service-docx-e-and-ce-marking .mark-auto-copy { display:grid; gap:32px; align-items:center; }
.service-docx-e-and-ce-marking .mark-auto-copy h3 { margin-bottom:24px; }
.service-docx-e-and-ce-marking .ce-component img { width:100%; aspect-ratio:4/3; object-fit:cover; }
.service-docx-e-and-ce-marking .ce-mark-annotation { display:grid; grid-template-columns:auto 1fr; gap:16px 24px; border-top:1px solid var(--ce-blue); margin-top:20px; padding-top:20px; }
.service-docx-e-and-ce-marking .ce-mark-annotation .ce-eyebrow,.service-docx-e-and-ce-marking .ce-mark-annotation p { grid-column:1/-1; }
.service-docx-e-and-ce-marking .ce-mark-annotation .ce-eyebrow { margin:0; }
.service-docx-e-and-ce-marking .ce-illustrative-symbol { font-size:32px; border:1px solid var(--ce-blue); border-radius:50%; width:76px; height:76px; display:flex; align-items:center; justify-content:center; gap:5px; }
.service-docx-e-and-ce-marking .ce-illustrative-symbol small { font-size:18px; }
.service-docx-e-and-ce-marking .ce-annotation-label { align-self:center; font-size:14px; color:#526779; }
.service-docx-e-and-ce-marking .mark-applications { background:var(--ce-pale); }
.service-docx-e-and-ce-marking .mark-applications-heading { display:grid; gap:24px; margin-bottom:32px; }
.service-docx-e-and-ce-marking .mark-applications-grid { display:grid; gap:32px; align-items:center; }
.service-docx-e-and-ce-marking .mark-applications-grid li:first-child { font-size:25px; color:var(--ce-mid); padding-block:26px; }
.service-docx-e-and-ce-marking .mark-takeaway header { margin-bottom:32px; }
.service-docx-e-and-ce-marking .mark-takeaway-grid { display:grid; gap:32px; }
.service-docx-e-and-ce-marking .mark-takeaway .mark-contrast { display:grid; grid-template-columns:1fr; gap:24px; font-size:17px; }
.service-docx-e-and-ce-marking .mark-takeaway .mark-contrast > div { display:grid; gap:20px; }
.service-docx-e-and-ce-marking .ce-decision-symbol { font-size:54px; line-height:1; color:var(--ce-blue); }
.service-docx-e-and-ce-marking .mark-cta { padding:56px 0; background:var(--ce-dark); color:white; border-top:3px solid var(--ce-cyan); }
.service-docx-e-and-ce-marking .mark-cta h2 { margin-bottom:0; }
.service-docx-e-and-ce-marking .mark-cta .eyebrow { color:var(--ce-cyan); }
.service-docx-e-and-ce-marking .mark-cta .btn { min-height:48px; justify-self:start; white-space:normal; }
.service-docx-e-and-ce-marking .ce-revealed { animation:ce-unique-reveal 650ms ease both; }
.service-docx-e-and-ce-marking .ce-revealed.mark-chapter::after { animation:ce-unique-line 700ms ease both; }
.service-docx-e-and-ce-marking .ce-revealed.mark-backdrop { animation:ce-unique-image 1000ms ease both; }
.service-docx-e-and-ce-marking .mark-sequence li.ce-revealed:nth-child(2n) { animation-delay:80ms; }
.service-docx-e-and-ce-marking .mark-sequence li.ce-revealed:nth-child(3n) { animation-delay:160ms; }
.service-docx-e-and-ce-marking .ce-pathway.ce-revealed .ce-routes::before { animation:ce-unique-line 750ms ease both; transform-origin:left; }
.service-docx-e-and-ce-marking .ce-pathway.ce-revealed .ce-documentation { animation:ce-unique-reveal 650ms 150ms ease both; }
@keyframes ce-unique-reveal { from { opacity:.4; transform:translateY(18px); } to { opacity:1; transform:none; } }
@keyframes ce-unique-line { from { transform:scaleX(0); } to { transform:scaleX(1); } }
@keyframes ce-unique-image { from { opacity:.6; transform:scale(1.03); } to { opacity:1; transform:scale(1); } }
@media(min-width:768px) {
 .service-docx-e-and-ce-marking .container { width:calc(100% - 64px); }
 .service-docx-e-and-ce-marking h1 { font-size:64px; }
 .service-docx-e-and-ce-marking h2 { font-size:38px; }
 .service-docx-e-and-ce-marking p { font-size:17px; }
 .service-docx-e-and-ce-marking .mark-space,.service-docx-e-and-ce-marking .mark-document-row,.service-docx-e-and-ce-marking .ce-emark-explanation { padding:72px 0; }
 .service-docx-e-and-ce-marking .ce-routes { grid-template-columns:1fr 1fr; gap:32px; }
 .service-docx-e-and-ce-marking .ce-routes::before { content:''; position:absolute; top:-17px; left:25%; right:25%; border-top:1px solid var(--ce-blue); }
 .service-docx-e-and-ce-marking .ce-route { position:relative; }
 .service-docx-e-and-ce-marking .ce-route::before { content:''; position:absolute; height:18px; top:-20px; left:50%; border-left:1px solid var(--ce-blue); }
 .service-docx-e-and-ce-marking .mark-takeaway .mark-contrast { grid-template-columns:1fr 1fr; }
 .service-docx-e-and-ce-marking .mark-takeaway .mark-contrast > div+div { border-left:1px solid #d8e3e9; padding-left:32px; }
 .service-docx-e-and-ce-marking .ce-outline { font-size:130px; }
}
@media(min-width:1024px) {
 .service-docx-e-and-ce-marking h1 { font-size:76px; }
 .service-docx-e-and-ce-marking h2 { font-size:44px; }
 .service-docx-e-and-ce-marking .mark-hero { padding:104px 0 48px; }
 .service-docx-e-and-ce-marking .mark-hero-bottom { grid-template-columns:1.4fr 1fr; gap:72px; align-items:center; }
 .service-docx-e-and-ce-marking .mark-symbols { font-size:130px; }
 .service-docx-e-and-ce-marking .mark-difference-grid { grid-template-columns:5fr 7fr; gap:64px; align-items:center; }
 .service-docx-e-and-ce-marking #service-section-3 .ce-section-inner { grid-template-columns:5fr 7fr; align-items:center; gap:64px; }
 .service-docx-e-and-ce-marking #service-section-4 .ce-section-inner { grid-template-columns:1fr 1.4fr; gap:32px 64px; }
 .service-docx-e-and-ce-marking #service-section-4 .ce-section-inner > div { grid-column:2; }
 .service-docx-e-and-ce-marking #service-section-5 .ce-section-inner { grid-template-columns:1.7fr 1fr; gap:32px 64px; }
 .service-docx-e-and-ce-marking #service-section-5 h3 { grid-column:1/-1; }
 .service-docx-e-and-ce-marking #service-section-5 .mark-sequence { display:grid; grid-template-columns:1fr 1fr; gap:0 32px; }
 .service-docx-e-and-ce-marking #service-section-5 .mark-sequence li:first-child { grid-column:1/-1; }
 .service-docx-e-and-ce-marking #service-section-6 .ce-section-inner { grid-template-columns:1fr 2fr; gap:64px; }
 .service-docx-e-and-ce-marking .mark-auto-copy { grid-template-columns:5fr 7fr; gap:72px; }
 .service-docx-e-and-ce-marking .mark-applications-heading { grid-template-columns:1fr 1fr; gap:64px; }
 .service-docx-e-and-ce-marking .mark-applications-grid { grid-template-columns:1.1fr 1fr; gap:64px; }
 .service-docx-e-and-ce-marking .mark-applications .mark-sequence { display:grid; grid-template-columns:1fr 1fr; gap:0 28px; }
 .service-docx-e-and-ce-marking .mark-applications .mark-sequence li:first-child { grid-column:1/-1; }
 .service-docx-e-and-ce-marking .mark-takeaway-grid { grid-template-columns:1fr 1fr; gap:64px; align-items:center; }
 .service-docx-e-and-ce-marking .mark-cta { padding:80px 0; }
}
@media(prefers-reduced-motion:reduce) {
 .service-docx-e-and-ce-marking * { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
}
