/* Docvelio Design System 2026
   Original, framework-free styling inspired by accessible design principles
   from shadcn/ui, Radix Themes and Headless UI. No copied components.
   Loaded last for consistent treatment across 430 static/localized routes. */
:root{
  color-scheme:light;
  --ink:#172c48;--mute:#526b85;--blue:#1164d9;--blue2:#eef5ff;
  --green:#098b82;--bg:#f7faff;--card:#fff;--border:#dce7f4;
  --shadow:0 12px 34px rgba(25,65,117,.065);
  --dv-accent:#1164d9;--dv-accent-dark:#084bba;--dv-teal:#079c9a;
  --dv-ink:#172c48;--dv-body:#425c77;--dv-muted:#657b94;
  --dv-line:#dbe5f1;--dv-surface:#fff;--dv-surface-soft:#f3f8ff;
  --dv-radius-sm:10px;--dv-radius:16px;--dv-radius-lg:22px;
  --dv-shadow-sm:0 5px 14px rgba(26,64,115,.035);
  --dv-shadow:0 16px 43px rgba(17,56,110,.08);
  --dv-ring:0 0 0 3px rgba(47,126,232,.24);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-synthesis:none;
}
html{scroll-behavior:smooth;scroll-padding-top:94px;-webkit-text-size-adjust:100%}
body{margin:0;min-width:320px;max-width:100%;color:var(--dv-ink);background:#f8fbff;line-height:1.62;-webkit-font-smoothing:antialiased;overflow-wrap:break-word}
body,main,section,header,footer{max-width:100%}
img,svg,video,iframe{max-width:100%}
img{height:auto}
[hidden]{display:none!important}
.container{width:min(1216px,calc(100% - 48px));max-width:100%;margin-inline:auto}
.narrow{max-width:840px}
.prose{max-width:850px}
:where(main) h1,:where(main) h2,:where(main) h3{color:#173552}
h1,h2,h3,h4{letter-spacing:-.026em;text-wrap:pretty}
h1{font-size:clamp(2.05rem,4.4vw,3.6rem);line-height:1.14;font-weight:820}
h2{font-weight:760}
p,li{overflow-wrap:break-word}
a{color:#1262ca;text-underline-offset:3px}
a:hover{color:#0b50b7}
button,input,textarea,select{font:inherit}
button{touch-action:manipulation}
:where(button,a,input,textarea,select,[role="button"]):focus-visible{
 outline:3px solid #e8a844!important;outline-offset:3px!important;
}
::selection{background:#b5e6fa;color:#0b315d}
.skip:focus{top:12px;z-index:1000;border-radius:10px;outline:3px solid #ffbf66}
:where(#tools,article,section){scroll-margin-top:100px}
/* The shared header is identical on all tool, article, blog and policy pages. */
.dv-site-header{
  background:rgba(255,255,255,.96)!important;
  border-bottom:1px solid #e1eaf4!important;
  box-shadow:0 1px 9px rgba(26,67,120,.035);
}
.dv-site-header .dv-site-nav{min-height:74px;gap:clamp(10px,1.5vw,22px)}
.dv-site-header .brand{font-size:1.29rem;letter-spacing:-.04em;color:#143459}
.dv-site-header .brandmark{border-radius:11px;background:#edf8ff!important}
.dv-site-header .links{gap:clamp(8px,1.2vw,19px)}
.dv-site-header .links a{
  position:relative;padding:10px 7px;border-radius:9px;
  font-size:.885rem;font-weight:650;white-space:nowrap;
  color:#3d5573;transition:background-color .15s,color .15s;
}
.dv-site-header .links a:hover,
.dv-site-header .links a[aria-current="page"]{
  color:#0d5dc2;background:#eef6ff;text-decoration:none;
}
.dv-site-header .nav-start{border-radius:11px;background:linear-gradient(115deg,#125fd6,#087fc6);color:white;box-shadow:0 6px 15px rgba(14,92,191,.13)}
.dv-site-header .nav-start:hover{color:white;filter:brightness(1.04);text-decoration:none}
.dv-site-header #language-select{max-width:145px;border-radius:10px;background:white;min-height:43px;color:#315272;border-color:#cfdbeb}
.dv-site-header .mobile-toggle{
  width:44px;height:44px;min-width:44px;min-height:44px;
  border-radius:11px;color:#1d4771;border-color:#d3e1ef;background:white;
}
.dv-site-header .links.open{z-index:85;overscroll-behavior:contain}
.dv-site-header .links a:active{background:#deefff}
/* Home hero */
.hero{background:
  radial-gradient(ellipse 62% 85% at 88% 17%,rgba(47,199,208,.12),transparent 72%),
  radial-gradient(ellipse 60% 95% at 4% 84%,rgba(68,126,243,.1),transparent 72%),
  linear-gradient(115deg,#f2f7ff 0%,#fcfdff 58%,#f0fbfb 100%)!important;
  padding:clamp(54px,6vw,98px) 0 clamp(50px,5vw,84px);
}
.hero-grid{gap:clamp(26px,5vw,65px);align-items:center}
.hero-copy{min-width:0}
.hero h1{font-size:clamp(2.35rem,5vw,5rem);line-height:1.07;letter-spacing:-.052em;max-width:680px}
.hero h1 em{color:#1373ce}
.eyebrow,.section-eyebrow{font-size:.76rem;font-weight:790;letter-spacing:.11em;color:#1679aa}
.lead{font-size:clamp(1.05rem,1.8vw,1.18rem);line-height:1.75;color:#506d88}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.cta,.primary,.nav-start,.dv-blog-cta,.download-word{
  border-radius:12px;
  background:linear-gradient(115deg,#1164d9 0%,#178cbf 100%);
  border-color:transparent;color:white;box-shadow:0 8px 18px rgba(13,106,199,.16);
  transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;
}
.cta:hover,.primary:hover,.dv-blog-cta:hover,.download-word:hover{color:#fff;filter:brightness(1.04);transform:translateY(-1px);box-shadow:0 11px 23px rgba(12,105,195,.21)}
.secondary-cta{border-radius:12px;border:1px solid #cbdff3;background:#fff;color:#145cbb;min-height:46px;display:inline-flex;align-items:center;justify-content:center;padding:10px 17px;font-weight:750}
.secondary-cta:hover{background:#f1f7ff;color:#0a56ac}
.hero-proof{display:flex;flex-wrap:wrap;gap:12px 18px}
.hero-preview .preview-window{border-radius:22px;transform:rotate(.5deg);box-shadow:0 23px 60px rgba(30,75,136,.14)}
/* Discoverable tools: scalable grids, cards and search */
.section{padding-block:clamp(36px,5.2vw,74px)}
.section-heading{display:flex;justify-content:space-between;gap:16px;align-items:end;flex-wrap:wrap}
.section-heading h2{font-size:clamp(1.65rem,3vw,2.35rem);line-height:1.22}
.tool-search{border:1px solid #d4e2f1;background:white;border-radius:13px;box-shadow:var(--dv-shadow-sm);min-height:47px}
.tool-search:focus-within{box-shadow:var(--dv-ring)}
.tool-search input{min-width:0;width:min(350px,100%);font-size:.94rem;outline:0!important}
.filter-tabs{gap:8px;margin-bottom:25px}
.filter{min-height:43px;border-radius:999px;padding:9px 17px;border:1px solid #dce5ef;background:#fff;color:#526c89;font-weight:730;white-space:nowrap}
.filter:hover{background:#f3f8ff;border-color:#b9cee7}
.filter.active{background:#eaf4ff;color:#0e63bf;border-color:#98c5f2}
.filter span{background:#d7eafa;color:#2361a9}
.grid.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,20px)}
.tool-card,.tool-card:hover{
 display:flex;flex-direction:column;min-width:0;min-height:204px;
 border-radius:17px;border:1px solid #dde7f3;background:#fff;
 box-shadow:var(--dv-shadow-sm);padding:22px;
 transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;
}
.tool-card:hover{transform:translateY(-3px);border-color:#a4c6ed;box-shadow:var(--dv-shadow)}
.tool-card:focus-visible{outline:3px solid #e8a844!important;outline-offset:3px}
.tool-card h3{font-size:1.07rem;font-weight:760;line-height:1.34;color:#183a61}
.tool-card p{font-size:.9rem;line-height:1.62;color:#607794;margin-top:9px}
.tool-card-top{display:flex;justify-content:space-between;align-items:center}
.tool-icon{width:48px;height:48px;border-radius:14px}
.tool-card .card-arrow{color:#2280c6}
.grid,.article-list,.why-grid,.why-cards{min-width:0}
.why-section{background:#f0f6fd}
.why-cards article{border:1px solid #dfe9f3;border-radius:16px;box-shadow:var(--dv-shadow-sm)}
.trust-bar{border-bottom:1px solid #e2edf8}
/* Tool page form/card consistency */
.bread{font-size:.85rem;line-height:1.5;margin-block:22px 12px;color:#7386a0}
.bread a{text-decoration:none;color:#467396}
main>.section,main>section.section{padding-block:clamp(28px,4vw,58px)}
.toolbox,.pdf-uploader,.dv-extra-tool,.pdf-sidebar{
 min-width:0;border:1px solid #d9e5f2;border-radius:var(--dv-radius-lg);
 background:var(--dv-surface);box-shadow:var(--dv-shadow);
}
.toolbox,.pdf-uploader{padding:clamp(17px,2.6vw,30px)}
.dv-extra-tool{border-radius:20px}
.toolbox label,.pdf-uploader label{color:#24415d}
.fileinput,.pdf-uploader input[type="file"]{
 border:1.5px dashed #8ebbe7;border-radius:14px;
 background:linear-gradient(125deg,#f4f9ff,#f9fcff);
 padding:clamp(17px,2.6vw,27px);width:100%;max-width:100%;color:#526b88;
}
.fileinput::file-selector-button,.pdf-uploader input[type="file"]::file-selector-button{
 border:1px solid #bcd5f0;border-radius:9px;background:white;color:#195aa4;
 padding:9px 12px;margin-inline-end:12px;font-weight:700;cursor:pointer;
}
.formrow{min-width:0}
.formrow input[type=text],.formrow input[type=number],.formrow select,
.toolbox input:not([type=file]),.toolbox select,.toolbox textarea,
.dv-extra-tool .dv-field input,.dv-extra-tool .dv-field select,
.pdf-sidebar input,.pdf-sidebar textarea,.pdf-sidebar select{
 max-width:100%;border-radius:11px;border:1px solid #cadbea;background:#fff;
 color:#1c385a;min-height:44px;padding:10px 12px;
}
.toolbox input[type=checkbox],.toolbox input[type=radio]{min-height:auto}
.primary,.action-btn{min-height:44px;font-size:.91rem;font-weight:750}
.primary{padding:11px 21px}
.action-btn{border:1px solid #cdddeb;border-radius:11px;background:#fff;color:#285174}
.action-btn:hover{background:#edf6ff;color:#135eb7}
.status{line-height:1.5;overflow-wrap:anywhere}
.note,.adnotice{border-radius:12px;padding:16px 17px}
.prose p,.prose li{line-height:1.82;color:#405a75}
.prose h2{line-height:1.3}
.faq{border-color:#dce7f4;padding:17px 0}
.seo-help-inner,.dv-editorial{border:1px solid #dce7f3!important;background:#fff!important;border-radius:16px!important;box-shadow:var(--dv-shadow-sm)}
.dv-editorial-zone{padding-block:12px 24px}
.dv-editorial .dv-related-links a{border-radius:10px;min-height:40px}
.dv-sharing--compact .dv-share-button{min-width:40px;min-height:40px}
/* PDF preview: more usable without changing renderer or canvas sizes */
.pdf-heading,.pdf-preview-bar{gap:10px}
.pdf-sidebar{padding:clamp(14px,1.9vw,21px)}
.editor-layout{grid-template-columns:minmax(205px,245px) minmax(0,1fr);gap:16px}
.pdf-paper-scroller{min-width:0;max-width:100%;background:#eaf1f8;border-color:#ccddec;border-radius:14px;overflow:auto;overscroll-behavior:contain}
.pdf-pagination{min-width:0;max-width:100%;border-radius:12px}
.pdf-workspace,.pdf-preview-panel{min-width:0;max-width:100%}
.pdf-result{border-radius:14px}
/* Word editor: keep editable paper and controls, improve touch and density */
.word-area{background:#f3f7fe;padding:clamp(23px,4vw,48px) 0}
.word-shell{border:1px solid #d9e5f2;border-radius:18px;box-shadow:var(--dv-shadow)}
.document-head{gap:12px;padding:clamp(12px,1.8vw,20px)}
.document-head-left,.document-head-actions{min-width:0}
.file-title-wrap input{min-width:0;max-width:100%}
.ribbon{gap:9px;max-width:100%;scrollbar-width:thin;scrollbar-color:#b8d3eb transparent}
.ribbon .tool-control,.ribbon button{min-height:40px}
.word-paper{box-shadow:0 10px 29px rgba(18,59,104,.11);border-radius:6px}
.word-content{overflow-wrap:anywhere}
.editor-after-note{border-radius:14px}
/* Blogs, guides, policy content */
.dv-blog-hero,.dv-blog-index-hero{background:linear-gradient(135deg,#eef7ff,#f6fbff 55%,#edfafa)}
.dv-blog-card,.dv-blog-related-card,.dv-blog-discovery-item{border-color:#dce7f3;border-radius:15px;box-shadow:var(--dv-shadow-sm)}
.dv-blog-card:hover,.dv-blog-related-card:hover,.dv-blog-discovery-item:hover{box-shadow:var(--dv-shadow)}
.dv-blog-article{line-height:1.85;color:#415b76}
.dv-blog-article h2{scroll-margin-top:90px}
.dv-blog-article p{max-width:82ch}
.dv-blog-steps{background:#f2f8ff;border-color:#d9e7f6}
.dv-blog-cta{min-height:46px}
.article-list{gap:15px}
.article-list a{padding-block:4px;line-height:1.5}
/* Global footer: readable but compact, no wasted margin */
.footer{background:#112b4c;margin-top:clamp(24px,4vw,52px);padding-top:clamp(32px,4vw,54px)}
.footer .foot-top{gap:clamp(18px,3vw,40px)}
.footer a{color:#d0e2f5}
.footer a:hover{color:white}
.footer .foot-bottom{border-color:#35506c}
.footer .dv-sharing .dv-share-label{color:#daeafa}
.footer .dv-share-button{border-color:#a6bfd9}
.footer .dv-share-button:focus-visible{outline-color:#f2b44c}
/* Adapt layouts without sideways scrolling */
@media(max-width:1140px){
 .dv-site-header .links{gap:5px}
 .dv-site-header .links a{padding:10px 6px;font-size:.83rem}
 .grid.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .why-cards{gap:12px}
}
@media(max-width:960px){
 .dv-site-header .nav-start{display:none}
 .dv-site-header .links{gap:3px}
 .grid.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .hero{padding-block:64px}
 .why-grid{gap:26px}
 .editor-layout{grid-template-columns:1fr}
 .pdf-sidebar{max-width:100%}
 .foot-top{grid-template-columns:repeat(2,minmax(0,1fr))}
 .foot-top>div:first-child{grid-column:1/-1}
}
@media(max-width:860px){
 .container{width:min(100% - 36px,1216px)}
 .dv-site-header .dv-site-nav{min-height:67px;gap:9px}
 .dv-site-header .links{
  display:none;top:calc(100% - 1px);inset-inline:0;left:0;right:0;
  flex-direction:column;align-items:stretch;max-height:min(72vh,540px);overflow-y:auto;
  padding:9px;border:1px solid #dce9f5;border-radius:0 0 16px 16px;background:white;
  box-shadow:0 18px 32px rgba(16,49,91,.14);z-index:80;
 }
 .dv-site-header .links.open{display:flex}
 .dv-site-header .links a{padding:13px 15px;font-size:.96rem;min-height:45px;border-radius:9px}
 .dv-site-header .mobile-toggle{display:inline-flex}
 .dv-site-header .brand{margin-inline-end:auto}
 .dv-site-header #language-select{min-width:88px;max-width:126px}
 .hero-grid{grid-template-columns:1fr}
 .hero-copy{max-width:750px}
 .hero-preview{max-width:610px;margin:20px auto 0}
 .hero h1{font-size:clamp(2.3rem,7vw,4.2rem)}
 .trust-items{flex-wrap:wrap}
 .foot-top{gap:24px}
 .section{padding-block:clamp(38px,5vw,56px)}
 .dv-blog-discovery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
 html{scroll-padding-top:75px}
 .container{width:min(100% - 28px,1216px)}
 .dv-site-header .brand{font-size:1.14rem}
 .dv-site-header .nav-actions{gap:6px}
 .hero{padding:48px 0 44px}
 .hero h1{font-size:clamp(2.35rem,9vw,3.3rem);margin:16px 0 19px;line-height:1.08}
 .hero .lead{font-size:1.04rem;line-height:1.68}
 .hero-actions{flex-direction:column;align-items:stretch;gap:9px;max-width:390px}
 .hero-actions .cta,.hero-actions .secondary-cta{width:100%;margin:0;justify-content:center;min-height:48px}
 .hero-preview{display:none}
 .hero-proof{font-size:.84rem;gap:8px 14px}
 .section-heading{align-items:stretch}
 .tool-search{width:100%;min-width:0}
 .tool-search input{width:100%;min-width:0}
 .filter-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:7px;padding-bottom:7px;
  scrollbar-width:thin;overscroll-behavior-inline:contain}
 .filter{flex:0 0 auto;min-height:42px;padding-inline:15px}
 .grid.tool-grid{grid-template-columns:1fr;gap:12px}
 .tool-card,.tool-card:hover{padding:19px;min-height:169px}
 .tool-card h3{font-size:1.04rem}
 .why-grid{grid-template-columns:1fr}
 .why-cards{grid-template-columns:1fr}
 .toolbox,.pdf-uploader{padding:17px;border-radius:16px}
 .fileinput,.pdf-uploader input[type="file"]{padding:16px}
 .dv-extra-tool #dv-run,.toolbox>.primary{width:100%;justify-content:center}
 .pdf-paper-scroller{padding:10px 8px;min-height:190px;max-height:65vh}
 .pdf-preview-bar,.pdf-heading,.pdf-pagination{gap:8px}
 .pdf-heading .action-btn,.pdf-preview-bar .action-btn{flex:1 1 auto}
 .tool-button-group{grid-template-columns:repeat(2,minmax(0,1fr))}
 .word-intro{gap:14px;padding-bottom:20px}
 .word-intro h1{font-size:clamp(2rem,9vw,2.8rem)}
 .word-area{padding:16px 0 24px}
 .document-head{padding:13px;align-items:flex-start}
 .document-head-actions{width:100%;display:flex;flex-wrap:wrap;gap:8px}
 .document-head-actions button{min-height:44px}
 .ribbon{gap:7px;padding:8px 12px;overflow-x:auto;flex-wrap:nowrap;white-space:nowrap}
 .ribbon-group{flex-shrink:0}
 .document-stage{padding:10px 7px 24px;overflow-x:auto}
 .word-paper{padding:29px 18px;min-height:600px}
 .word-content{min-height:530px}
 .editor-after{grid-template-columns:1fr}
 .footer{margin-top:26px}
 .footer .foot-top{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
 .footer .foot-top>div:first-child{grid-column:1/-1}
 .footer .foot-col{min-width:0}
 .dv-blog-grid,.dv-blog-related-grid,.dv-blog-discovery-grid{grid-template-columns:1fr}
 .dv-blog-steps{padding:18px}
 .dv-blog-article{font-size:.97rem}
 .dv-editorial-container{width:min(100% - 28px,1050px)}
 .dv-editorial{padding:17px}
}
@media(max-width:380px){
 .dv-site-header .brand{font-size:1.04rem}
 .dv-site-header .brandmark{width:29px}
 .dv-site-header .brandmark img{width:29px}
 .dv-site-header .dv-language-label span:not(.sr-only){display:none}
 .dv-site-header #language-select{min-width:77px;max-width:89px;padding:5px}
 .hero h1{font-size:2.22rem}
 .footer .foot-top{grid-template-columns:1fr}
 .footer .foot-top>div:first-child{grid-column:auto}
 .hero-proof span{font-size:.78rem}
}
/* Internationalisation and accessibility */
html[dir="rtl"] .hero-copy,
html[dir="rtl"] .section-heading,
html[dir="rtl"] .tool-card{text-align:start}
html[dir="rtl"] .tool-card .card-arrow{margin-inline-start:auto}
html[dir="rtl"] .note,html[dir="rtl"] .dv-blog-final-note{
 border-inline-start:4px solid #13a1ac;border-left:0;border-radius:10px;
}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;
  animation-duration:.01ms!important;animation-iteration-count:1!important}
}
@media print{
 .dv-site-header,.dv-sharing,.dv-site-footer{display:none!important}
 body{background:white}
 .container{width:100%}
}