:root{color-scheme:light;--ink:#20242b;--muted:#626b79;--line:#e4e7ed;--paper:#f6f7f9;--brand:#3857d6;--lime:var(--brand)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.7}a{color:inherit}.site-header{height:70px;padding:0 max(24px,calc((100vw - 1440px)/2));display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:19px;font-weight:750;letter-spacing:-.03em}.brand img{display:block}.site-header nav{display:flex;align-items:center;gap:24px}.site-header nav a{text-decoration:none;color:var(--muted);font-size:14px}.site-header nav .nav-cta{padding:8px 14px;border:1px solid var(--line);border-radius:9px;color:var(--ink);font-weight:650}main{max-width:1440px;margin:0 auto;padding:26px 24px 72px}.breadcrumbs{display:flex;gap:10px;align-items:center;color:#858c98;font-size:13px}.breadcrumbs a{color:#626b79;text-decoration:none}.breadcrumbs a:hover,.related a:hover,.site-footer a:hover{text-decoration:underline}.hero{margin:26px 0 20px;padding:54px clamp(24px,6vw,68px);border:1px solid #e7e9ef;border-radius:24px;background:radial-gradient(ellipse at 90% 0%,#e5ebff 0,transparent 38%),#fff;box-shadow:0 12px 42px #25304c08}.eyebrow{margin:0 0 12px;color:#596bd4;font-size:11px;font-weight:750;letter-spacing:.14em}.hero h1{max-width:740px;margin:0;font-size:clamp(34px,5vw,54px);line-height:1.16;letter-spacing:-.045em}.lead{max-width:690px;margin:20px 0 25px;color:#535e6f;font-size:17px;line-height:1.85}.primary-cta{display:inline-flex;align-items:center;gap:14px;padding:13px 18px;border-radius:11px;background:var(--brand);color:#fff;text-decoration:none;font-size:15px;font-weight:700;box-shadow:0 6px 18px #3857d62a}.primary-cta:hover{background:#2e49bd}.privacy-note{margin:13px 0 0;color:#848b97;font-size:12px}.content-section,.related{margin-top:18px;padding:30px clamp(22px,5vw,48px);border:1px solid var(--line);border-radius:18px;background:#fff}.content-section h2,.related h2{margin:0 0 18px;font-size:21px;letter-spacing:-.02em}.steps,.detail-list{margin:0;padding-left:22px}.steps li,.detail-list li{padding:4px 0 8px 4px;color:#4d5664}.steps li::marker{color:var(--brand);font-weight:750}.faq details{border-top:1px solid var(--line);padding:14px 0}.faq details:last-child{padding-bottom:0}.faq summary{cursor:pointer;font-weight:650}.faq details p{margin:9px 0 0;color:var(--muted);font-size:14px}.related ul{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}.related a{display:block;padding:8px 12px;border:1px solid var(--line);border-radius:9px;text-decoration:none;color:#364caa;font-size:14px}.site-footer{max-width:1440px;margin:0 auto;padding:22px 24px 38px;display:flex;justify-content:space-between;gap:18px;color:#858c98;font-size:12px}.site-footer a{color:#606979;text-decoration:none;font-weight:650}.seo-directory{padding:58px 24px 66px;border-top:1px solid var(--line);background:#fff}.seo-directory-inner{max-width:1440px;margin:0 auto}.seo-directory h2{margin:0;font-size:27px;letter-spacing:-.03em}.seo-directory-inner>p:not(.eyebrow){max-width:700px;color:var(--muted)}.seo-directory-groups{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:28px}.seo-directory-groups section{padding:20px;border:1px solid var(--line);border-radius:15px;background:#fcfcfd}.seo-directory-groups h3{margin:0 0 13px;font-size:16px}.seo-directory-groups ul{display:grid;grid-template-columns:1fr 1fr;gap:9px 14px;margin:0;padding:0;list-style:none}.seo-directory a{color:#354da9;text-decoration:none;font-size:14px}.seo-directory a:hover{text-decoration:underline}@media(max-width:640px){.site-header{height:62px;padding:0 16px}.site-header nav{gap:14px}.site-header nav a{font-size:13px}main{padding:18px 14px 48px}.hero{margin-top:20px;padding:36px 23px;border-radius:18px}.lead{font-size:15px}.content-section,.related{padding:23px 20px}.seo-directory{padding:42px 16px}.seo-directory-groups{grid-template-columns:1fr;gap:14px}.seo-directory-groups ul{grid-template-columns:1fr 1fr}.site-footer{padding:20px 16px 30px;flex-direction:column;gap:4px}}
/* Keep the white logo mark visible on light backgrounds. */
.site-header .brand img{background:#4969df;border-radius:9px}

/* Focused document and PDF tool pages, inspired by direct-to-action utility layouts. */
.document-main{width:min(1440px,100%);max-width:1440px;padding:26px 28px 84px}
.document-feature-page{background:linear-gradient(180deg,#f8f9fc 0,#fff 620px)}
.document-feature-page .breadcrumbs{max-width:1440px;margin:0 auto 24px}
.document-feature-page .tool-article{display:block}
.document-hero{padding:clamp(38px,6vw,72px) clamp(20px,5vw,64px) 32px;border:1px solid #e6eaf2;border-radius:26px;background:radial-gradient(ellipse at 50% 0,#eaf0ff 0,transparent 58%),linear-gradient(145deg,#fff,#fbfcff);box-shadow:0 18px 55px #283b6710;text-align:center}
.document-hero .eyebrow{margin-bottom:16px}
.document-hero h1{max-width:920px;margin:0 auto;font-size:clamp(34px,5vw,58px);line-height:1.13;letter-spacing:-.05em}
.document-hero .lead{max-width:800px;margin:18px auto 0;color:#5d687a;font-size:clamp(15px,1.7vw,18px);line-height:1.8}
.document-launch-card{max-width:760px;min-height:112px;margin:34px auto 0;padding:20px 22px;display:flex;align-items:center;gap:16px;border:1px dashed #bac7ed;border-radius:18px;background:#fff;box-shadow:0 8px 26px #293e7410;text-align:left}
.document-launch-icon{flex:0 0 48px;width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#edf1ff;color:#4969df;font-size:26px;font-weight:650}
.document-launch-copy{min-width:0;display:grid;gap:4px;flex:1}
.document-launch-copy strong{color:#252d3b;font-size:16px;font-weight:680}
.document-launch-copy small{color:#788396;font-size:13px;line-height:1.5}
.document-launch-button{min-height:48px;padding:0 19px;display:inline-flex;align-items:center;justify-content:center;gap:15px;border-radius:11px;background:#4969df;color:#fff;text-decoration:none;font-size:14px;font-weight:680;white-space:nowrap;box-shadow:0 8px 18px #4969df2e;transition:transform .18s,box-shadow .18s,background .18s}
.document-launch-button:hover{transform:translateY(-2px);background:#3f5ed1;box-shadow:0 11px 22px #4969df3a}
.document-hero .privacy-note{max-width:760px;margin:15px auto 0;text-align:left;color:#7c8798;font-size:12px;line-height:1.65}
.document-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0 0}
.document-highlights article{min-width:0;padding:19px 20px;border:1px solid #e8ebf1;border-radius:16px;background:#fff;box-shadow:0 5px 18px #27375408}
.document-highlights article>span{display:inline-grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#eef1ff;color:#4969df;font:700 11px ui-monospace,monospace}
.document-highlights article p{margin:12px 0 0;color:#596578;font-size:13px;line-height:1.65}
.document-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;align-items:stretch}
.document-feature-page .content-section,.document-feature-page .related{margin:0;padding:28px 30px;border-color:#e8ebf1;border-radius:18px;box-shadow:0 6px 24px #26365308}
.document-feature-page .content-section h2,.document-feature-page .related h2{margin:0 0 17px;font-size:22px;letter-spacing:-.035em}
.document-feature-page .document-content-grid .eyebrow,.document-feature-page .document-faq .eyebrow,.document-feature-page .document-related .eyebrow{margin:0 0 8px;font-size:10px}
.document-feature-page .steps,.document-feature-page .detail-list{padding-left:22px}
.document-feature-page .steps li,.document-feature-page .detail-list li{padding:5px 0 9px 4px;font-size:14px;line-height:1.75}
.document-feature-page .faq{margin-top:16px}
.document-feature-page .faq details{padding:16px 0}
.document-feature-page .faq summary{color:#30394a;font-size:15px}
.document-feature-page .faq details p{font-size:14px;line-height:1.75}
.document-related{margin-top:16px!important}
.document-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.document-related-grid>a{position:relative;min-height:86px;padding:15px 42px 15px 15px;display:grid;align-content:center;gap:5px;border:1px solid #e7eaf0;border-radius:13px;background:#fff;color:#283349;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s}
.document-related-grid>a:hover{transform:translateY(-2px);border-color:#bdc9f2;box-shadow:0 8px 20px #2636530e}
.document-related-grid>a span{color:#8a93a2;font-size:10px}
.document-related-grid>a strong{font-size:13px;line-height:1.45}
.document-related-grid>a i{position:absolute;right:15px;top:50%;color:#4969df;font-size:18px;font-style:normal;transform:translateY(-50%)}
@media(max-width:760px){.document-main{padding:18px 16px 60px}.document-feature-page .breadcrumbs{margin-bottom:16px}.document-hero{padding:38px 20px 25px;border-radius:20px}.document-hero h1{font-size:clamp(30px,8vw,44px)}.document-launch-card{align-items:flex-start;flex-wrap:wrap;margin-top:25px;padding:17px}.document-launch-copy{padding-top:3px}.document-launch-button{width:100%}.document-highlights{grid-template-columns:1fr;gap:9px}.document-highlights article{padding:15px 17px}.document-highlights article p{margin-top:8px}.document-content-grid{grid-template-columns:1fr;gap:10px}.document-feature-page .content-section,.document-feature-page .related{padding:23px 20px}.document-related-grid{grid-template-columns:1fr 1fr}}
@media(max-width:420px){.document-related-grid{grid-template-columns:1fr}.document-launch-icon{width:40px;height:40px;flex-basis:40px;font-size:22px}.document-launch-copy strong{font-size:14px}.document-launch-copy small{font-size:12px}}
@media(prefers-reduced-motion:reduce){.document-launch-button,.document-related-grid>a{transition:none}}

/* One consistent WPS-inspired layout for every tool detail page. */
.document-feature-page{background:linear-gradient(180deg,#f6f7fb 0,#fff 640px)}
.document-main{padding-top:22px}
.document-feature-page .breadcrumbs{margin-bottom:20px}
.document-hero{padding:clamp(36px,5vw,62px) clamp(20px,5vw,58px) 28px;border-color:#e4e7ed;border-radius:22px;background:radial-gradient(ellipse at 50% 0,#e9edff 0,transparent 54%),#fff;box-shadow:0 8px 30px #25304c08}
.document-hero .eyebrow{letter-spacing:.12em}
.document-hero h1{font-size:clamp(34px,4.5vw,52px);letter-spacing:-.045em}
.document-hero .lead{max-width:820px;margin-top:15px;font-size:clamp(15px,1.6vw,17px)}
.document-launch-card{max-width:860px;min-height:126px;margin-top:28px;border-color:#cbd3e4;border-width:2px;border-radius:16px;box-shadow:none}
.document-launch-icon{border-radius:12px}
.document-launch-button{min-width:148px;border-radius:10px}
.document-hero .privacy-note{text-align:center}
.document-highlights{margin-top:15px}
.document-highlights article,.document-feature-page .content-section,.document-feature-page .related{border-radius:14px;box-shadow:0 2px 12px #25304c06}
.document-content-grid{margin-top:15px}
.document-feature-page .content-section,.document-feature-page .related{padding:25px 27px}
.document-feature-page .content-section h2,.document-feature-page .related h2{font-size:20px}
.document-feature-page .steps li,.document-feature-page .detail-list li{font-size:13px}
.document-feature-page .faq summary{font-size:14px}
.document-feature-page .faq details p{font-size:13px}
.document-related-grid>a{border-radius:11px}
.document-feature-page .site-footer{max-width:1440px}
@media(max-width:760px){.document-main{padding-top:16px}.document-feature-page .breadcrumbs{margin-bottom:15px}.document-hero{padding:34px 18px 22px;border-radius:17px}.document-hero h1{font-size:clamp(29px,8vw,42px)}.document-launch-card{min-height:0;margin-top:22px;border-width:1px}.document-launch-button{min-width:0}.document-feature-page .content-section,.document-feature-page .related{padding:21px 18px}}