/* Site-wide canvas: restore the original editorial width and responsive gutters. */
:root{--content-canvas:1080px;--content-gutter:64px}
/* Remove decorative green separators while retaining neutral structural borders. */
.hub-framework-grid article,.policy-related article,.capability-grid>div,.source-type-grid article,.candidate-profile article,.color-decisions article,.qa-rounds article,.workflow-comparison article,.outcome-measures article,.signal-facts div,.image-source-board article,.png-use-cases article,.webp-signs article,.photo-export-choice article,.output-actions article{border-top:0!important}
.article-rail,.article-body section .contextual-note,.review-checklist,.score-interpretation,.error-example,.quick-diagnosis,.crop-rule,.structured-output,.classification-prompts,.deletion-reality,.human-strengths,.output-question,.dpi-recommendation,.cue-jpg dl div,.screenshot-privacy-check,.hub-deep-dive .contextual-note,.hub-source-rule,.hub-provider-reality,.tool-visual[data-tool-visual="pdf-to-text"],.tool-visual[data-tool-visual="webp-to-text"]{border-left:0!important}
.nav-trigger[aria-expanded=true]>span:first-child:after,.mega-menu:before{display:none!important}
/* Complete the outer edge around every tool FAQ grid. */
.tool-faq>div:last-child{border:1px solid var(--line)}
.tool-faq article,.tool-faq article+article{padding:28px}
/* Give the closing homepage action enough visual weight. */
.final-cta .button{min-height:72px;padding:0 40px;font-size:1.1rem}
@media(max-width:720px){.final-cta .button{width:min(100%,360px);min-height:64px;padding-inline:26px}}
/* Close the remaining visual-system gaps found in the final audit. */
em,i{font-style:normal!important}
button,.button,.tool-icon,.tool-badge,.hub-badge,.file-kind,table{box-shadow:none!important}
.mobile-featured,.advice-grid,.home-faq-list,.hub-editorial-columns,.hub-test-record,.privacy-questions,.tool-visual{border:1px solid var(--line)}
.mobile-featured{border-color:#304358}
.home-faq-list{gap:0}
.home-faq-list article{padding:28px}
.home-faq-list article:nth-child(even){border-left:1px solid var(--line)}
@media(max-width:720px){.home-faq-list article:nth-child(even){border-left:0}.hub-editorial-columns article,.hub-test-record div,.privacy-questions div{padding-inline:24px}}
.shell{width:min(var(--content-canvas),calc(100% - var(--content-gutter)))}
.hero-upload-layout,.hero-copy,.page-hero,.tool-hero-inner,.article-header,.policy-page>header,.not-found{min-width:0}
.hero-copy,.policy-page>header{width:100%;max-width:none}
.hero-copy h1,.page-hero h1,.tool-hero h1,.hub-hero h1,.article-header h1,.policy-page>header h1,.not-found h1{max-width:none;text-wrap:pretty}
.hero-copy>p,.page-hero>p,.tool-hero-inner>p,.hub-hero p,.article-header>.article-dek,.policy-page>header>p,.not-found>p{width:100%;max-width:none;text-wrap:pretty}
.hero-upload-layout{text-align:left}.hero-uploader,.hero-result{width:100%;max-width:none;margin-inline:0}.hero-copy h1{font-size:clamp(3.35rem,5.4vw,6rem)}.hero-copy>p{font-size:clamp(1rem,1.35vw,1.22rem)}
.page-hero{padding-block:clamp(54px,5vw,84px) clamp(42px,4vw,62px)}.page-hero h1{font-size:clamp(3.2rem,5.5vw,6rem)}
.tool-hero-inner{text-align:left}.tool-hero h1{font-size:clamp(3.1rem,5.25vw,5.75rem)}
.hub-hero-grid{grid-template-columns:minmax(0,1.25fr) minmax(380px,.75fr);gap:clamp(40px,5vw,84px)}.hub-hero-grid>div{min-width:0}.hub-hero h1{font-size:clamp(3.1rem,5.25vw,5.75rem)}
.article-header h1{font-size:clamp(3.1rem,5.25vw,5.75rem)}
@media(max-width:1050px){:root{--content-gutter:64px}.hero{padding-block:52px 72px}.hero-copy h1,.page-hero h1,.tool-hero h1,.hub-hero h1,.article-header h1,.policy-page>header h1,.not-found h1{font-size:clamp(2.85rem,7.2vw,4.8rem)}.hub-hero-grid{grid-template-columns:1fr;gap:30px}.hub-hero img{height:auto;max-height:420px;aspect-ratio:16/7}.tool-hero{padding-bottom:110px}}
@media(max-width:720px){:root{--content-gutter:34px}.hero{padding-block:40px 58px}.hero-copy h1,.page-hero h1,.tool-hero h1,.hub-hero h1,.article-header h1,.policy-page>header h1,.not-found h1{font-size:clamp(2.25rem,10.5vw,3.5rem);line-height:1.03}.hero-copy>p,.page-hero>p,.tool-hero-inner>p,.hub-hero p,.article-header>.article-dek,.policy-page>header>p,.not-found>p{font-size:1rem;line-height:1.6}.hero-uploader{margin-top:25px}.page-hero{padding-block:40px 32px}.tool-hero{padding-block:42px 96px}.hub-hero{padding-block:34px 42px}.hub-hero img{max-height:none;aspect-ratio:16/9}.article-header{padding-block:38px 30px}}

.tool-visual-shell{padding-top:72px}.tool-visual{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);margin:0;border-block:1px solid var(--line);background:#fff}.tool-visual-media{min-width:0;background:var(--cream)}.tool-visual-media img{width:100%;height:100%;min-height:390px;object-fit:cover}.tool-visual figcaption{display:flex;flex-direction:column;justify-content:center;padding:42px}.tool-visual h2{margin:0 0 14px;font-size:clamp(2rem,3vw,3.25rem)}.tool-visual p{margin:0;color:var(--muted)}.tool-visual ul{display:grid;margin:24px 0 0;padding:0;border-top:1px solid var(--line);list-style:none}.tool-visual li{padding:12px 0;color:#405265;font-size:.82rem}.tool-visual li+li{border-top:1px solid var(--line)}.tool-visual[data-tool-visual="jpg-to-text"] .tool-visual-media,.tool-visual[data-tool-visual="screenshot-to-text"] .tool-visual-media{order:2}.tool-visual[data-tool-visual="jpg-to-text"] figcaption,.tool-visual[data-tool-visual="screenshot-to-text"] figcaption{order:1;background:var(--cream)}.tool-visual[data-tool-visual="pdf-to-text"],.tool-visual[data-tool-visual="webp-to-text"]{border-left:4px solid var(--cyan-dark)}
@media(max-width:900px){.tool-visual{grid-template-columns:1fr}.tool-visual-media,.tool-visual figcaption,.tool-visual[data-tool-visual="jpg-to-text"] .tool-visual-media,.tool-visual[data-tool-visual="screenshot-to-text"] .tool-visual-media{order:initial}.tool-visual-media img{min-height:0}.tool-visual figcaption{padding:34px}}
@media(max-width:720px){.tool-visual-shell{padding-top:50px}.tool-visual figcaption,.tool-visual[data-tool-visual="jpg-to-text"] figcaption,.tool-visual[data-tool-visual="screenshot-to-text"] figcaption{padding:28px}.tool-visual h2{font-size:2rem}}

/* Match visual checklists to the accessible site-wide secondary text color. */
.tool-visual li{color:var(--muted)}

/* Restore generous page and component spacing without narrowing content. */
.tool-faq article,.tool-faq article+article{padding:32px}
.advice-grid article,.home-faq-list article,.hub-editorial-columns article,.hub-editorial-columns article:first-child,.hub-test-record div,.privacy-questions div{padding:30px}
.mobile-featured article{padding:20px}
@media(max-width:720px){.tool-faq article,.tool-faq article+article,.advice-grid article,.home-faq-list article,.hub-editorial-columns article,.hub-editorial-columns article:first-child,.hub-test-record div,.privacy-questions div{padding:24px}.mobile-featured article{padding:18px}}

/* Use the same light surface as the site's white buttons for desktop menus. */
.mega-menu{border-color:var(--line);background:#fff;color:var(--navy)}
.mega-intro strong{color:var(--navy)}
.mega-intro p{color:var(--muted)}
.mega-scan-mark{color:var(--cyan-dark)}
.mega-scan-mark:before,.mega-scan-mark:after{border-color:#9ab4bb}
.mega-status-bar,.mega-guide-actions>span{color:var(--muted)}
.mega-status-bar>a{border-color:#a8c5c8;background:#fff;color:var(--cyan-dark)}
.mega-status-bar>a:hover,.mega-status-bar>a:focus-visible{border-color:var(--cyan-dark);background:var(--mint);color:var(--navy)}

/* Fit the complete OCR tool catalogue into three readable desktop columns. */
@media(min-width:1051px){
  .mega-tools{position:fixed;left:50%;width:min(1080px,calc(100vw - 64px));transform:translateX(-50%)}
  .mega-tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .mega-tool-grid .mega-item{border-top:0;border-right:0}
}

/* Remove standalone and between-item separators without erasing useful
   boundaries around tables, cards, controls, upload areas, or form fields. */
hr{display:none!important}
.site-header,.footer-bottom,.page-hero,.guide-chapter,.chapter-articles article+article,
.hub-article-list article,.hub-article-list article:last-child,.article-lead,.article-body section,
.policy-page header,.policy-page section,.pagination,.source-list,.home-faq-list,
.home-faq-list article,.discovery-grid,.discovery-grid article,.hub-deep-dive,
.hub-blueprint-list,.hub-blueprint-list article,.pdf-reading-list,.png-reading-path,
.webp-reading-stack,.pdf-reading-list article,.png-reading-path article,
.webp-reading-stack article,.photo-diagnosis dl,.photo-diagnosis dl div,
.image-review-plan ol,.image-review-plan li,.method-rule,.technical-character-check li,
.png-export-paths dl div,.sitemap-directory section,.sitemap-links a{
  border-top:0!important;
  border-bottom:0!important;
}
.mega-item,.mega-tool-grid .mega-item,.mega-guide-grid .mega-item,
.workflow-steps li,.advice-grid article,.hub-editorial-columns article,
.hub-test-record div,.privacy-questions div,.preservation-list div,
.quality-factors div,.layout-choices div,.coordinate-options div,
.semantic-remediation div,.processor-questions div,.handwriting-patterns article,
.field-review-grid article{
  border-top:0!important;
  border-right:0!important;
  border-bottom:0!important;
  border-left:0!important;
}
.workflow-steps,.advice-grid,.hub-editorial-columns,.hub-test-record,
.privacy-questions,.preservation-list,.quality-factors,.layout-choices,
.coordinate-options,.semantic-remediation,.processor-questions,.diagnostic-flow,
.field-flow,.dpi-scale,.handwriting-spectrum,.site-data-path{
  border-top:0!important;
  border-bottom:0!important;
}
.mobile-head,.mobile-grid h2,.mobile-grid section>a,.mobile-nav-heading,
.mobile-nav-sections nav a,.workspace-cue,.result-note{
  border-top:0!important;
  border-bottom:0!important;
}
.auth-divider:before,.auth-divider:after{display:none!important}

/* Keep the concise homepage promise on one desktop line. */
@media(min-width:1051px){.hero .hero-copy h1{font-size:clamp(2.75rem,4vw,3.25rem);white-space:nowrap}}
@media(max-width:1050px){.hero .hero-copy h1{font-size:clamp(2.5rem,6vw,3.25rem)}}
@media(max-width:720px){.hero .hero-copy h1{font-size:clamp(2.25rem,9vw,3rem)}}

/* Keep the icon language consistently green across every light and dark surface. */
:root{--icon-green:#087d88;--icon-surface:#e8f7f2;--icon-border:#acd8d2}
.icon-svg,.nav-topic-icon,.upload-icon,.selected-file-icon,.home-icon,
.arrow-icon,.chevron-icon,.close-icon{color:var(--icon-green)!important}
.upload-glyph .upload-icon,.mobile-head-icon .icon-svg{color:#66ddd5!important}
.tool-icon,.tool-badge,.hub-badge,.mobile-featured-icon,.file-kind,
.processing-file-icon,.result-file-icon,.result-success-icon,
.breadcrumb .breadcrumb-home{
  border-color:var(--icon-border)!important;
  background:var(--icon-surface)!important;
  color:var(--icon-green)!important;
}
.tool-card[data-tool] .tool-icon,
.mega-item[data-nav-tool] .tool-badge,
.selected-file[data-file-type] .file-kind{
  border-color:var(--icon-border)!important;
  background:var(--icon-surface)!important;
  color:var(--icon-green)!important;
}
.mega-item-arrow,.card-arrow,.read-arrow,.mobile-link-arrow,
.mobile-head-icon,.mega-scan-mark{color:var(--icon-green)!important}
.button-with-icon .arrow-icon,.tool-card-action .arrow-icon{
  background:var(--icon-surface)!important;
  color:var(--icon-green)!important;
}
.auth-control>svg{stroke:var(--icon-green)!important}

/* Increase secondary-copy contrast on light surfaces without changing dark panels. */
.mega-item small,.mega-meta,.tool-card small,.drop-zone small,
.breadcrumb [aria-current=page],.nav-privacy{color:var(--muted)}

/* Keep complete editorial illustrations visible. These images often carry
   meaningful edge-to-edge diagrams, so card and column proportions must not
   crop them at desktop, tablet, or mobile widths. */
.hero-art img,
.mag-card img,
.mag-card:first-child img,
.chapter-image img,
.hub-hero img,
.article-hero-image img,
.blog-grid img,
.transformation-showcase img{
  display:block;
  width:100%;
  height:auto;
  min-height:0;
  max-height:none;
  aspect-ratio:auto;
  object-fit:contain;
  object-position:center;
}
.tool-visual-media{
  display:grid;
  align-items:center;
  min-width:0;
  background:var(--cream);
}
.tool-visual-media img{
  width:100%;
  height:auto;
  min-height:0;
  object-fit:contain;
  object-position:center;
}
