/* ==========================================================================
   FormatPDF — design recreation (static, design-only)
   Shared stylesheet for English + Spanish homepages and all tool pages.
   ========================================================================== */

/* ---------- Design tokens ---------- */
:root {
  --navy:        #1e2237;   /* logo text / dark headings / footer */
  --navy-2:      #191b29;   /* footer background */
  --ink:         #3a3f51;   /* body headings */
  --text:        #5b6270;   /* body text */
  --text-muted:  #8a90a0;   /* muted captions */
  --red:         #e01e3c;   /* brand red (logo badge, primary btn) */
  --red-dark:    #c4162f;
  --coral:       #ee6b6b;   /* upload area / related tool buttons */
  --coral-dark:  #e85d5d;
  --hero-bg:     #f3f2f0;   /* hero light gray */
  --tools-bg:    #eef1fc;   /* lavender tools section */
  --card:        #ffffff;
  --info-bg:     #e7e9f3;   /* info cards lavender-gray */
  --rose:        #c1546a;   /* testimonials background */
  --star:        #f5a623;   /* rating stars */
  --border:      #e6e8f0;
  --shadow:      0 10px 25px rgba(30, 34, 55, .08);
  --shadow-sm:   0 4px 12px rgba(30, 34, 55, .06);
  --radius:      10px;
  --maxw:        1200px;
  --nav-h:       64px;

  /* tool-card top-border palette (cycled) */
  --c-red:    #ef5b6b;
  --c-green:  #7fc08a;
  --c-amber:  #f2b64d;
  --c-pink:   #ef6b8b;
  --c-lime:   #cdd66a;
  --c-blue:   #6ea8e6;
  --c-purple: #b58fe0;
  --c-teal:   #6fc6c0;
}

/* ---------- Reset ---------- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: "Segoe UI", "Helvetica Neue", Helvetica, Arial, "Nunito Sans", sans-serif;
  color: var(--text);
  background: #fff;
  line-height: 1.6;
  font-size: 16px;
  overflow-x: hidden;              /* guards against accidental h-scroll */
}
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
button { font-family: inherit; cursor: pointer; }
h1, h2, h3, h4 { color: var(--ink); margin: 0 0 .6em; line-height: 1.25; }

.container { width: 100%; max-width: var(--maxw); margin: 0 auto; padding: 0 20px; }

/* ==========================================================================
   Header / navigation
   ========================================================================== */
.site-header {
  position: sticky; top: 0; z-index: 100;
  background: #fff;
  border-bottom: 1px solid #eef0f4;
}
.nav {
  display: flex; align-items: center; justify-content: space-between;
  height: var(--nav-h);
}
/* Logo */
.logo { display: inline-flex; align-items: center; font-weight: 800; font-size: 1.5rem; color: var(--navy); letter-spacing: -.5px; }
.logo .logo-badge {
  background: var(--red); color: #fff; padding: .05em .32em;
  border-radius: 5px; margin-left: 3px; font-size: .92em;
}
.footer .logo { color: #fff; }
.footer .logo .logo-badge { background: #fff; color: var(--navy-2); }

/* Desktop nav */
.nav-menu { display: flex; align-items: center; gap: 26px; list-style: none; margin: 0; padding: 0; }
.nav-menu > li { position: relative; }
.nav-menu a, .nav-menu .navlink {
  color: #7a8091; font-size: .82rem; font-weight: 700;
  text-transform: uppercase; letter-spacing: 1px;
  display: inline-flex; align-items: center; gap: 5px;
  background: none; border: 0; padding: 6px 0;
}
.nav-menu a:hover, .nav-menu .navlink:hover { color: var(--navy); }
.nav-menu a.active { color: var(--navy); }
.nav-menu .caret { font-size: .6rem; opacity: .8; }
.nav-free { color: var(--navy) !important; }

/* Login button */
.btn-login {
  background: var(--red); color: #fff !important; font-size: .82rem; font-weight: 700;
  text-transform: uppercase; letter-spacing: 1px;
  padding: 21px 22px; margin-left: 6px;
  display: inline-flex; align-items: center; height: var(--nav-h);
}
.btn-login:hover { background: var(--red-dark); }

/* Dropdowns */
.dropdown-menu {
  position: absolute; top: calc(100% + 6px); left: 50%; transform: translateX(-50%);
  background: #fff; border: 1px solid var(--border); border-radius: 8px;
  box-shadow: var(--shadow); padding: 8px; min-width: 200px;
  display: none; z-index: 200;
}
.dropdown-menu li { list-style: none; }
.dropdown-menu a {
  display: block; padding: 9px 12px; color: var(--text) !important;
  text-transform: none; letter-spacing: normal; font-weight: 600; font-size: .85rem; border-radius: 6px;
}
.dropdown-menu a:hover { background: var(--tools-bg); color: var(--navy) !important; }
.has-dropdown.open .dropdown-menu { display: block; }
@media (hover: hover) {
  .has-dropdown:hover .dropdown-menu { display: block; }
}

/* Hamburger */
.nav-toggle {
  display: none; background: none; border: 0; width: 42px; height: 42px;
  flex-direction: column; justify-content: center; gap: 5px;
}
.nav-toggle span { display: block; height: 3px; width: 24px; background: var(--navy); border-radius: 2px; transition: .25s; }
.nav-toggle.active span:nth-child(1) { transform: translateY(8px) rotate(45deg); }
.nav-toggle.active span:nth-child(2) { opacity: 0; }
.nav-toggle.active span:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }

/* ==========================================================================
   Hero
   ========================================================================== */
.hero {
  background: var(--hero-bg); position: relative; overflow: hidden;
  padding: 60px 20px; text-align: center;
}
.hero h1 { color: var(--navy); font-size: 2.4rem; font-weight: 800; margin-bottom: .35em; }
.hero p { color: #7d8494; max-width: 760px; margin: 0 auto; font-size: 1.02rem; }
.hero .hero-deco { position: absolute; top: 0; bottom: 0; width: 180px; opacity: .5; pointer-events: none; display: flex; align-items: center; }
.hero .hero-deco.left { left: 0; justify-content: flex-start; padding-left: 30px; }
.hero .hero-deco.right { right: 0; justify-content: flex-end; padding-right: 30px; }
.hero .hero-deco svg { width: 100%; height: auto; }

/* Tool-page hero variant (title uppercase) */
.hero--tool h1 { text-transform: uppercase; letter-spacing: .5px; }

/* ==========================================================================
   Tools section
   ========================================================================== */
.tools-section { background: var(--tools-bg); padding: 56px 0 64px; }
.section-title { color: var(--ink); font-size: 1.8rem; font-weight: 800; margin-bottom: 4px; }
.section-title + .title-rule { width: 100px; height: 4px; background: #d7dcf0; border-radius: 3px; margin-bottom: 34px; }

.tools-grid {
  display: grid; grid-template-columns: repeat(5, 1fr); gap: 22px;
}
.tool-card {
  background: var(--card); border-radius: var(--radius); border-top: 4px solid var(--c-red);
  box-shadow: var(--shadow-sm); padding: 22px 20px 24px; transition: transform .18s, box-shadow .18s;
  display: block; color: inherit;
}
.tool-card:hover { transform: translateY(-4px); box-shadow: var(--shadow); }
.tool-card .tc-head { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; min-height: 44px; }
.tool-card .tc-icon { width: 40px; height: 40px; flex: 0 0 40px; display: inline-flex; }
.tool-card .tc-icon svg { display: block; width: 100%; height: 100%; }
.tool-card h3 { font-size: 1.02rem; color: var(--ink); margin: 0; font-weight: 800; }
.tool-card p { font-size: .9rem; color: #7a8090; margin: 0; }

/* top-border color cycle */
.tool-card:nth-child(8n+1){ border-top-color: var(--c-red); }
.tool-card:nth-child(8n+2){ border-top-color: var(--c-green); }
.tool-card:nth-child(8n+3){ border-top-color: var(--c-amber); }
.tool-card:nth-child(8n+4){ border-top-color: var(--c-pink); }
.tool-card:nth-child(8n+5){ border-top-color: var(--c-lime); }
.tool-card:nth-child(8n+6){ border-top-color: var(--c-blue); }
.tool-card:nth-child(8n+7){ border-top-color: var(--c-purple); }
.tool-card:nth-child(8n){   border-top-color: var(--c-teal); }

/* hidden extra tools + toggle */
.more-tools { display: none; }
.more-tools.show { display: contents; }
.more-toggle-wrap { display: flex; justify-content: center; margin-top: 34px; }
.btn-more {
  background: #8f93a8; color: #fff; border: 0; border-radius: 8px;
  padding: 13px 26px; font-size: .9rem; font-weight: 600;
  display: inline-flex; align-items: center; gap: 10px;
}
.btn-more:hover { background: #7c8098; }
.btn-more .chev { transition: transform .2s; }
.btn-more.open .chev { transform: rotate(180deg); }

/* Chrome extension button */
.ext-wrap { display: flex; justify-content: center; margin: 40px 0 6px; }
.btn-ext {
  background: var(--coral); color: #fff; border: 0; border-radius: 8px;
  padding: 15px 30px; font-size: 1rem; font-weight: 600;
  display: inline-flex; align-items: center; gap: 10px;
}
.btn-ext:hover { background: var(--coral-dark); }

/* ==========================================================================
   Info cards (What is / How does it work ...)
   ========================================================================== */
.info-section { background: var(--tools-bg); padding: 10px 0 60px; }
.info-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.info-card {
  background: var(--info-bg); border-radius: var(--radius); padding: 34px 30px 30px;
  position: relative; min-height: 210px;
}
.info-card .info-ico { position: absolute; top: 26px; right: 26px; width: 40px; height: 40px; color: #b9bed3; opacity: .8; }
.info-card h3 { color: var(--ink); font-size: 1.12rem; font-weight: 800; margin-bottom: .55em; max-width: 82%; }
.info-card p { color: #7a8090; font-size: .92rem; margin: 0; }

/* ==========================================================================
   Badges + generic centered heading
   ========================================================================== */
.center-heading { text-align: center; font-size: 1.5rem; color: var(--ink); font-weight: 700; margin: 30px 0; }
.badges { background: var(--tools-bg); padding: 6px 0 60px; }
.badges-row { display: flex; justify-content: center; gap: 34px; flex-wrap: wrap; }
.badge-card {
  background: var(--navy); border-radius: 10px; padding: 16px 26px; color: #fff;
  display: flex; flex-direction: column; align-items: center; gap: 8px; min-width: 220px;
}
.badge-card .badge-name { font-weight: 800; font-size: 1.15rem; letter-spacing: .3px; }
.badge-card .badge-sub { font-size: .68rem; letter-spacing: 2px; text-transform: uppercase; color: #b9bed3; }
.badge-card .stars { color: var(--star); font-size: 1.05rem; letter-spacing: 2px; }

/* ==========================================================================
   About us
   ========================================================================== */
.about { background: var(--tools-bg); padding: 30px 0 70px; }
.about-grid { display: grid; grid-template-columns: 1.2fr 1fr; gap: 40px; align-items: center; }
.about h2 { font-size: 1.7rem; color: var(--ink); font-weight: 800; }
.about p { color: #6f7688; margin: 0 0 1em; font-size: .96rem; }
.about-art { display: flex; justify-content: center; }
.about-art svg { max-width: 340px; width: 100%; }

/* ==========================================================================
   Testimonials
   ========================================================================== */
.testimonials { background: var(--rose); padding: 56px 0; color: #fff; }
.testi-grid { display: grid; grid-template-columns: .9fr 1fr 1fr 1fr; gap: 22px; align-items: start; }
.testi-intro h2 { color: #fff; font-style: italic; font-weight: 800; font-size: 1.4rem; line-height: 1.25; }
.testi-intro .rule { width: 110px; height: 3px; background: rgba(255,255,255,.55); margin: 18px 0; }
.testi-intro .score { font-size: 1.15rem; font-weight: 700; display: flex; align-items: center; gap: 10px; }
.testi-intro .score .stars { color: var(--star); letter-spacing: 2px; }
.testi-intro .opinions { font-size: .82rem; opacity: .85; margin-top: 4px; }
.testi-card { background: #fdf6f6; color: var(--text); border-radius: 10px; padding: 20px 20px 22px; box-shadow: var(--shadow-sm); }
.testi-card .t-top { display: flex; align-items: center; justify-content: space-between; }
.testi-card .t-name { font-weight: 800; color: var(--ink); font-size: .98rem; }
.testi-card .t-loc { color: #a7adbc; font-size: .78rem; margin-top: 2px; }
.testi-card .stars { color: var(--star); letter-spacing: 1px; font-size: .9rem; }
.testi-card .t-body { font-size: .9rem; color: #5b6270; margin: 14px 0 16px; }
.testi-card .t-note { font-size: .76rem; color: #a7adbc; text-align: right; }

/* ==========================================================================
   Premium section (Spanish home)
   ========================================================================== */
.premium { background: var(--tools-bg); padding: 50px 0; text-align: center; }
.premium h2 { font-size: 1.7rem; color: var(--ink); font-weight: 800; }
.premium p { color: #6f7688; max-width: 640px; margin: 0 auto 24px; }
.btn-premium { background: #f0913b; color: #fff; border: 0; border-radius: 8px; padding: 14px 34px; font-weight: 700; font-size: 1rem; display: inline-flex; }
.btn-premium:hover { background: #e07f27; }
.press-strip { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 40px; margin-top: 40px; opacity: .55; }
.press-strip span { font-weight: 800; color: #9198ab; font-size: 1.2rem; letter-spacing: .5px; }

/* ==========================================================================
   Footer
   ========================================================================== */
.footer { background: var(--navy-2); color: #c7cad6; padding: 46px 0 34px; }
.footer-grid { display: grid; grid-template-columns: 1.3fr 1fr 1fr 1fr .8fr; gap: 26px; }
.footer .logo { font-size: 1.35rem; margin-bottom: 16px; }
.footer .socials { display: flex; gap: 16px; }
.footer .socials a { color: var(--red); width: 22px; height: 22px; display: inline-flex; }
.footer .socials a:hover { color: #fff; }
.footer h4 { display: none; }
.footer ul { list-style: none; margin: 0; padding: 0; }
.footer ul li { margin: 0 0 12px; }
.footer ul a { color: #c7cad6; font-size: .9rem; }
.footer ul a:hover { color: #fff; }
.footer .foot-lang a { display: block; margin-bottom: 10px; font-size: .9rem; }
.footer .copyright { text-align: center; font-size: .78rem; color: #8990a3; margin-top: 34px; }
.footer .copyright .heart { color: var(--red); }

/* ==========================================================================
   Tool page: breadcrumb + BLACK PLACEHOLDER + step section
   ========================================================================== */
.tool-body { background: var(--tools-bg); padding: 30px 0 60px; }
.breadcrumb { font-size: .95rem; color: #8a90a0; margin: 4px 0 26px; }
.breadcrumb a { color: var(--red); font-weight: 700; }
.breadcrumb .sep { margin: 0 8px; color: #b6bccb; }

/* The black placeholder occupies the exact footprint of the reference
   coral upload box, so working tool code can be dropped in later. */
.tool-placeholder {
  background: #000; color: #fff; border-radius: var(--radius);
  min-height: 400px; width: 100%;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  text-align: center; padding: 40px 20px; margin: 0 0 10px;
}
.tool-placeholder .ph-frame {
  border: 2px dashed rgba(255,255,255,.5); border-radius: 8px;
  width: 100%; max-width: 1000px; min-height: 320px;
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px;
  padding: 30px 20px;
}
.tool-placeholder .ph-label { font-size: 1.15rem; font-weight: 800; letter-spacing: 3px; }
.tool-placeholder .ph-hint { font-size: .82rem; letter-spacing: 1px; color: #9aa0ad; max-width: 520px; }

/* related tool buttons (Spanish editor page) */
.related-tools { display: flex; flex-wrap: wrap; justify-content: center; gap: 26px; margin: 40px 0 10px; }
.btn-related {
  background: var(--coral); color: #fff; border: 0; border-radius: 8px;
  padding: 15px 26px; font-weight: 600; font-size: .95rem; display: inline-flex; min-width: 210px; justify-content: center;
}
.btn-related:hover { background: var(--coral-dark); }

/* tool page prose */
.tool-prose { background: var(--tools-bg); padding: 6px 0 40px; }
.tool-prose h2 { font-size: 1.55rem; color: var(--ink); font-weight: 800; margin-bottom: .6em; }
.tool-prose p { color: #6f7688; margin: 0 0 1em; }
.tool-prose p a { color: var(--red); }        /* inline text links only */
.related-tools .btn-related { color: #fff; }   /* keep button text white */

/* step by step */
.steps-section { background: var(--tools-bg); padding: 10px 0 70px; }
.steps-section h2 { font-size: 1.5rem; color: var(--ink); font-weight: 800; margin-bottom: 4px; }
.steps-section .title-rule { width: 100px; height: 4px; background: #d7dcf0; border-radius: 3px; margin: 6px 0 24px; }
.steps-section p { color: #6f7688; margin: 0 0 1em; }
.steps-list { counter-reset: step; list-style: none; margin: 0; padding: 0; }
.steps-list li { position: relative; padding-left: 40px; margin-bottom: 16px; color: #6f7688; }
.steps-list li::before {
  counter-increment: step; content: counter(step);
  position: absolute; left: 0; top: 0; color: var(--red); font-weight: 800; font-size: 1.05rem;
}

/* ==========================================================================
   Responsive
   ========================================================================== */
@media (max-width: 1024px) {
  .tools-grid { grid-template-columns: repeat(3, 1fr); }
  .footer-grid { grid-template-columns: 1fr 1fr 1fr; }
  .footer .foot-brand { grid-column: 1 / -1; }
  .testi-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 900px) {
  /* Mobile nav */
  .nav-toggle { display: flex; }
  .nav-menu {
    position: fixed; top: var(--nav-h); left: 0; right: 0; bottom: 0;
    background: #fff; flex-direction: column; align-items: stretch; gap: 0;
    padding: 10px 0; overflow-y: auto; transform: translateX(100%);
    transition: transform .28s ease; box-shadow: var(--shadow); display: flex;
  }
  .nav-menu.open { transform: translateX(0); }
  .nav-menu > li { width: 100%; border-bottom: 1px solid #f0f1f5; }
  .nav-menu a, .nav-menu .navlink { padding: 16px 22px; width: 100%; font-size: .9rem; justify-content: space-between; }
  .btn-login { height: auto; margin: 12px 22px; border-radius: 8px; justify-content: center; }
  .dropdown-menu {
    position: static; transform: none; box-shadow: none; border: 0; border-radius: 0;
    background: #f7f8fc; padding: 0 0 6px; min-width: 0; width: 100%;
  }
  .has-dropdown.open .dropdown-menu { display: block; }
  @media (hover: hover) { .has-dropdown:hover .dropdown-menu { display: none; } .has-dropdown.open .dropdown-menu { display: block; } }
  .info-grid { grid-template-columns: 1fr 1fr; }
  .about-grid { grid-template-columns: 1fr; }
  .about-art { order: -1; }
}

@media (max-width: 640px) {
  .hero { padding: 44px 18px; }
  .hero h1 { font-size: 1.7rem; }
  .hero .hero-deco { display: none; }
  .tools-grid { grid-template-columns: 1fr 1fr; gap: 16px; }
  .section-title { font-size: 1.45rem; }
  .info-grid { grid-template-columns: 1fr; }
  .testi-grid { grid-template-columns: 1fr; }
  .badges-row { gap: 18px; }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .tool-placeholder { min-height: 320px; }
  .tool-placeholder .ph-frame { min-height: 240px; }
  .related-tools { flex-direction: column; align-items: stretch; }
  .btn-related { width: 100%; }
}

@media (max-width: 400px) {
  .tools-grid { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr; }
  .badge-card { min-width: 100%; }
}

/* ==========================================================================
   Tool page: "After This, Users Also Need" cross-sell
   ========================================================================== */
.after-this { background: var(--tools-bg); padding: 20px 0 30px; }
.after-this h2 { font-size: 1.5rem; color: var(--ink); font-weight: 800; margin-bottom: 4px; }
.after-this .title-rule { width: 100px; height: 4px; background: #d7dcf0; border-radius: 3px; margin: 6px 0 24px; }
.after-this p { color: #6f7688; margin: 0 0 24px; }
.after-this .after-cta { display: flex; justify-content: center; margin: 6px 0 10px; }
.after-this .btn-related { background: var(--coral); color: #fff; border: 0; border-radius: 8px;
  padding: 15px 30px; font-weight: 600; font-size: .98rem; display: inline-flex; }
.after-this .btn-related:hover { background: var(--coral-dark); }

/* ==========================================================================
   Tool page: FAQ accordion
   ========================================================================== */
.faq-section { background: var(--tools-bg); padding: 20px 0 50px; }
.faq-section h2 { font-size: 1.6rem; color: var(--ink); font-weight: 800; margin-bottom: 24px; }
.faq-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px 24px; align-items: start; }
.faq-item { background: var(--info-bg); border-radius: 6px; overflow: hidden; }
.faq-q {
  width: 100%; text-align: center; background: none; border: 0;
  padding: 18px 44px; font-size: .98rem; font-weight: 700; color: var(--ink);
  position: relative; line-height: 1.4;
}
.faq-q .faq-chevron {
  position: absolute; right: 18px; top: 50%; transform: translateY(-50%);
  color: var(--red); transition: transform .25s; font-size: .8rem;
}
.faq-item.open .faq-q .faq-chevron { transform: translateY(-50%) rotate(180deg); }
.faq-a { max-height: 0; overflow: hidden; transition: max-height .3s ease; }
.faq-item.open .faq-a { max-height: 600px; }
.faq-a p { color: #6f7688; font-size: .92rem; margin: 0; padding: 0 22px 20px; }

/* ==========================================================================
   Tool page: "Rate this tool" widget
   ========================================================================== */
.rate-tool { background: var(--tools-bg); padding: 10px 0 60px; }
.rate-inner { display: flex; align-items: center; justify-content: center; gap: 14px; flex-wrap: wrap; }
.rate-inner .rate-label { color: #6f7688; font-size: 1rem; }
.rate-inner .rate-stars { color: var(--star); font-size: 1.6rem; letter-spacing: 3px; line-height: 1; }
.rate-inner .rate-score { color: var(--ink); font-weight: 800; }
.rate-inner .rate-votes { color: #8a90a0; }

@media (max-width: 640px) {
  .faq-grid { grid-template-columns: 1fr; }
  .after-this .btn-related { width: 100%; justify-content: center; }
}

/* ==========================================================================
   Tool page: Newsletter call-to-action
   ========================================================================== */
.newsletter-cta { background: var(--tools-bg); padding: 20px 0 40px; }
.newsletter-cta .nl-inner {
  background: #dfe3f6; border-radius: 12px; padding: 40px;
  display: grid; grid-template-columns: 1fr 1.2fr; gap: 30px; align-items: center;
}
.newsletter-cta .nl-art { display: flex; justify-content: center; }
.newsletter-cta .nl-art svg { width: 200px; height: auto; }
.newsletter-cta h2 { font-size: 1.7rem; color: var(--ink); font-weight: 800; margin: 0 0 12px; }
.newsletter-cta .nl-sub { color: #6f7688; font-style: italic; margin: 0 0 20px; }
.newsletter-cta .nl-field {
  width: 100%; border: 0; border-radius: 6px; padding: 16px 18px;
  font-size: 1rem; margin-bottom: 14px; background: #fff; color: var(--ink);
}
.newsletter-cta .nl-check { display: flex; align-items: center; gap: 10px; color: #6f7688; margin-bottom: 18px; font-size: .95rem; }
.newsletter-cta .nl-check a { color: var(--red); }
.newsletter-cta .nl-btn {
  background: var(--coral); color: #fff; border: 0; border-radius: 8px;
  padding: 15px 34px; font-weight: 600; font-size: 1rem; cursor: pointer;
}
.newsletter-cta .nl-btn:hover { background: var(--coral-dark); }

/* ==========================================================================
   Tool page: "Alternatives" accordion (full-width)
   ========================================================================== */
.alt-section { background: var(--tools-bg); padding: 20px 0 30px; }
.alt-section h2 { font-size: 1.6rem; color: var(--ink); font-weight: 800; margin-bottom: 20px; }
.alt-accordion .faq-item { margin-bottom: 14px; background: #fff; border: 1px solid #e4e7f2; }
.alt-accordion .faq-q { background: #eef0f7; text-align: center; }
.alt-accordion .faq-item.open .faq-a { max-height: 1600px; }
.alt-accordion .faq-a { padding-top: 6px; }
.alt-accordion .faq-a p { text-align: left; padding: 6px 26px 14px; }
.alt-accordion .faq-a ol { color: #6f7688; font-size: .92rem; margin: 0 0 16px; padding: 0 26px 0 48px; }
.alt-accordion .faq-a ol li { margin-bottom: 10px; line-height: 1.55; }
.alt-accordion .faq-ico { margin-right: 8px; }

/* ==========================================================================
   Tool page: categorized "Try also these tools" index
   ========================================================================== */
.tools-index { background: var(--tools-bg); padding: 20px 0 60px; }
.tools-index h2 { text-align: center; font-size: 1.9rem; color: var(--ink); font-weight: 800; margin-bottom: 34px; }
.tools-index .ti-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 28px; }
.tools-index .ti-col h4 { color: var(--ink); font-size: 1rem; font-weight: 800; margin: 0 0 18px; }
.tools-index .ti-col ul { list-style: none; margin: 0; padding: 0; }
.tools-index .ti-col li { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 16px; }
.tools-index .ti-col li svg { width: 20px; height: 20px; color: #9aa1b4; flex: 0 0 auto; margin-top: 2px; }
.tools-index .ti-col a { color: var(--red); text-decoration: none; font-size: .95rem; line-height: 1.35; }
.tools-index .ti-col a:hover { text-decoration: underline; }

@media (max-width: 900px) {
  .tools-index .ti-grid { grid-template-columns: repeat(2, 1fr); }
  .newsletter-cta .nl-inner { grid-template-columns: 1fr; }
  .newsletter-cta .nl-art { display: none; }
}
@media (max-width: 640px) {
  .tools-index .ti-grid { grid-template-columns: 1fr; }
  .newsletter-cta .nl-inner { padding: 26px; }
}

/* ==========================================================================
   Simple content pages (About, Privacy, Terms, Blog, Contact, etc.)
   ========================================================================== */
.content-page { background: #fff; padding: 46px 0 70px; }
.content-page .breadcrumb { margin-bottom: 26px; }
.content-page h1 { font-size: 2rem; color: var(--ink); font-weight: 800; margin: 0 0 20px; }
.content-page h2 { font-size: 1.3rem; color: var(--ink); font-weight: 700; margin: 30px 0 12px; }
.content-page p { color: #4a4f60; line-height: 1.7; margin: 0 0 16px; max-width: 760px; }
.source-note {
  background: #fff7e6; border: 1px solid #f0d089; border-radius: 8px;
  padding: 18px 20px; margin: 22px 0; max-width: 760px;
}
.source-note strong { color: #8a6d1a; display: block; margin-bottom: 6px; }
.source-note p { color: #6b5a20; margin: 0; font-size: .95rem; }


/* WordPress integration */
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.screen-reader-text:focus{position:fixed!important;top:8px;left:8px;width:auto;height:auto;padding:12px;background:#fff;color:#111;clip:auto;z-index:9999}.custom-logo-link{display:flex;align-items:center}.custom-logo{max-height:44px;width:auto}.primary-navigation{margin-left:auto}.header-language{margin-left:18px;position:relative}.language-toggle{background:#fff;border:1px solid var(--border);border-radius:7px;padding:8px 11px;color:var(--ink);font-weight:700}.language-menu{display:none;position:absolute;right:0;top:calc(100% + 8px);min-width:170px;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow);border-radius:8px;padding:6px;list-style:none;z-index:300}.language-selector.open .language-menu{display:block}.language-menu a{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:5px}.language-menu a:hover{background:var(--tools-bg)}.language-flag{width:22px;height:15px;object-fit:cover}.footer-language .language-toggle{background:transparent;color:#fff;border-color:#4c5060}.footer-language .language-menu{bottom:calc(100% + 8px);top:auto}.footer-title{display:block!important;color:#fff;font-size:1rem}.footer-widget{margin:0}.footer-widget p{font-size:.9rem}.entry-content>*:first-child{margin-top:0}.entry-content a{color:var(--red);text-decoration:underline}.entry-content img{height:auto}.narrow{max-width:850px}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px}.posts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.post-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm)}.post-card-body{padding:22px}.post-card h2{font-size:1.3rem}.post-card h2 a:hover,.read-more{color:var(--red)}.entry-meta{font-size:.82rem;color:var(--text-muted);margin-bottom:14px}.post-thumbnail img{width:100%;aspect-ratio:16/9;object-fit:cover}.sidebar .widget{border:1px solid var(--border);padding:20px;border-radius:8px;margin-bottom:20px}.widget-title{font-size:1.1rem}.navigation.pagination{grid-column:1/-1}.nav-links{display:flex;gap:8px;flex-wrap:wrap}.page-numbers{padding:8px 12px;border:1px solid var(--border);border-radius:5px}.page-numbers.current{background:var(--red);color:#fff}.pdf-tool-embed{background:#fff;border-radius:var(--radius);padding:30px;min-height:280px;box-shadow:var(--shadow-sm);overflow:visible}.pdf-tool-embed:empty:before{content:'Add your PDF tool with the block editor, a Custom HTML block, Elementor, or the [pdf_tool_area] shortcode.';display:flex;min-height:260px;align-items:center;justify-content:center;text-align:center;color:var(--text-muted);border:2px dashed #c9cedd;border-radius:8px;padding:30px}.button,.search-form button,.wp-block-button__link,input[type=submit]{display:inline-block;background:var(--red);color:#fff!important;border:0;border-radius:7px;padding:12px 20px;font-weight:700;text-decoration:none!important}.search-form{display:flex;max-width:600px;margin:20px 0}.search-form label{flex:1}.search-field,input[type=text],input[type=email],input[type=url],input[type=search],textarea{width:100%;border:1px solid #d9dce5;border-radius:7px;padding:12px;font:inherit}.error-code{font-size:5rem;color:var(--red);font-weight:800;margin:0}.hero-deco{font-size:34px;letter-spacing:20px;color:#d8d6d2}.archive-header{margin-bottom:28px}.archive-header h1{font-size:2rem}.comments-area{margin-top:50px;border-top:1px solid var(--border);padding-top:30px}.comment-list{padding-left:20px}.comment-body{padding:18px;border:1px solid var(--border);border-radius:8px;margin-bottom:14px}.alignwide{margin-left:-8%;margin-right:-8%;max-width:116%}.alignfull{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw)}
@media(max-width:900px){.primary-navigation{margin-left:0}.header-language{margin-left:auto;margin-right:8px}.content-layout{grid-template-columns:1fr}.posts-grid{grid-template-columns:1fr 1fr}.sidebar{display:none}.nav-menu .sub-menu{position:static;display:block;padding-left:15px}.header-language .language-menu{right:0}.footer-language{position:relative}}
@media(max-width:640px){.posts-grid{grid-template-columns:1fr}.pdf-tool-embed{padding:16px}.header-language .language-toggle{font-size:0}.header-language .language-toggle:before{content:'🌐';font-size:18px}.alignwide{margin-left:0;margin-right:0;max-width:100%}}

/* WordPress menu submenus */
.nav-menu .sub-menu{position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%);background:#fff;border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow);padding:8px;min-width:210px;display:none;z-index:200;list-style:none}.nav-menu .sub-menu li{width:100%}.nav-menu .sub-menu a{display:block;padding:9px 12px;text-transform:none;letter-spacing:normal;font-size:.85rem;border-radius:6px}.nav-menu .sub-menu a:hover{background:var(--tools-bg)}.nav-menu .menu-item-has-children:hover>.sub-menu,.nav-menu .menu-item-has-children:focus-within>.sub-menu,.nav-menu .menu-item-has-children.open>.sub-menu{display:block}@media(max-width:900px){.nav-menu .sub-menu{position:static;transform:none;box-shadow:none;border:0;border-radius:0;background:#f7f8fc;padding:0 0 6px;width:100%;display:none}.nav-menu .menu-item-has-children.open>.sub-menu{display:block}.nav-menu .menu-item-has-children:hover>.sub-menu{display:none}.nav-menu .menu-item-has-children.open:hover>.sub-menu{display:block}}


/* Elementor integration: templates provide no width, margin, or padding constraints. */
.elementor-page-main{width:100%;max-width:none;margin:0;padding:0;overflow:visible}.elementor-page-main>.elementor{width:100%;max-width:none}.elementor-page .elementor-page-main .elementor-section-wrap,.elementor-page .elementor-page-main .e-con{max-width:none}.elementor-editor-active .site-header{position:relative}.elementor-page .content-page{padding:0}.elementor-page .entry-content{max-width:none}
/* Editable starter design. These classes are assigned to Elementor elements and remain optional. */
.pdf-format-hero{background:#f3f2f0}.pdf-format-hero h1{color:#1e2237;font-size:2.4rem;font-weight:800}.pdf-format-hero .elementor-widget-text-editor{max-width:780px;margin:0 auto;color:#7d8494}.pdf-format-tools-heading h2{font-size:1.8rem;font-weight:800}.pdf-format-tools-row>.elementor-container{gap:22px}.pdf-format-tool-card>.elementor-widget-container{height:100%;background:#fff;border-top:4px solid #ef5b6b;border-radius:10px;box-shadow:0 4px 12px rgba(30,34,55,.06);padding:22px 20px 24px;transition:transform .18s,box-shadow .18s}.pdf-format-tool-card>.elementor-widget-container:hover{transform:translateY(-4px);box-shadow:0 10px 25px rgba(30,34,55,.08)}.pdf-format-tool-card .elementor-icon{color:#e01e3c}.pdf-format-tool-card .elementor-icon-box-title{font-size:1.02rem}.pdf-format-tool-card .elementor-icon-box-description{font-size:.9rem;color:#7a8090}.pdf-format-info-card>.elementor-widget-wrap{background:#e7e9f3;border-radius:10px;padding:34px 30px!important}.pdf-format-info-card h3{font-size:1.12rem}.pdf-format-about .elementor-icon{color:#fff}.pdf-format-cta h2{color:#fff}.pdf-format-404 h1{font-size:5rem;color:#e01e3c}.elementor-widget-html iframe{max-width:100%}
@media(max-width:1024px){.pdf-format-tools-row>.elementor-container{flex-wrap:wrap}.pdf-format-tools-row>.elementor-container>.elementor-column{width:calc(33.333% - 15px)}}
@media(max-width:767px){.pdf-format-hero h1{font-size:1.8rem}.pdf-format-tools-row>.elementor-container>.elementor-column{width:100%}.pdf-format-tools-row>.elementor-container,.pdf-format-features>.elementor-container{gap:16px}.pdf-format-info-card>.elementor-widget-wrap{padding:26px 22px!important}}

/* Screenshot-matched Elementor homepage starter (v1.2). */
.pdf-format-hero-v2{position:relative;overflow:hidden;background:#f3f3f5!important}.pdf-format-hero-v2:before,.pdf-format-hero-v2:after{content:'⌁  ◇  ⤴  □';position:absolute;top:48px;color:#e1e3e8;font-size:34px;letter-spacing:18px;opacity:.75}.pdf-format-hero-v2:before{left:6%}.pdf-format-hero-v2:after{right:6%;transform:scaleX(-1)}.pdf-format-hero-v2 h1{font-size:2.2rem!important;line-height:1.15;color:#292a31!important;font-weight:800!important;margin-bottom:12px!important}.pdf-format-hero-v2 .elementor-widget-text-editor{color:#8a8d94;font-size:.95rem;line-height:1.35}.pdf-format-tools-title-v2 h2{font-size:1.72rem!important;font-weight:800!important;color:#292a31!important;margin:0!important}.pdf-format-tools-title-v2 h2:after{content:'';display:block;width:100px;height:3px;background:#dfe3ef;margin-top:12px}.pdf-format-tools-row-v2>.elementor-container{gap:10px;align-items:stretch}.pdf-format-tools-row-v2>.elementor-container>.elementor-column{display:flex}.pdf-format-tools-row-v2 .elementor-widget-wrap{padding:0!important}.pdf-format-tools-row-v2 .elementor-widget-icon-box{width:100%}.pdf-format-tool-card-v2>.elementor-widget-container{height:100%;min-height:208px;background:#fff;border-top:4px solid #ef5b6b;border-radius:2px;box-shadow:0 5px 12px rgba(37,49,88,.13);padding:20px 14px 16px;transition:transform .18s,box-shadow .18s}.pdf-format-tool-card-v2>.elementor-widget-container:hover{transform:translateY(-3px);box-shadow:0 9px 18px rgba(37,49,88,.16)}.pdf-format-tool-card-v2.tone-green>.elementor-widget-container{border-top-color:#9cc66e}.pdf-format-tool-card-v2.tone-amber>.elementor-widget-container{border-top-color:#f3b84a}.pdf-format-tool-card-v2.tone-lime>.elementor-widget-container{border-top-color:#c7cc69}.pdf-format-tool-card-v2.tone-blue>.elementor-widget-container{border-top-color:#719ee8}.pdf-format-tool-card-v2.tone-purple>.elementor-widget-container{border-top-color:#b68ee2}.pdf-format-tool-card-v2.tone-teal>.elementor-widget-container{border-top-color:#67c2bb}.pdf-format-tool-card-v2 .elementor-icon-box-wrapper{display:flex!important;align-items:flex-start!important;text-align:left!important;gap:10px}.pdf-format-tool-card-v2 .elementor-icon-box-icon{margin:0!important;flex:0 0 32px}.pdf-format-tool-card-v2 .elementor-icon{position:relative;display:flex!important;width:29px;height:35px;border:2px solid #61748e;border-radius:2px;color:#fff!important;align-items:flex-end;justify-content:center;background:#fff}.pdf-format-tool-card-v2 .elementor-icon:before{content:'PDF';position:absolute;left:-4px;bottom:5px;background:#ef5365;color:#fff;font:bold 6px/12px Arial;width:25px;height:12px;text-align:center;border-radius:2px}.pdf-format-tool-card-v2 .elementor-icon:after{content:'';position:absolute;right:-2px;top:-2px;border-left:8px solid transparent;border-bottom:8px solid #dfe5ef}.pdf-format-tool-card-v2 .elementor-icon svg,.pdf-format-tool-card-v2 .elementor-icon i{display:none!important}.pdf-format-tool-card-v2 .elementor-icon-box-content{min-width:0}.pdf-format-tool-card-v2 .elementor-icon-box-title{font-size:.96rem!important;line-height:1.2!important;font-weight:800!important;margin:2px 0 14px!important;color:#30313a!important}.pdf-format-tool-card-v2 .elementor-icon-box-title a{color:inherit!important;text-decoration:none!important}.pdf-format-tool-card-v2 .elementor-icon-box-description{font-size:.79rem!important;line-height:1.45!important;color:#7f838c!important;margin:0!important}.pdf-format-tools-toggle-row .elementor-button{background:#969cb5!important;border-radius:3px!important;padding:9px 42px!important;font-size:.76rem!important}.pdf-format-extra-tools{max-height:420px;opacity:1;overflow:visible;transition:max-height .35s ease,opacity .25s ease,padding .35s ease}.pdf-format-extra-tools.is-hidden{max-height:0!important;opacity:0;overflow:hidden;padding-top:0!important;padding-bottom:0!important}.pdf-format-extension-button .elementor-button{background:#f2635e!important;border-radius:4px!important;padding:13px 24px!important;box-shadow:0 2px 3px rgba(0,0,0,.12);font-size:.82rem!important}.pdf-format-info-row-v2>.elementor-container{gap:28px;align-items:stretch}.pdf-format-info-card-v2>.elementor-widget-wrap{position:relative;height:100%;background:#e7eaf5;padding:30px 18px 24px!important;display:block!important}.pdf-format-info-card-v2>.elementor-widget-wrap:after{position:absolute;right:16px;top:12px;color:#c5cad8;font-size:38px;line-height:1}.pdf-format-info-card-v2.icon-info>.elementor-widget-wrap:after{content:'ⓘ'}.pdf-format-info-card-v2.icon-pencil>.elementor-widget-wrap:after{content:'✎'}.pdf-format-info-card-v2.icon-mobile>.elementor-widget-wrap:after{content:'▯'}.pdf-format-info-card-v2 h3{max-width:80%;font-size:1rem!important;line-height:1.25!important;font-weight:800!important;color:#343640!important}.pdf-format-info-card-v2 p{font-size:.8rem!important;line-height:1.45!important;color:#737985!important}.pdf-format-ratings-title h3{font-size:1rem!important;font-weight:500!important;color:#333640!important}.pdf-format-ratings-row>.elementor-container{align-items:center}.pdf-format-ratings-row .elementor-widget-html{text-align:center}.pdf-format-rating-badge{display:inline-flex;position:relative;min-width:230px;min-height:76px;border-radius:10px;background:#17213b;color:#fff;padding:12px 18px;align-items:center;justify-content:center;gap:8px;box-shadow:inset 0 0 0 3px #fff,0 0 0 2px #17213b;font-family:Arial,sans-serif}.pdf-format-rating-badge strong{font-size:1.28rem}.pdf-format-rating-badge span{color:#f5ae28;letter-spacing:1px;font-weight:700}.pdf-format-rating-badge small{position:absolute;top:33px;font-size:.55rem;letter-spacing:1px;color:#d3dae7}.pdf-format-rating-badge.getapp{border-radius:2px;background:#3d4859;flex-direction:column;gap:1px;min-width:145px}.pdf-format-rating-badge.getapp strong{font-size:1.05rem}.pdf-format-rating-badge.getapp small{position:static}.pdf-format-rating-badge.capterra{background:#002d44;min-width:245px}.pdf-format-rating-badge.capterra b{font-size:2rem;color:#6ed5e7}.pdf-format-about-v2 h2{font-size:1.7rem!important;font-weight:800!important}.pdf-format-about-v2 p{font-size:.83rem;line-height:1.45;color:#777d88}.pdf-format-about-art svg{width:100%;max-width:340px;height:auto;display:block;margin:0 auto}.pdf-format-reviews-v2>.elementor-container{gap:28px;align-items:stretch}.pdf-format-reviews-v2 .elementor-widget-wrap{padding:0!important}.pdf-format-review-intro{color:#fff;padding:4px 0}.pdf-format-review-intro h3{color:#fff!important;font-size:1.1rem!important;line-height:1.08!important;font-style:italic;margin:0 0 18px}.pdf-format-review-intro i{display:block;width:90px;height:2px;background:rgba(255,255,255,.65);margin-bottom:18px}.pdf-format-review-intro b{display:block;font-size:.9rem}.pdf-format-review-intro span{color:#ffc155;letter-spacing:1px}.pdf-format-review-intro small{display:block;font-size:.65rem;margin-top:5px}.pdf-format-review-card{height:100%;min-height:215px;background:#fff9f9;border-radius:5px;padding:18px;color:#747986;box-shadow:0 4px 10px rgba(93,24,42,.12);font-size:.76rem;line-height:1.5}.pdf-format-review-card header{display:grid;grid-template-columns:1fr auto}.pdf-format-review-card header b{color:#555b66;font-size:.82rem}.pdf-format-review-card header span{color:#f2b348;letter-spacing:1px}.pdf-format-review-card header small{grid-column:1/-1;color:#b0b3ba;font-size:.62rem}.pdf-format-review-card p{margin:18px 0;color:#777d87}.pdf-format-review-card footer{color:#b8bbc1;font-size:.62rem}.pdf-format-prefooter-space{min-height:140px}
@media(max-width:1024px){.pdf-format-hero-v2:before,.pdf-format-hero-v2:after{display:none}.pdf-format-tools-row-v2>.elementor-container{flex-wrap:wrap}.pdf-format-tools-row-v2>.elementor-container>.elementor-column{width:calc(33.333% - 7px)!important}.pdf-format-extra-tools{max-height:760px}.pdf-format-info-row-v2>.elementor-container,.pdf-format-reviews-v2>.elementor-container{gap:16px}.pdf-format-rating-badge{transform:scale(.86)}}
@media(max-width:767px){.pdf-format-hero-v2 h1{font-size:1.75rem!important}.pdf-format-hero-v2 br{display:none}.pdf-format-tools-row-v2>.elementor-container>.elementor-column{width:100%!important}.pdf-format-tool-card-v2>.elementor-widget-container{min-height:0}.pdf-format-extra-tools{max-height:2500px}.pdf-format-info-row-v2>.elementor-container{display:block}.pdf-format-info-card-v2{width:100%!important;margin-bottom:16px}.pdf-format-ratings-row>.elementor-container,.pdf-format-reviews-v2>.elementor-container{display:block}.pdf-format-ratings-row .elementor-column,.pdf-format-reviews-v2 .elementor-column{width:100%!important;margin-bottom:20px}.pdf-format-rating-badge{transform:none;max-width:100%}.pdf-format-about-v2 .elementor-column{width:100%!important}.pdf-format-review-card{min-height:0}.pdf-format-prefooter-space{min-height:70px}}

/* Tool-specific document badges mirror the reference icon language. */
.pdf-format-tool-card-v2.tool-jpg-to-pdf .elementor-icon:before,.pdf-format-tool-card-v2.tool-pdf-to-jpg .elementor-icon:before{content:'JPG';background:#6ea8e6}.pdf-format-tool-card-v2.tool-pdf-to-excel .elementor-icon:before,.pdf-format-tool-card-v2.tool-excel-to-pdf .elementor-icon:before{content:'XLS';background:#3f9c5a}.pdf-format-tool-card-v2.tool-epub-to-pdf .elementor-icon:before,.pdf-format-tool-card-v2.tool-pdf-to-epub .elementor-icon:before{content:'EPUB';background:#7fb98a;font-size:5px}.pdf-format-tool-card-v2.tool-pdf-to-word .elementor-icon:before,.pdf-format-tool-card-v2.tool-word-to-pdf .elementor-icon:before{content:'DOC';background:#3f6fd0}.pdf-format-tool-card-v2.tool-html-to-pdf .elementor-icon:before,.pdf-format-tool-card-v2.tool-pdf-to-html .elementor-icon:before{content:'HTML';background:#e07f3a;font-size:5px}.pdf-format-tool-card-v2.tool-odt-to-pdf .elementor-icon:before,.pdf-format-tool-card-v2.tool-pdf-to-odt .elementor-icon:before{content:'ODT';background:#4a76c7}.pdf-format-tool-card-v2.tool-powerpoint-to-pdf .elementor-icon:before,.pdf-format-tool-card-v2.tool-pdf-to-powerpoint .elementor-icon:before{content:'PPT';background:#d2662b}.pdf-format-tool-card-v2.tool-tiff-to-pdf .elementor-icon:before{content:'TIFF';background:#5fb7b0;font-size:5px}.pdf-format-tool-card-v2.tool-djvu-to-pdf .elementor-icon:before{content:'DJVU';background:#a67ad6;font-size:5px}.pdf-format-tool-card-v2.tool-unlock-pdf .elementor-icon:before{content:'⌁';font-size:10px}.pdf-format-tool-card-v2.tool-edit-pdf .elementor-icon:before,.pdf-format-tool-card-v2.tool-edit-pdf-online .elementor-icon:before,.pdf-format-tool-card-v2.tool-draw-on-pdf .elementor-icon:before,.pdf-format-tool-card-v2.tool-write-on-pdf .elementor-icon:before{content:'✎';font-size:10px}.pdf-format-tool-card-v2.tool-merge-pdf .elementor-icon:before{content:'＋';font-size:10px}.pdf-format-tool-card-v2.tool-split-pdf .elementor-icon:before{content:'✂';font-size:10px}.pdf-format-tool-card-v2.tool-rotate-pdf .elementor-icon:before{content:'↻';font-size:10px}.pdf-format-tool-card-v2.tool-number-pdf-pages .elementor-icon:before{content:'#';font-size:10px}.pdf-format-tool-card-v2.tool-sign-pdf .elementor-icon:before{content:'✓';font-size:10px}

/* Screenshot reference templates v1.3: blog, single content, tools, search and static pages. */
:root{--reference-bg:#f5f7ff;--reference-band:#f3f3f5;--reference-red:#e62146;--reference-blue:#08708b;--reference-link:#ff344d}.reference-title-band{background:var(--reference-band);padding:34px 0;border-bottom:1px solid #e3e5ec}.reference-title-band h1{font-size:1.8rem;line-height:1.2;margin:0;color:#303139;font-weight:800}.blog-intro{background:var(--reference-band);padding:52px 0 46px}.blog-intro h1{text-transform:uppercase;font-size:2rem;letter-spacing:.4px;margin:0 0 18px}.blog-intro p,.blog-intro li{color:#6f727a;font-size:.95rem;line-height:1.55}.blog-intro ul{margin:16px 0 0;padding-left:28px}.blog-intro li{margin-bottom:10px}.blog-intro li strong{color:var(--reference-red)}.reference-archive,.reference-single,.reference-static{background:var(--reference-bg);padding:32px 0 76px;min-height:650px}.reference-static>.container{max-width:960px}.reference-static .entry-content{background:transparent}.reference-layout{display:grid;grid-template-columns:minmax(0,2.45fr) minmax(250px,.75fr);gap:42px;align-items:start}.reference-post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.reference-post-card{background:#fff;border:1px solid #e9eaf0;border-radius:8px;overflow:hidden;box-shadow:0 3px 10px rgba(43,51,75,.1);min-height:390px;display:flex;flex-direction:column}.reference-post-card .post-card-media{display:block;height:255px;background:#fff}.reference-post-card .post-card-media img{width:100%;height:100%;object-fit:cover}.reference-post-card .post-card-body{padding:20px 30px 22px;display:flex;flex-direction:column;align-items:flex-start;flex:1}.reference-post-card h2{font-size:1.12rem;line-height:1.35;letter-spacing:.5px;margin:0 0 12px}.reference-post-card h2 a{color:#2680f1}.reference-post-card .entry-summary{font-size:.88rem;color:#555a64;line-height:1.45;margin-bottom:18px}.reference-post-card .entry-summary p{margin:0}.reference-post-card .read-more{margin-top:auto;background:#ef7075;color:#fff;padding:9px 16px;border-radius:2px;font-size:.82rem;font-weight:700}.reference-post-grid .navigation.pagination{grid-column:1/-1;margin:22px auto 0}.reference-post-grid .page-numbers{border:0;color:#8792a8;font-style:italic}.reference-post-grid .page-numbers.current{background:transparent;color:#2183f0}.reference-sidebar{font-size:.86rem}.reference-sidebar-inner>section{margin-bottom:42px}.reference-sidebar h2{font-size:1rem;line-height:1.35;text-transform:uppercase;letter-spacing:.4px;color:#00617d;margin:0 0 18px}.reference-sidebar .sidebar-cta{display:block;background:linear-gradient(#d92042,#ee234a);color:#fff;text-align:center;padding:15px 12px;border-radius:2px}.reference-sidebar ul{list-style:none;margin:0;padding:0}.reference-sidebar li{display:flex;gap:10px;align-items:center;margin:0 0 14px}.reference-sidebar li span{color:#97a6b3}.reference-sidebar li a{color:#ff3047}.reference-sidebar .sidebar-topic>a{display:table;background:#eef2f8;border:1px solid #b8c3d2;color:#687786;padding:3px 6px;margin:3px 0;font-size:.75rem}.reference-sidebar .sidebar-most i{display:block;width:42px;height:2px;background:#9b1c2d;margin-left:70px}.reference-sidebar .sidebar-follow div{display:flex;gap:14px}.reference-sidebar .sidebar-follow a{font-size:1.3rem;color:#d51e43}.reference-single .reference-layout{grid-template-columns:minmax(0,3fr) minmax(245px,.8fr)}.reference-article{min-width:0}.reference-byline,.pdf-format-el-byline{font-size:.78rem;color:#8d929d;margin-bottom:16px}.reference-byline a,.reference-byline span,.pdf-format-el-byline span,.pdf-format-el-byline strong{color:#e62b49;margin:0 8px}.reference-lead,.reference-lead p{font-size:.84rem;line-height:1.45;color:#777d87}.reference-featured{margin:18px 0}.reference-featured img{width:100%;height:auto}.reference-article .entry-content,.pdf-format-reference-main .elementor-widget-text-editor{color:#7a7f89;font-size:.84rem;line-height:1.48}.reference-article .entry-content h2,.pdf-format-reference-main h2{font-size:1.85rem;line-height:1.25;color:#33343b;margin:44px 0 22px;font-weight:800}.reference-article .entry-content h3,.pdf-format-reference-main h3{font-size:1.25rem;color:#33343b;margin:32px 0 16px}.reference-article .entry-content a{color:#e52345}.reference-article .entry-content li{margin-bottom:8px}.reference-author,.pdf-format-el-author{display:flex;gap:18px;align-items:center;background:#f1f2f6;padding:18px 25px;margin:42px 28px 24px}.reference-author img,.pdf-format-el-author img{width:74px;height:74px;border-radius:50%;object-fit:cover}.reference-author strong,.pdf-format-el-author strong{color:#e52345}.reference-author p,.pdf-format-el-author p{margin:4px 0;font-size:.76rem;color:#707680}.reference-rating,.pdf-format-el-rating{font-size:.75rem;color:#777}.reference-rating span,.pdf-format-el-rating span{display:block;color:#f5b400;font-size:1.35rem;letter-spacing:3px}.pdf-runtime-stage,.pdf-format-runtime-slot{border:1px solid #70757f;background:#fff;min-height:410px;margin:18px 0;display:flex;align-items:center;justify-content:center;text-align:center}.pdf-runtime-frame,.pdf-format-runtime-slot{color:#89909a;padding:24px}.pdf-format-runtime-slot{flex-direction:column;gap:10px}.pdf-format-runtime-slot strong{color:#333;letter-spacing:2px}.tool-archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.tool-archive-grid .tool-card{min-height:200px}.tool-archive-grid .navigation{grid-column:1/-1}.tools-archive-intro{text-align:left}.pdf-format-reference-title h1{font-size:1.8rem!important;font-weight:800!important;color:#303139!important;margin:0!important}.pdf-format-reference-layout>.elementor-container{align-items:flex-start;gap:38px}.pdf-format-reference-main>.elementor-widget-wrap,.pdf-format-reference-side>.elementor-widget-wrap{padding:0!important}.pdf-format-reference-main .elementor-widget:not(:last-child){margin-bottom:18px}.pdf-format-feature-placeholder{height:410px;border:1px solid #70757f;background:#fff;display:flex;align-items:center;justify-content:center;color:#a1a6af}.pdf-format-reference-main .elementor-widget-heading h2{font-size:1.85rem!important;line-height:1.25!important;color:#33343b!important;margin-top:24px}.pdf-format-reference-main .elementor-widget-text-editor{font-size:.84rem}.pdf-format-article-button .elementor-button{background:#ef7075!important;border-radius:3px!important;min-width:190px}.pdf-format-toc{display:flex;flex-direction:column;max-width:340px;border:1px solid #8ba1b4;background:#edf8ff;padding:12px;font-size:.75rem}.pdf-format-toc strong{text-align:center;color:#59636e;margin-bottom:8px}.pdf-format-toc a{color:#e72b49!important;margin:2px 0}.pdf-format-read-more{border-top:1px solid #ef6068;border-bottom:1px solid #ef6068;text-align:center;padding:16px;font-size:1.15rem;color:#666}.pdf-format-read-more strong{color:#e21f43}.pdf-format-reference-side .reference-sidebar{width:100%}.pdf-format-reference-static .elementor-widget-text-editor{font-size:.95rem;line-height:1.6;color:#565c67}.search-form{margin-bottom:32px}
@media(max-width:900px){.reference-layout,.reference-single .reference-layout{grid-template-columns:1fr}.reference-sidebar{display:block}.reference-post-grid{grid-template-columns:1fr 1fr}.tool-archive-grid{grid-template-columns:1fr 1fr}.pdf-format-reference-layout>.elementor-container{display:block}.pdf-format-reference-main,.pdf-format-reference-side{width:100%!important}.pdf-format-reference-side{margin-top:42px}}
@media(max-width:640px){.reference-title-band{padding:26px 0}.reference-title-band h1,.pdf-format-reference-title h1{font-size:1.45rem!important}.blog-intro{padding:36px 0}.blog-intro h1{font-size:1.55rem}.reference-post-grid,.tool-archive-grid{grid-template-columns:1fr}.reference-post-card .post-card-media{height:220px}.reference-post-card{min-height:0}.reference-layout{gap:28px}.reference-sidebar-inner{border-top:1px solid #dfe3ed;padding-top:28px}.pdf-runtime-stage,.pdf-format-runtime-slot,.pdf-format-feature-placeholder{min-height:280px;height:auto}.reference-author,.pdf-format-el-author{margin:30px 0;padding:16px}.pdf-format-reference-layout>.elementor-container{display:block}.pdf-format-reference-main,.pdf-format-reference-side{width:100%!important}.pdf-format-reference-main .elementor-widget-heading h2,.reference-article .entry-content h2{font-size:1.5rem!important}.reference-single,.reference-archive,.reference-static{padding-bottom:48px}}

/* Fully editable sample pages and sample Blog page v1.4. */
.pdf-format-sample-section h2{font-size:1.8rem!important;font-weight:800!important;color:#33343b!important}.pdf-format-sample-section p{color:#737985;font-size:.92rem;line-height:1.6}.pdf-format-sample-cards>.elementor-container{align-items:stretch;gap:22px}.pdf-format-sample-cards>.elementor-container>.elementor-column{display:flex}.pdf-format-sample-cards .elementor-widget-wrap{height:100%}.pdf-format-sample-cta h2{color:#fff!important}.pdf-format-sample-cta .elementor-button{background:#ef7075!important;border-radius:3px!important}.pdf-format-blog-page-intro h1{font-size:2rem!important;text-transform:uppercase;letter-spacing:.4px;color:#303139!important}.pdf-format-blog-page-intro .elementor-widget-text-editor{font-size:.95rem;color:#6f727a;line-height:1.55}.pdf-format-blog-page-intro li{margin-bottom:8px}.pdf-format-blog-page-intro strong{color:#e62146}.pdf-format-el-blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.pdf-format-el-blog-grid article{background:#fff;border:1px solid #e9eaf0;border-radius:8px;overflow:hidden;box-shadow:0 3px 10px rgba(43,51,75,.1);min-height:390px;display:flex;flex-direction:column}.pdf-format-el-blog-grid .media{display:block;height:255px;background:#fff}.pdf-format-el-blog-grid article>div{padding:20px 30px 22px;display:flex;flex-direction:column;align-items:flex-start;flex:1}.pdf-format-el-blog-grid h2{font-size:1.12rem!important;line-height:1.35!important;margin:0 0 12px!important}.pdf-format-el-blog-grid h2 a{color:#2680f1!important;text-decoration:none!important}.pdf-format-el-blog-grid p{font-size:.88rem;line-height:1.45;color:#555a64}.pdf-format-el-blog-grid .more{margin-top:auto;background:#ef7075;color:#fff!important;padding:9px 16px;border-radius:2px;font-size:.82rem;font-weight:700;text-decoration:none!important}
@media(max-width:900px){.pdf-format-sample-cards>.elementor-container{flex-wrap:wrap}.pdf-format-sample-cards>.elementor-container>.elementor-column{width:calc(50% - 11px)!important}}
@media(max-width:640px){.pdf-format-sample-section .elementor-column{width:100%!important}.pdf-format-sample-cards>.elementor-container{display:block}.pdf-format-sample-cards>.elementor-container>.elementor-column{width:100%!important;margin-bottom:16px}.pdf-format-el-blog-grid{grid-template-columns:1fr}.pdf-format-el-blog-grid article{min-height:0}.pdf-format-el-blog-grid .media{height:210px}}

/* ========================================================================== 
   Reference rebuild v2.0 — these rules intentionally supersede prior starter styling.
   ========================================================================== */
body{font-family:"Segoe UI",Arial,Helvetica,sans-serif;color:#6f7480;background:#fff}.container{max-width:1200px;padding-left:12px;padding-right:12px}.site-header{height:64px;background:#fff;border-bottom:1px solid #eef0f4;box-shadow:none}.site-header .nav{height:64px}.site-header .logo{font-family:"Segoe UI",Arial,sans-serif;font-size:1.48rem;font-weight:800;letter-spacing:-.6px;color:#242735;white-space:nowrap}.site-header .logo-badge{background:#e01e3c;color:#fff;border-radius:2px;padding:.02em .24em;margin-left:2px;font-size:.72em;letter-spacing:-.2px}.primary-navigation{height:64px;display:flex;align-items:stretch}.site-header .nav-menu{height:64px;gap:24px;align-items:center}.site-header .nav-menu>li{height:64px;display:flex;align-items:center}.site-header .nav-menu>li>a{font-size:.68rem;line-height:1;text-transform:uppercase;letter-spacing:1.8px;font-weight:700;color:#858994;padding:0;white-space:nowrap}.site-header .nav-menu>li>a:hover{color:#252837}.site-header .nav-menu>.menu-free>a{color:#5f6370}.site-header .nav-menu>.menu-login{margin-left:-4px}.site-header .nav-menu>.menu-login>a{height:64px;display:flex;align-items:center;background:#e01e3c;color:#fff!important;padding:0 18px}.site-header .nav-menu>.menu-login>a:hover{background:#c4162f}.site-header .nav-menu .sub-menu{top:58px}.header-language{display:none!important}
/* Exact reference homepage hierarchy. */
.elementor-page-main>.elementor{font-family:"Segoe UI",Arial,Helvetica,sans-serif}.pdf-format-hero-v2{background:#f3f3f5!important}.pdf-format-hero-v2 h1{color:#2e3038!important;font-size:2rem!important;font-weight:800!important;letter-spacing:0!important}.pdf-format-hero-v2 .elementor-widget-text-editor{color:#8a8e97!important;font-size:.9rem!important}.pdf-format-tools-title-v2,.pdf-format-tools-row-v2,.pdf-format-tools-toggle-row,.pdf-format-extension-row,.pdf-format-info-row-v2,.pdf-format-ratings-title,.pdf-format-ratings-row,.pdf-format-about-v2,.pdf-format-prefooter-space{background:#f5f7ff!important}.pdf-format-tools-title-v2 h2{color:#30323a!important;font-size:1.72rem!important}.pdf-format-tool-card-v2 .elementor-icon-box-title{color:#30313a!important}.pdf-format-tool-card-v2 .elementor-icon-box-description{color:#7f838c!important}.pdf-format-info-card-v2 h3,.pdf-format-about-v2 h2{color:#343640!important}.pdf-format-about-v2 p{color:#777d88!important}.pdf-format-reviews-v2{background:#ca4660!important}.pdf-format-reviews-v2 h3{color:#fff!important}
/* Compact reference footer. */
.reference-footer{background:#181828;color:#c7cad6;padding:48px 0 30px;min-height:220px}.reference-footer .footer-grid{display:grid;grid-template-columns:1.35fr 1fr 1.15fr .8fr .7fr;gap:34px;align-items:start}.reference-footer .footer-column-4:empty{display:none}.reference-footer .logo{font-size:1.25rem;color:#fff;margin-bottom:15px}.reference-footer .logo-badge{background:#fff;color:#181828;border-radius:2px}.reference-footer .socials{display:flex;gap:14px}.reference-footer .socials a{color:#e01e3c;font-size:.9rem;font-weight:800;width:auto;height:auto}.reference-footer ul{list-style:none;margin:0;padding:0}.reference-footer li{margin:0 0 12px}.reference-footer a{font-size:.78rem;color:#c7cad6}.reference-footer a:hover{color:#fff}.reference-footer .foot-lang{display:flex;flex-direction:column;gap:10px}.reference-footer .copyright{text-align:center;color:#8990a3;font-size:.65rem;margin-top:34px}.reference-footer .footer-widget{margin:0}.reference-footer .footer-title{display:none!important}
@media(max-width:1024px){.site-header .nav-menu{gap:14px}.site-header .nav-menu>li>a{letter-spacing:1.2px}.reference-footer .footer-grid{grid-template-columns:1.3fr 1fr 1fr}.reference-footer .foot-brand{grid-column:1/-1}}
@media(max-width:900px){.site-header .nav-toggle{display:flex}.primary-navigation{height:auto}.site-header .nav-menu{height:auto;align-items:stretch;gap:0}.site-header .nav-menu>li{height:auto;display:block}.site-header .nav-menu>li>a{font-size:.82rem;padding:16px 22px}.site-header .nav-menu>.menu-login{margin:0}.site-header .nav-menu>.menu-login>a{height:auto;margin:10px 22px;padding:15px 20px;justify-content:center;border-radius:4px}.site-header .nav-menu .sub-menu{top:auto}.reference-footer .footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.site-header .logo{font-size:1.28rem}.reference-footer .footer-grid{grid-template-columns:1fr 1fr;gap:24px}.reference-footer .foot-brand{grid-column:1/-1}.reference-footer .copyright{text-align:left;line-height:1.5}.pdf-format-hero-v2 h1{font-size:1.65rem!important}}


/* ========================================================================== 
   Reference color system — v2.1
   Authoritative final layer; prevents Elementor Global Kit link/heading blue.
   ========================================================================== */
:root {
  --reference-heading: #30313a;
  --reference-body: #737985;
  --reference-muted: #7f838c;
  --reference-red: #e62146;
  --reference-coral: #ef7075;
  --reference-sidebar-teal: #00617d;
  --reference-blog-blue: #2680f1;
}
body, .site-content, .elementor-page-main { color: var(--reference-body); }
h1, h2, h3, h4, h5, h6,
.entry-title, .page-title, .archive-title,
.elementor-page-main .elementor-widget-heading .elementor-heading-title,
.elementor-page-main .elementor-widget-icon-box .elementor-icon-box-title,
.elementor-page-main .elementor-widget-icon-box .elementor-icon-box-title a {
  color: var(--reference-heading) !important;
}
p, li, dd, figcaption, .entry-summary, .entry-content,
.elementor-page-main .elementor-widget-text-editor,
.elementor-page-main .elementor-widget-text-editor p,
.elementor-page-main .elementor-widget-text-editor li,
.elementor-page-main .elementor-icon-box-description {
  color: var(--reference-body);
}
a, .entry-content a, .widget a, .breadcrumb a,
.elementor-page-main .elementor-widget-text-editor a { color: var(--reference-red); }
.site-header .nav-menu > li > a,
.site-header .nav-menu .sub-menu a { color: #858994 !important; }
.site-header .nav-menu > li > a:hover,
.site-header .nav-menu .sub-menu a:hover { color: #252837 !important; }
.site-header .nav-menu > .menu-free > a { color: #5f6370 !important; }
.site-header .nav-menu > .menu-login > a { color: #fff !important; }
.tool-card, .tool-card h2, .tool-card h3, .tool-card h2 a, .tool-card h3 a,
.pdf-format-tool-card-v2 .elementor-icon-box-title,
.pdf-format-tool-card-v2 .elementor-icon-box-title a { color: var(--reference-heading) !important; }
.tool-card p, .pdf-format-tool-card-v2 .elementor-icon-box-description { color: var(--reference-muted) !important; }
.faq-q, .faq-q h2, .faq-q h3, .faq-q button,
.elementor-accordion .elementor-tab-title, .elementor-toggle .elementor-tab-title { color: var(--reference-heading) !important; }
.faq-a, .faq-a p, .faq-a li,
.elementor-accordion .elementor-tab-content, .elementor-toggle .elementor-tab-content { color: var(--reference-body) !important; }
label, legend, .search-form label, .comment-form label { color: var(--reference-heading); }
input[type=text], input[type=email], input[type=url], input[type=search], input[type=password], textarea, select,
.search-field { color: var(--reference-heading) !important; }
::placeholder { color: #9297a1; opacity: 1; }
.button, button, input[type=submit], .search-form button,
.wp-block-button__link, .elementor-button,
.elementor-page-main .elementor-button { color: #fff !important; }
.breadcrumb, .entry-meta, .reference-byline, .pdf-format-el-byline { color: #8d929d; }
/* The screenshots use blue only for blog archive card titles/pagination. */
.reference-post-card h2 a,
.pdf-format-el-blog-grid h2 a { color: var(--reference-blog-blue) !important; }
.reference-post-grid .page-numbers.current { color: #2183f0 !important; }
/* Sidebar follows the reference's teal headings and red links. */
.reference-sidebar h2 { color: var(--reference-sidebar-teal) !important; }
.reference-sidebar a, .reference-sidebar li a { color: #ff3047 !important; }
.reference-sidebar .sidebar-cta { color: #fff !important; }
.reference-sidebar .sidebar-topic > a { color: #687786 !important; }
/* White-on-color areas must not inherit Elementor heading/link defaults. */
.pdf-format-sample-cta h2,
.pdf-format-reviews-v2 h1, .pdf-format-reviews-v2 h2, .pdf-format-reviews-v2 h3,
.pdf-format-review-intro, .pdf-format-review-intro h3 { color: #fff !important; }
.reference-footer { color: #c7cad6; }
.reference-footer p, .reference-footer li, .reference-footer a { color: #c7cad6 !important; }
.reference-footer .logo, .reference-footer .logo span { color: #fff !important; }
.reference-footer .socials a { color: #e01e3c !important; }
.reference-footer .copyright { color: #8990a3 !important; }
.reference-footer a:hover { color: #fff !important; }

.reference-footer .logo .logo-badge { color:#181828 !important; }

/* ========================================================================== 
   Dedicated PDF Tool page — screenshot reference v2.2
   ========================================================================== */
.pdf-tool-reference-page,
.elementor-tool-page-main {
  background:#f5f7ff;
  color:#737985;
}
.pdf-tool-wide { width:100%; max-width:1170px; margin:0 auto; padding:0 12px; }
.pdf-tool-reference-hero {
  background:#f3f3f4 !important;
  padding:27px 0 36px;
}
.pdf-tool-elementor-hero { padding:28px 0 36px !important; }
.pdf-tool-reference-hero .pdf-tool-breadcrumb {
  margin:0 0 31px;
  color:#777c85;
  font-size:.72rem;
  line-height:1.4;
}
.pdf-tool-reference-hero .pdf-tool-breadcrumb a { color:#e62146 !important; }
.pdf-tool-reference-hero .pdf-tool-breadcrumb span { margin:0 5px; color:#a7abb2; }
.pdf-tool-reference-hero h1,
.pdf-tool-elementor-hero .elementor-widget-heading .elementor-heading-title {
  margin:0 0 22px !important;
  color:#333 !important;
  font-size:1.62rem !important;
  line-height:1.15 !important;
  font-weight:800 !important;
  letter-spacing:.35px;
  text-align:center;
  text-transform:uppercase;
}
.pdf-tool-reference-hero > .pdf-tool-wide > p,
.pdf-tool-elementor-hero .elementor-widget-text-editor p {
  max-width:760px;
  margin:0 auto 30px;
  color:#666b74 !important;
  font-size:.76rem;
  line-height:1.45;
  text-align:center;
}
.pdf-tool-elementor-hero .elementor-widget-html:first-child { margin-bottom:31px; }
.pdf-tool-elementor-hero .elementor-widget-heading { margin-bottom:22px !important; }
.pdf-tool-elementor-hero .elementor-widget-text-editor { margin-bottom:30px !important; }
.pdf-tool-runtime-reference,
.pdf-tool-runtime-widget > .elementor-widget-container {
  position:relative;
  width:100%;
  min-height:414px;
  margin:0;
  padding:34px;
  overflow:visible;
  border:0;
  border-radius:6px;
  background:#ef7c7c;
  box-shadow:none;
}
.pdf-tool-runtime-widget { width:100%; }
.pdf-tool-upload-placeholder {
  min-height:346px;
  border:4px dashed rgba(255,255,255,.96);
  border-radius:8px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:27px;
  text-align:center;
}
.pdf-tool-select-demo {
  min-width:530px;
  min-height:105px;
  border:0;
  border-radius:5px;
  background:#fff !important;
  color:#ef5f65 !important;
  font-size:1.02rem;
  font-weight:700;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:76px;
  padding:20px 50px 20px 22px;
}
.pdf-tool-select-demo span {
  width:52px;
  height:52px;
  border-radius:50%;
  background:#ef7c7c;
  color:#fff;
  font-size:2.2rem;
  font-weight:300;
  line-height:48px;
}
.pdf-tool-upload-placeholder > strong {
  color:#fff;
  font-size:.72rem;
  line-height:1.2;
  text-decoration:underline;
}
.pdf-tool-live-content { min-height:346px; width:100%; }
.pdf-tool-live-content > * { max-width:100%; }
.pdf-tool-actions-section { padding:0 !important; }
.pdf-tool-quick-actions {
  width:100%;
  max-width:960px;
  margin:0 auto;
  padding:21px 0 23px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  align-items:center;
  justify-items:center;
  background:#f5f7ff;
}
.pdf-tool-quick-actions a,
.pdf-tool-next-step a {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:47px;
  padding:10px 21px;
  border-radius:3px;
  background:#ef7075;
  color:#fff !important;
  font-size:.72rem;
  font-weight:700;
  box-shadow:0 1px 2px rgba(0,0,0,.1);
}
.pdf-tool-reference-body {
  width:100%;
  max-width:960px;
  margin:0 auto;
  padding:21px 0 0;
  background:#f5f7ff;
}
.pdf-tool-elementor-body { padding:0 !important; }
.pdf-tool-elementor-body > .elementor-container,
.pdf-tool-elementor-body .elementor-column,
.pdf-tool-elementor-body .elementor-widget-wrap,
.pdf-tool-elementor-body .elementor-widget-html,
.pdf-tool-elementor-body .elementor-widget-container { width:100%; }
.pdf-tool-reference-body h2 {
  color:#33343b !important;
  font-size:1.45rem;
  line-height:1.25;
  font-weight:800;
  letter-spacing:.2px;
}
.pdf-tool-reference-body h3 { color:#33343b !important; }
.pdf-tool-reference-body p,
.pdf-tool-reference-body li { color:#737985; font-size:.76rem; line-height:1.55; }
.pdf-tool-introduction { margin:0 0 30px; }
.pdf-tool-introduction h2 { margin:0 0 9px; }
.pdf-tool-introduction p { margin:0 0 8px; }
.pdf-tool-introduction a { color:#e62146; }
.pdf-tool-newsletter {
  min-height:365px;
  margin:0 0 64px;
  padding:28px 86px;
  display:grid;
  grid-template-columns:255px minmax(0,1fr);
  gap:28px;
  align-items:center;
  background:#e3e7f8;
}
.pdf-tool-newsletter-art {
  position:relative;
  width:235px;
  height:185px;
  border-radius:90px;
  background:#edf8ff;
}
.pdf-tool-newsletter-art:before {
  content:'';
  position:absolute;
  left:30px;
  bottom:20px;
  width:84px;
  height:118px;
  border:3px solid #9aa8bb;
  border-radius:3px;
  background:linear-gradient(#fff 0 35%,#edf0f5 35% 39%,#fff 39% 52%,#edf0f5 52% 56%,#fff 56%);
  transform:rotate(-3deg);
}
.pdf-tool-newsletter-art span {
  position:absolute;
  z-index:2;
  left:18px;
  bottom:95px;
  width:80px;
  height:28px;
  border-radius:3px;
  background:#ef7075;
  color:#fff;
  font-size:.85rem;
  font-weight:800;
  line-height:28px;
  text-align:center;
}
.pdf-tool-newsletter-art i {
  position:absolute;
  right:28px;
  top:46px;
  width:91px;
  height:64px;
  border:2px solid #d5b947;
  background:#fff7b8;
  color:#d5b947;
  font-style:normal;
  font-size:2.2rem;
  line-height:60px;
  text-align:center;
}
.pdf-tool-newsletter h2 { margin:0 0 5px; font-size:1.28rem; font-weight:400; color:#656b78 !important; }
.pdf-tool-newsletter p { margin:0 0 12px; color:#828793; }
.pdf-tool-newsletter form { display:grid; gap:9px; }
.pdf-tool-newsletter input[type=text],
.pdf-tool-newsletter input[type=email] { height:39px; border:0; border-radius:2px; padding:8px 12px; background:#fff; font-size:.74rem; }
.pdf-tool-newsletter label { display:flex; align-items:center; gap:7px; color:#818793; font-size:.65rem; }
.pdf-tool-newsletter label input { width:auto; }
.pdf-tool-newsletter button { justify-self:start; min-width:198px; height:40px; border:0; border-radius:2px; background:#ef7075; color:#fff; font-size:.7rem; }
.pdf-tool-feature-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:28px;
  margin:0 0 58px;
}
.pdf-tool-feature-grid article {
  position:relative;
  min-height:295px;
  padding:54px 17px 21px;
  background:#e7eaf5;
}
.pdf-tool-feature-grid article > span {
  position:absolute;
  right:12px;
  top:13px;
  color:#c4cad8;
  font-size:2.15rem;
  font-weight:300;
  line-height:1;
}
.pdf-tool-feature-grid h3 { max-width:87%; margin:0 0 15px; font-size:.88rem; line-height:1.35; font-weight:800; }
.pdf-tool-feature-grid p { margin:0; font-size:.7rem; line-height:1.55; }
.pdf-tool-copy-section { margin:0 0 68px; }
.pdf-tool-copy-section h2 { margin:0 0 13px; }
.pdf-tool-copy-section p { margin:0 0 10px; }
.pdf-tool-copy-section ol { margin:0; padding-left:28px; }
.pdf-tool-copy-section li { margin:0 0 7px; padding-left:5px; }
.pdf-tool-next-step { margin:0 0 64px; }
.pdf-tool-next-step h2 { margin:0 0 28px; }
.pdf-tool-next-step p { margin:0 0 26px; }
.pdf-tool-next-step a { display:flex; width:max-content; min-width:345px; margin:0 auto; }
.pdf-tool-alternatives { margin:0 0 68px; }
.pdf-tool-alternatives > h2,
.pdf-tool-faq > h2 { margin:0 0 22px; }
.pdf-tool-alternatives details,
.pdf-tool-faq details { border:1px solid #d5d8e0; background:#fff; }
.pdf-tool-alternatives details + details { margin-top:10px; }
.pdf-tool-alternatives summary,
.pdf-tool-faq summary {
  position:relative;
  cursor:pointer;
  list-style:none;
  background:#e8e8e8;
  color:#33343b;
  font-family:Georgia,serif;
  font-size:.73rem;
  font-weight:700;
  text-align:center;
  padding:12px 35px;
}
.pdf-tool-alternatives summary::-webkit-details-marker,
.pdf-tool-faq summary::-webkit-details-marker { display:none; }
.pdf-tool-alternatives summary:after,
.pdf-tool-faq summary:after { content:'⌃'; position:absolute; right:12px; color:#ef7075; font-family:Arial,sans-serif; }
.pdf-tool-alternatives details:not([open]) summary:after,
.pdf-tool-faq details:not([open]) summary:after { content:'⌄'; }
.pdf-tool-alternatives details > p,
.pdf-tool-alternatives details > ol { margin:13px 16px; }
.pdf-tool-alternatives details > ol { padding-left:21px; }
.pdf-tool-faq { margin:0 0 112px; }
.pdf-tool-faq > div { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 34px; align-items:start; }
.pdf-tool-faq details { height:100%; }
.pdf-tool-faq summary { min-height:50px; display:flex; align-items:center; justify-content:center; padding:9px 30px 9px 14px; }
.pdf-tool-faq details p { margin:15px 14px 20px; font-family:Georgia,serif; font-size:.7rem; line-height:1.62; }
.pdf-tool-rating { display:flex; justify-content:center; align-items:center; gap:18px; margin:0 0 114px; color:#727782; font-size:.7rem; }
.pdf-tool-rating b { color:#f5b400; font-size:1.2rem; letter-spacing:3px; }
.pdf-tool-rating small { font-size:.7rem; }
.pdf-tool-directory { margin:0; padding:0 0 108px; }
.pdf-tool-directory > h2 { margin:0 0 45px; text-align:center; font-size:1.75rem; }
.pdf-tool-directory > div { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:45px; }
.pdf-tool-directory section h3 { margin:0 0 25px; text-align:center; color:#666b74 !important; font-size:.72rem; font-weight:500; }
.pdf-tool-directory ul { list-style:none; margin:0; padding:0; }
.pdf-tool-directory li { display:grid; grid-template-columns:16px 1fr; gap:7px; align-items:center; margin:0 0 13px; font-size:.72rem; }
.pdf-tool-directory li span { color:#8796a6; }
.pdf-tool-directory a { color:#e62146 !important; }

@media(max-width:900px) {
  .pdf-tool-reference-hero { padding:24px 0 30px; }
  .pdf-tool-reference-hero .pdf-tool-breadcrumb { margin-bottom:23px; }
  .pdf-tool-runtime-reference,
  .pdf-tool-runtime-widget > .elementor-widget-container { min-height:330px; padding:24px; }
  .pdf-tool-upload-placeholder { min-height:282px; }
  .pdf-tool-select-demo { min-width:min(530px,78vw); gap:40px; }
  .pdf-tool-reference-body { padding-left:20px; padding-right:20px; }
  .pdf-tool-newsletter { padding:28px 40px; grid-template-columns:210px minmax(0,1fr); }
  .pdf-tool-newsletter-art { transform:scale(.85); transform-origin:center; }
  .pdf-tool-feature-grid { gap:16px; }
}
@media(max-width:640px) {
  .pdf-tool-reference-hero h1,
  .pdf-tool-elementor-hero .elementor-widget-heading .elementor-heading-title { font-size:1.35rem !important; }
  .pdf-tool-runtime-reference,
  .pdf-tool-runtime-widget > .elementor-widget-container { min-height:270px; padding:14px; border-radius:4px; }
  .pdf-tool-upload-placeholder { min-height:242px; gap:20px; border-width:3px; }
  .pdf-tool-select-demo { min-width:0; width:86%; min-height:82px; gap:20px; padding:15px; font-size:.9rem; }
  .pdf-tool-select-demo span { width:42px; height:42px; font-size:1.8rem; line-height:39px; }
  .pdf-tool-quick-actions { grid-template-columns:1fr; gap:10px; padding:18px 20px; }
  .pdf-tool-quick-actions a { width:100%; max-width:270px; }
  .pdf-tool-reference-body { padding-top:17px; }
  .pdf-tool-reference-body h2 { font-size:1.22rem; }
  .pdf-tool-newsletter { grid-template-columns:1fr; padding:28px 24px; text-align:center; }
  .pdf-tool-newsletter-art { margin:0 auto; }
  .pdf-tool-newsletter form { text-align:left; }
  .pdf-tool-newsletter button { justify-self:center; }
  .pdf-tool-feature-grid { grid-template-columns:1fr; }
  .pdf-tool-feature-grid article { min-height:0; padding-top:46px; }
  .pdf-tool-next-step a { min-width:0; width:100%; text-align:center; }
  .pdf-tool-faq > div { grid-template-columns:1fr; }
  .pdf-tool-faq { margin-bottom:75px; }
  .pdf-tool-rating { flex-wrap:wrap; gap:10px; margin-bottom:80px; }
  .pdf-tool-directory > h2 { font-size:1.4rem; }
  .pdf-tool-directory > div { grid-template-columns:repeat(2,minmax(0,1fr)); gap:38px 22px; }
}

/* Mobile alignment correction — v2.2.1 */
@media (max-width: 767px) {
  /* Keep card copy unchanged while placing every homepage tool icon on its own centered row. */
  .pdf-format-tool-card-v2 .elementor-icon-box-wrapper {
    display:block !important;
    text-align:left !important;
  }
  .pdf-format-tool-card-v2 .elementor-icon-box-icon {
    display:flex !important;
    width:max-content;
    margin:0 auto 14px !important;
    justify-content:center;
  }
  .pdf-format-tool-card-v2 .elementor-icon-box-content {
    width:100%;
    text-align:left;
  }
}
@media (max-width: 900px) {
  /* The hamburger is the first control at the left edge; the logo follows it. */
  .site-header .nav {
    justify-content:flex-start;
  }
  .site-header .nav-toggle {
    order:-1;
    flex:0 0 42px;
    margin:0 12px 0 0;
  }
  .site-header .primary-navigation {
    margin-left:0;
  }
}

/* Mobile tool-title centering — v2.2.2 */
@media (max-width: 767px) {
  .pdf-format-tool-card-v2 .elementor-icon-box-title,
  .pdf-format-tool-card-v2 .elementor-icon-box-title a {
    width:100%;
    text-align:center !important;
  }
}

/* Dynamic Blog grid — v2.3.0 */
.pdf-format-dynamic-blog-grid .media { overflow:hidden; }
.pdf-format-dynamic-blog-grid .media img { width:100%; height:100%; object-fit:cover; }
.pdf-format-blog-pagination { display:flex; justify-content:center; flex-wrap:wrap; gap:8px; margin:34px 0 0; }
.pdf-format-blog-pagination .page-numbers { padding:8px 12px; border:1px solid #dfe3ed; border-radius:4px; color:#e62146; background:#fff; }
.pdf-format-blog-pagination .current { border-color:#e62146; background:#e62146; color:#fff; }
.pdf-format-blog-empty { padding:35px; background:#fff; border:1px solid #e9eaf0; border-radius:8px; }

/* Manual-language Elementor blueprints — v2.4.0 */
.pdf-format-language-sample-hero h1 { color:#30313a !important; font-size:2rem !important; font-weight:800 !important; }
.pdf-format-language-sample-hero .elementor-widget-text-editor { max-width:780px; margin:0 auto; color:#737985; font-size:.96rem; line-height:1.65; }
.pdf-format-language-sample-title h2 { color:#30313a !important; font-size:1.65rem !important; font-weight:800 !important; }
.pdf-format-language-sample-cards .pdf-format-info-card-v2>.elementor-widget-wrap { min-height:230px; }
.pdf-format-language-sample-cards h3 { max-width:100%; font-size:.95rem !important; }
.pdf-format-language-guide { padding:28px 32px; border-left:4px solid #e62146; background:#e7eaf5; }
.pdf-format-language-guide p { margin:0 0 14px; color:#565c67; line-height:1.65; }
.pdf-format-language-guide p:last-child { margin-bottom:0; }
.language-rtl, .language-rtl .elementor-widget-text-editor, .language-ar .elementor-heading-title, .pdf-format-language-guide[dir=rtl] { direction:rtl; text-align:right; }
@media(max-width:767px){.pdf-format-language-sample-cards>.elementor-container{display:block}.pdf-format-language-sample-cards>.elementor-container>.elementor-column{width:100%!important;margin-bottom:16px}.pdf-format-language-guide{padding:22px 20px}}

/* Complete independent multilingual sites — v2.5.0 */
.pdf-format-language-page-copy { max-width:850px; color:#737985; font-size:.95rem; line-height:1.7; }
.pdf-format-language-page-copy p { margin:0 0 18px; }
.rtl-language, .rtl-language .elementor-widget-text-editor, .rtl-language .elementor-heading-title,
.language-rtl, .language-rtl .elementor-widget-text-editor, .language-rtl .elementor-heading-title { direction:rtl; }
.rtl-language .nav-menu, .rtl-language .reference-footer .footer-grid { direction:rtl; }
.rtl-language .pdf-format-tool-card-v2 .elementor-icon-box-wrapper { direction:rtl; text-align:right !important; }
.rtl-language .pdf-format-tool-card-v2 .elementor-icon-box-content { text-align:right; }
@media(max-width:767px){.rtl-language .pdf-format-tool-card-v2 .elementor-icon-box-title,.rtl-language .pdf-format-tool-card-v2 .elementor-icon-box-title a{text-align:center!important}}


/* ========================================================================== 
   Header language selector — v2.5.2
   ========================================================================== */
.site-header .header-language {
  display: flex !important;
  align-items: center;
  position: relative;
  margin: 0 0 0 18px;
  flex: 0 0 auto;
}
.site-header .language-selector { position: relative; }
.site-header .language-toggle {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #606677 !important;
  font-size: .82rem;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
}
.site-header .language-toggle:hover,
.site-header .language-toggle[aria-expanded="true"] { background: #f6f7fa; color: #252837 !important; }
.site-header .language-toggle:focus-visible {
  outline: 2px solid #2783de;
  outline-offset: 2px;
}
.site-header .language-toggle:before { content: none !important; display: none !important; }
.site-header .language-current { max-width: 110px; overflow: hidden; text-overflow: ellipsis; }
.site-header .language-caret { color: #778097; font-size: 1rem; transform: translateY(-1px); }
.site-header .language-flag { width: 20px; height: 14px; object-fit: cover; border-radius: 1px; box-shadow: 0 0 0 1px rgba(0,0,0,.08); }
.site-header .language-menu {
  top: calc(100% + 8px);
  right: 0;
  left: auto;
  min-width: 176px;
  margin: 0;
  padding: 8px;
  border: 1px solid #e6e7eb;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(30,34,55,.12);
}
.site-header .language-menu a {
  min-height: 44px;
  padding: 10px;
  gap: 10px;
  color: #606677 !important;
  font-size: .86rem;
  font-weight: 500;
}
.site-header .language-menu a:hover,
.site-header .language-menu a:focus-visible,
.site-header .language-menu a[aria-current="page"] { background: #f5f7fb; color: #252837 !important; }
.site-header .language-menu a:focus-visible { outline: 2px solid #2783de; outline-offset: -2px; }
@media (max-width: 1024px) {
  .site-header .header-language { margin-left: 10px; }
  .site-header .language-toggle { padding-left: 8px; padding-right: 8px; }
}
@media (max-width: 900px) {
  .site-header .nav { justify-content: flex-start; gap: 8px; }
  .site-header .header-language { margin-left: auto; margin-right: 0; }
  .site-header .nav-toggle { flex: 0 0 44px; padding: 10px; }
}
@media (max-width: 520px) {
  .site-header .language-toggle { gap: 6px; }
  .site-header .language-current { max-width: 74px; }
  .site-header .language-menu { position: fixed; top: 62px; right: 12px; left: auto; min-width: 190px; }
}


/* ========================================================================== 
   Mobile centered branding and guaranteed language flags — v2.5.3
   ========================================================================== */
.site-header .language-flag-emoji {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:22px;
  height:16px;
  font-size:17px;
  line-height:1;
  box-shadow:none;
}
@media (max-width: 900px) {
  .site-header .nav { position:relative; }
  .site-header .nav > .logo,
  .site-header .nav > .custom-logo-link {
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    margin:0;
    z-index:2;
  }
  .site-header .header-language { margin-left:auto; z-index:3; }
  .site-header .nav-toggle { z-index:3; }
  .reference-footer .foot-brand {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
  }
  .reference-footer .foot-brand .logo,
  .reference-footer .foot-brand .custom-logo-link { margin-left:auto; margin-right:auto; }
  .reference-footer .socials { justify-content:center; }
  .reference-footer .copyright { text-align:center !important; }
}
@media (max-width: 420px) {
  .site-header .nav > .logo { font-size:1.08rem; }
  .site-header .nav > .custom-logo-link .custom-logo { max-width:118px; }
  .site-header .language-current { max-width:58px; }
}