/* PDFConverterOnline.com — converter & tools styles shared by the tool pages (the homepage inlines the same rules). */
/* ============ In-browser converter ============ */
.conv{margin-top:1.6rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:clip}
.conv-tools{display:flex;flex-wrap:wrap;gap:.4rem;padding:.9rem 1.1rem;border-bottom:1px solid var(--line);background:var(--surface-2)}
.conv-tab{all:unset;cursor:pointer;font:inherit;font-size:.9rem;font-weight:700;color:var(--ink-2);border:1px solid var(--line);border-radius:999px;padding:.4rem .9rem;background:var(--surface);transition:color .15s,border-color .15s,background .15s}
.conv-tab:hover{color:var(--ink);border-color:var(--ink-2)}
.conv-tab[aria-selected="true"]{background:var(--free);color:#fff;color:light-dark(#fff,#06261c);border-color:var(--free)}
.conv-tab:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.conv-panel{padding:1.2rem 1.1rem 1.3rem;display:grid;gap:1rem}
.conv-hint{margin:0;color:var(--ink-2);font-size:.95rem}
.conv-drop{position:relative;display:grid;place-items:center;gap:.2rem;text-align:center;padding:2rem 1rem;border:2px dashed var(--line-2);border-radius:14px;background:var(--bg);cursor:pointer;transition:border-color .15s,background .15s}
.conv-drop:hover,.conv-drop.is-over{border-color:var(--free);background:var(--free-soft)}
.conv-drop:focus-within{outline:3px solid var(--accent);outline-offset:2px}
.conv-drop input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.conv-drop-icon{width:34px;height:34px;color:var(--free)}
.conv-drop-text{font-size:1rem;color:var(--ink)}
.conv-drop-sub{font-size:.82rem;color:var(--ink-2)}
.conv-files{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}
.conv-files:empty{display:none}
.conv-file{display:flex;align-items:center;gap:.5rem;font-size:.9rem;padding:.45rem .7rem;border:1px solid var(--line);border-radius:10px;background:var(--bg)}
.conv-file .name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;color:var(--ink)}
.conv-file .size{color:var(--ink-2);font-size:.8rem;white-space:nowrap}
.conv-file button{all:unset;cursor:pointer;width:28px;height:28px;display:grid;place-items:center;border-radius:8px;color:var(--ink-2);font-size:.95rem;font-weight:700}
.conv-file button:hover{background:var(--surface-2);color:var(--ink)}
.conv-file button:focus-visible{outline:2px solid var(--accent)}
.conv-file button[disabled]{opacity:.3;cursor:default}
.conv-options{display:flex;flex-wrap:wrap;gap:.8rem 1.4rem;font-size:.92rem;align-items:flex-end}
.conv-options:empty{display:none}
.conv-options label{display:flex;flex-direction:column;gap:.3rem;color:var(--ink-2);font-weight:700;font-size:.8rem;letter-spacing:.02em}
.conv-options label[hidden]{display:none}
.conv-options label.wide{flex:1 1 100%}
.conv-options label.wide input[type="text"]{max-width:560px}
.opt-pw{display:flex;gap:.4rem;align-items:center;max-width:420px}
.opt-pw input{flex:1;font:inherit;font-size:.95rem;color:var(--ink);background:var(--bg);border:1px solid var(--line-2);border-radius:10px;padding:.45rem .6rem}
.opt-eye{all:unset;cursor:pointer;font-size:.8rem;font-weight:700;color:var(--ink-2);padding:.35rem .6rem;border:1px solid var(--line);border-radius:8px}
.opt-eye:hover{color:var(--ink)} .opt-eye:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.sig{flex:1 1 100%;display:grid;gap:.6rem}
.sig-pad{width:100%;max-width:600px;height:auto;aspect-ratio:3/1;border:2px dashed var(--line-2);border-radius:12px;background:#fff;touch-action:none;cursor:crosshair}
.sig-pad:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.sig-typed{font:inherit;font-size:1.3rem;font-style:italic;max-width:600px;color:var(--ink);background:var(--bg);border:1px solid var(--line-2);border-radius:10px;padding:.5rem .7rem}
.sig-row{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem}
.sig-note{margin:0;font-size:.82rem;font-weight:500;letter-spacing:0;color:var(--ink-2)}
.conv-options select,.conv-options input[type="text"]{font:inherit;font-size:.95rem;font-weight:500;letter-spacing:0;color:var(--ink);background:var(--bg);border:1px solid var(--line-2);border-radius:10px;padding:.45rem .6rem;min-width:11rem}
.conv-options .opt-group{display:flex;flex-wrap:wrap;gap:.4rem 1rem}
.conv-options label.radio{flex-direction:row;align-items:center;gap:.4rem;font-size:.92rem;font-weight:600;letter-spacing:0;color:var(--ink)}
.conv-options input[type="radio"]{accent-color:var(--free);width:16px;height:16px;margin:0}
.conv-actions{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}
.conv-actions .btn{cursor:pointer;font-family:inherit}
.conv-actions .btn[disabled]{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}
.conv-actions .btn-primary{background:var(--free);color:#fff;color:light-dark(#fff,#06261c)}
.conv-actions .btn-primary:not([disabled]):hover{background:#0a6a4e;background:light-dark(#0a6a4e,#6fe3bd)}
.conv-status{min-height:1.4em;font-size:.92rem;color:var(--ink-2)}
.conv-status.is-error{color:var(--accent);font-weight:600}
.conv-status .bar{display:block;height:6px;border-radius:999px;background:var(--surface-2);overflow:hidden;margin-top:.5rem;max-width:520px}
.conv-status .bar i{display:block;height:100%;background:var(--free);width:0;transition:width .25s}
.conv-links{margin:1.2rem 0 0;padding:1rem 1.25rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
.conv-links ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:.4rem .5rem}
.conv-links a{display:inline-block;font-size:.88rem;font-weight:600;padding:.35rem .7rem;border:1px solid var(--line);border-radius:999px;color:var(--ink-2);background:var(--bg)}
.conv-links a:hover{color:var(--free);border-color:var(--free);text-decoration:none}
.conv-support{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem 1rem;margin:0;padding:.85rem 1.1rem;border-top:1px solid var(--line);background:var(--surface-2);font-size:.9rem;color:var(--ink-2)}
.conv-support-text{flex:1 1 320px}
.btn-coffee{background:var(--gold-soft);color:var(--gold);border:1px solid color-mix(in srgb,var(--gold) 45%,transparent);font-weight:800;white-space:nowrap}
.btn-coffee:hover{background:var(--gold);color:#fff;color:light-dark(#fff,#1b1200);text-decoration:none}
.conv-result.is-all{border-style:dashed}
.conv-shelf{border:1px dashed var(--line-2);border-radius:12px;padding:.5rem .9rem;background:var(--bg)}
.conv-shelf[hidden]{display:none}
.conv-shelf summary{cursor:pointer;font-weight:700;font-size:.9rem;color:var(--ink-2)}
.conv-shelf-note{margin:.4rem 0 .6rem;font-size:.8rem;color:var(--ink-2)}
.conv-shelf-list{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}
.conv-shelf .conv-file{flex-wrap:wrap}
.conv-options textarea{font:inherit;font-size:.95rem;color:var(--ink);background:var(--bg);border:1px solid var(--line-2);border-radius:10px;padding:.5rem .7rem;width:100%;max-width:640px;resize:vertical}
.conv-options input[type="number"]{font:inherit;font-size:.95rem;color:var(--ink);background:var(--bg);border:1px solid var(--line-2);border-radius:10px;padding:.45rem .6rem;width:9rem}
.conv-results{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.conv-results:empty{display:none}
.conv-result{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;padding:.65rem .9rem;border:1px solid color-mix(in srgb,var(--free) 40%,transparent);border-radius:12px;background:var(--free-soft)}
.conv-result.is-minor{background:var(--bg);border-color:var(--line)}
.conv-result.is-warn{border-color:color-mix(in srgb,var(--gold) 50%,transparent);background:var(--gold-soft)}
.conv-result .name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;color:var(--ink)}
.conv-result .size{color:var(--ink-2);font-size:.82rem}
.conv-result img{width:44px;height:44px;object-fit:cover;border-radius:6px;border:1px solid var(--line);background:#fff}
.conv-result .dl{display:inline-flex;align-items:center;gap:.35rem;font-size:.9rem;font-weight:700;color:#fff;color:light-dark(#fff,#06261c);background:var(--free);border-radius:10px;padding:.42rem .85rem}
.conv-result .dl:hover{background:#0a6a4e;background:light-dark(#0a6a4e,#6fe3bd);text-decoration:none}
.conv-result .dl svg{width:14px;height:14px}
.conv-foot{margin:0;padding:.85rem 1.1rem;border-top:1px solid var(--line);font-size:.85rem;color:var(--ink-2)}
.conv-foot b{color:var(--ink)}
.conv-feats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:.6rem;margin:1.4rem 0 0;padding:0;list-style:none}
.conv-feats li{font-size:.9rem;color:var(--ink-2);padding:.6rem .8rem;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.conv-feats b{display:block;color:var(--ink);font-size:.95rem}
.conv-mobile-bar{display:none;padding:.75rem .9rem;border-bottom:1px solid var(--line);background:var(--surface-2);gap:.6rem;flex-direction:column}
.conv-picker{font:inherit;font-size:16px;font-weight:700;color:var(--ink);background:var(--surface);border:1px solid var(--line-2);border-radius:12px;padding:.7rem .9rem;width:100%;appearance:auto}
.conv-recent{display:flex;flex-wrap:nowrap;gap:.4rem;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:2px}
.conv-recent::-webkit-scrollbar{display:none}
.conv-recent-label{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-2);align-self:center;white-space:nowrap}
.conv-recent .conv-tab{white-space:nowrap;font-size:.85rem;padding:.35rem .75rem}
.conv-cam{display:inline-flex;align-items:center;gap:.4rem;justify-self:start;cursor:pointer;font-family:inherit}
.conv-cam svg{width:18px;height:18px}
.conv-cam[hidden]{display:none}
.conv-result-extra{display:flex;gap:.4rem;flex-basis:100%}
.btn-mini{all:unset;cursor:pointer;font:inherit;font-size:.8rem;font-weight:700;color:var(--ink-2);padding:.3rem .65rem;border:1px solid var(--line);border-radius:999px;background:var(--surface)}
.btn-mini:hover{color:var(--ink);border-color:var(--ink-2)} .btn-mini:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.conv-install{margin-left:auto;cursor:pointer;font-family:inherit}
.conv-install[hidden]{display:none}
@media (hover:none) and (pointer:coarse){.conv-cam{display:inline-flex}}
@media (min-width:721px){.conv-cam{display:none!important}}
@media (max-width:720px){
  .conv-tools,.conv-tools.is-grouped{display:none}
  .conv-mobile-bar{display:flex}
  .conv-options select,.conv-options input[type="text"],.opt-pw input,.sig-typed{font-size:16px} /* stops iOS zooming into fields */
  .conv-actions{position:sticky;bottom:0;z-index:2;margin:0 -.9rem;padding:.7rem .9rem calc(.7rem + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(8px);border-top:1px solid var(--line)}
  .conv-actions .btn-primary{flex:1 1 auto;text-align:center;padding:.85rem 1rem;font-size:1.05rem}
  .conv-drop{padding:1.5rem .9rem}
  .conv-result .dl{flex:1 1 auto;text-align:center}
  .conv-support{flex-direction:column;align-items:stretch;text-align:center}
  .conv-support-text{flex-basis:auto}
  .conv-result .name{white-space:normal;overflow-wrap:anywhere}
  .conv-install{margin-left:0}
}
@media (max-width:640px){.conv-panel{padding:1rem .9rem}.conv-tools{padding:.75rem .9rem}}

/* ============ Motion & print ============ */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
}
@media print{
  .site-header,.hero-ctas,.theme-toggle,.visit,.jump{display:none!important}
  body{background:#fff;color:#000}
  .tool,.panel,details{box-shadow:none;break-inside:avoid}
  details{border:1px solid #ccc}
  details:not([open]) .faq-a{display:block}
}
@media (max-width:640px){
  .site-nav{display:none}
  .header-inner{justify-content:space-between}
}

/* ============ Tool landing pages ============ */
.tool-page .lede{margin:.2rem 0 1.2rem}
.tool-page .conv{margin-top:.4rem}
.tool-page .conv-tools[hidden]{display:none}
.tool-page h2{margin-top:2.4rem}
.tool-page .steps li b{display:inline;margin-right:.3rem}
.related-tools{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
.related-tools a{display:inline-block;font-size:.92rem;font-weight:600;padding:.45rem .85rem;border:1px solid var(--line);border-radius:999px;color:var(--ink-2);background:var(--surface)}
.related-tools a:hover{color:var(--accent);border-color:var(--accent);text-decoration:none}
.tool-index{list-style:none;margin:0 0 1rem;padding:0;display:grid;gap:.5rem}
.tool-index li{padding:.6rem .9rem;border:1px solid var(--line);border-radius:12px;background:var(--surface);font-size:.95rem;color:var(--ink-2)}
.tool-index li a{font-weight:700}

/* ---- trust & polish (Oct 2026) ---- */
.conv-receipt{display:flex;align-items:center;gap:.5rem;margin:0;padding:.55rem .8rem;border-radius:10px;background:var(--free-soft);color:var(--free);font-size:.85rem;font-weight:600;font-variant-numeric:tabular-nums}
.conv-receipt .ok{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--free);color:#fff;color:light-dark(#fff,#06261c);font-size:.75rem;font-weight:900}
.engines{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .8rem;margin:.9rem 0 0;font-size:.8rem;color:var(--ink-2)}
.engines span{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .65rem;border:1px solid var(--line);border-radius:999px;background:var(--surface)}
.engines b{color:var(--ink)}
.btn-coffee{background:var(--surface);color:var(--ink);border:1px solid var(--line-2);font-weight:700}
.btn-coffee:hover{border-color:var(--ink-2);background:var(--surface-2);color:var(--ink);text-decoration:none}
h1,h2,h3{letter-spacing:-.02em}
.hero-facts{font-variant-numeric:tabular-nums}

.conv-nudge{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:0;padding:.7rem .9rem;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);font-size:.88rem;color:var(--ink-2)}
.conv-nudge span{flex:1 1 320px}