.pdf-main{max-width:1080px;margin:auto;padding:0 24px}.pdf-hero{padding-bottom:32px}.pdf-hero h1{font-size:42px}.pdf-tool-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:20px}.pdf-tool-tabs :is(button,a){display:flex;flex-direction:column;align-items:flex-start;text-align:left;background:#fff;border:1px solid #e1e5dc;border-radius:14px;padding:18px;cursor:pointer;color:#344637;transition:border-color .2s,background .2s}.pdf-tool-tabs :is(button,a):hover{border-color:#93ac75}.pdf-tool-tabs :is(button,a).selected{background:#f0f7e5;border-color:#7f9f5d;box-shadow:0 0 0 1px #7f9f5d}.pdf-tool-tabs strong{font-size:14px;margin-top:12px}.pdf-tool-tabs small{font-size:10px;color:#84917a;margin-top:5px}.pdf-tool-mark{height:42px;min-width:42px;display:flex;align-items:center;justify-content:center;gap:3px;border-radius:10px;background:#e0edce;font-size:23px;font-weight:600}.pdf-tool-mark:has(span){font-size:10px;padding:0 8px}.pdf-tool-mark span{font-size:16px}.pdf-tool-mark.peach{background:#f8e7dc;color:#b77e58}.pdf-tool-mark.blue{background:#e5edf5;color:#68879c}.pdf-tool-mark.purple{background:#eee7f6;color:#8f72a8}.pdf-tool-mark.yellow{background:#f4eed9;color:#a49753}.pdf-workspace{background:#fff;border:1px solid #e0e5da;border-radius:22px;padding:32px 42px;box-shadow:0 14px 45px #34463706;max-width:850px;margin:auto}.pdf-workspace-top{display:flex;justify-content:space-between;gap:20px;align-items:center}.pdf-workspace-top h2{font-size:24px;margin:7px 0}.pdf-workspace-top p{font-size:12px;color:#7e8b73;margin:0;line-height:1.8}.pdf-workspace .steps{margin:24px 0}.pdf-dropzone{border:1.5px dashed #cbdcb8;border-radius:14px;min-height:280px;background:#fbfcf9;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:30px;text-align:center}.pdf-dropzone.dragging{background:#edf7df;border-color:#708e4f}.pdf-upload-symbol{font-size:35px;color:#6e8b4a;background:#eaf3df;border:1px solid #d9e6ca;border-radius:15px;width:65px;height:65px;margin-bottom:16px}.pdf-dropzone h3{font-size:17px;margin:0 0 8px}.pdf-dropzone p{font-size:12px;color:#8a9581;margin:0 0 20px}.pdf-dropzone small{font-size:10px;margin-top:16px;color:#8a9581;line-height:1.8}.pdf-files-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:8px 0 12px}.pdf-files-heading strong{font-size:13px}.pdf-files-heading>div{display:flex;gap:12px}.pdf-file-list{list-style:none;padding:0;margin:0;display:grid;gap:8px;max-height:365px;overflow:auto}.pdf-file-list li{display:flex;gap:12px;align-items:center;padding:11px;border:1px solid #e3e8de;border-radius:10px;background:#fafbf8}.pdf-file-thumb{width:44px;height:50px;object-fit:contain;border-radius:5px;background:#edf2e7;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:10px;color:#72865f;font-weight:700}.pdf-file-name{flex:1;min-width:0}.pdf-file-name strong{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdf-file-name small{display:block;color:#8a9580;font-size:10px;margin-top:4px}.pdf-file-actions{display:flex;gap:4px}.pdf-file-actions button{width:30px;min-height:32px;border:1px solid #dfe5d7;background:#fff;border-radius:6px;color:#6f825c;cursor:pointer}.pdf-file-actions button:disabled{opacity:.3;cursor:default}.pdf-workspace label{font-size:12px;font-weight:600;display:block;margin:16px 0 8px}.pdf-workspace input[type=text],.pdf-workspace select{width:100%;min-height:44px;border:1px solid #dce4d3;border-radius:8px;background:#fff;color:#3c5130;font:inherit;font-size:12px;padding:10px 12px}.pdf-option-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.pdf-option-grid:has(#pdf-dpi){grid-template-columns:repeat(2,minmax(0,1fr))}.pdf-workspace .option-note{font-size:11px;line-height:1.8;color:#829273;margin:10px 0 18px}.pdf-workspace #pdf-convert{margin-top:24px}.pdf-warning{background:#fff6e9;border:1px solid #f0d6b3;border-radius:9px;padding:12px 15px;font-size:11px;line-height:1.8;color:#92662c;margin:14px 0}.pdf-warning strong{display:block}.pdf-result{text-align:center;padding:22px 0}.pdf-success{display:inline-flex;border-radius:50%;background:#edf7dc;color:#7f9c50;width:45px;height:45px;align-items:center;justify-content:center;font-size:22px}.pdf-result h3{font-size:23px;margin:14px 0 10px}.pdf-result>p{font-size:12px;color:#83916f}.pdf-result #pdf-result-note{max-width:530px;margin:12px auto 24px}.pdf-result .text-button{margin-top:20px}.pdf-help{max-width:850px;margin:36px auto;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.pdf-help article{padding:0 15px}.pdf-help article>span{color:#91a775;font-size:11px}.pdf-help h3{font-size:15px;margin:10px 0}.pdf-help p{font-size:12px;color:#89957e;line-height:1.8;margin:0}button:disabled{cursor:wait}.pdf-workspace .message{margin-top:16px}#pdf-progress-panel{margin-top:20px}#pdf-editor.busy{opacity:.5}.pdf-nav-link{display:block;margin:15px 0 0;padding:13px;border:1px solid #cbd9b7;border-radius:10px;font-size:12px;font-weight:600;background:#edf5e2;color:#516c38;text-align:center;text-decoration:none}
@media(max-width:760px){.pdf-main{padding:0 18px}.pdf-hero h1{font-size:29px}.pdf-tool-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pdf-tool-tabs :is(button,a){padding:13px;display:grid;grid-template-columns:40px 1fr;column-gap:10px;align-items:center}.pdf-tool-tabs :is(button,a):last-child{grid-column:span 2}.pdf-tool-mark{grid-row:span 2;min-width:36px;height:38px}.pdf-tool-tabs strong{font-size:12px;margin:0}.pdf-tool-tabs small{font-size:9px;margin-top:3px}.pdf-tool-mark:has(span){font-size:8px;padding:0 3px;gap:1px}.pdf-workspace{padding:22px 18px;border-radius:16px}.pdf-workspace-top h2{font-size:20px}.pdf-workspace-top p{font-size:11px}.pdf-workspace .format-badge{display:none}.pdf-option-grid{gap:9px}.pdf-workspace select{font-size:11px;padding:9px 7px}.pdf-workspace label{font-size:11px}.pdf-help{gap:12px}.pdf-help article{padding:0 3px}.pdf-help h3{font-size:12px}.pdf-help p{font-size:10px}.pdf-file-list li{padding:8px;gap:7px}.pdf-file-actions button{width:27px}.pdf-file-thumb{width:32px;height:40px}.pdf-files-heading .text-button{font-size:10px}.pdf-dropzone{padding:22px 12px}.pdf-dropzone small{font-size:9px}}

/* Let content wrap inside each track instead of overflowing fixed mobile widths. */
.pdf-hero h1 { word-break: keep-all; text-wrap: balance; }
.pdf-tool-tabs :is(button,a),
.pdf-tool-tabs strong,
.pdf-tool-tabs small,
.pdf-workspace-top > div,
.pdf-option-grid > div { min-width: 0; }
.pdf-tool-tabs strong,
.pdf-tool-tabs small { max-width: 100%; white-space: normal; word-break: keep-all; overflow-wrap: anywhere; }
.pdf-tool-mark { flex-shrink: 0; width: 44px; min-width: 44px; height: 46px; }
.pdf-tool-mark:has(span) {
  flex-direction: column;
  padding: 4px;
  gap: 1px;
  font-size: 9px;
  line-height: 1;
  white-space: nowrap;
}
.pdf-tool-mark span { font-size: 11px; line-height: 1; }
.pdf-files-heading,
.pdf-files-heading > div { flex-wrap: wrap; }
.pdf-workspace .primary { max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
.pdf-workspace select,
.pdf-workspace input { min-width: 0; max-width: 100%; }
@media (min-width: 761px) and (max-width: 900px) {
  .pdf-tool-tabs { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .pdf-tool-tabs :is(button,a) { grid-template-columns: 44px minmax(0, 1fr); }
}
@media (max-width: 520px) {
  .pdf-option-grid,
  .pdf-option-grid:has(#pdf-dpi) { grid-template-columns: minmax(0, 1fr); gap: 0; }
}
@media (max-width: 420px) {
  .pdf-tool-tabs { grid-template-columns: minmax(0, 1fr); }
  .pdf-tool-tabs :is(button,a) { padding: 12px 16px; column-gap: 14px; }
  .pdf-tool-tabs :is(button,a):last-child { grid-column: auto; }
  .pdf-tool-tabs strong { font-size: 13px; }
  .pdf-tool-tabs small { font-size: 11px; }
  .pdf-workspace .steps { gap: 6px; }
  .pdf-workspace .steps span { gap: 4px; }
  .pdf-workspace .steps b { flex-shrink: 0; }
  .pdf-workspace .steps i { width: auto; min-width: 4px; max-width: 18px; flex: 1; }
  .pdf-help { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .pdf-help h3 { font-size: 14px; }
  .pdf-help p { font-size: 12px; }
}

/* Keep the return path visible on desktop and narrow screens. */
.site-header nav { align-items: center; }
.site-header nav a.pdf-back-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  padding: 8px 10px;
  border: 1px solid #d8e3ce;
  border-radius: 8px;
  background: #edf5e2;
  color: #3e5d30;
  font-weight: 600;
}
@media (max-width: 420px) {
  .site-header { padding: 0 16px; gap: 10px; }
  .site-header .brand { flex-shrink: 0; }
  .site-header nav { gap: 10px; font-size: 11px; }
  .site-header nav a.pdf-back-link { padding: 8px; }
}

/* Six PDF tools and an accessible crop editor. */
@media (min-width: 761px) { .pdf-tool-tabs { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 760px) { .pdf-tool-tabs :is(button,a):last-child { grid-column: auto; } }
.pdf-crop-toolbar { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.pdf-crop-toolbar label { margin-top: 12px; }
.pdf-crop-pagination { display: flex; align-items: center; gap: 8px; font-size: 11px; color: #738262; }
.pdf-crop-pagination button { border: 1px solid #d7e2cb; border-radius: 7px; width: 34px; min-height: 40px; background: #f5f8ef; font-size: 22px; }
.pdf-workspace input[type=number] { min-height: 42px; width: 100%; border: 1px solid #dce4d3; border-radius: 8px; padding: 9px 10px; font: inherit; font-size: 12px; color: #3c5130; background: #fff; }
.pdf-crop-pagination input[type=number] { width: 64px; }
.pdf-crop-preview { background: #edf0e8; padding: 14px; border: 1px solid #e0e6d7; border-radius: 12px; }
.pdf-crop-preview:has([hidden]) { display: none; }
.pdf-crop-stage { position: relative; width: 100%; max-width: 560px; margin: 0 auto; overflow: hidden; touch-action: none; cursor: crosshair; user-select: none; box-shadow: 0 2px 12px #2d40251c; }
.pdf-crop-stage canvas { width: 100%; height: auto; display: block; }
#pdf-crop-selection { position: absolute; border: 2px solid #76a83f; box-shadow: 0 0 0 2000px #1c2d3566; pointer-events: none; }
.pdf-crop-presets { display: flex; gap: 16px; flex-wrap: wrap; margin-top: 10px; }
.pdf-crop-presets button { min-height: 40px; }
.pdf-crop-margins { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.pdf-crop-margins > div { min-width: 0; }
@media (max-width: 520px) { .pdf-crop-margins { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 10px; } .pdf-crop-preview { padding: 8px; } }

.pdf-main .pdf-faq{max-width:850px;padding:30px 0 60px;margin:0 auto}.pdf-faq .faq-list{min-width:0}.pdf-faq summary{gap:16px;overflow-wrap:anywhere}.pdf-faq p{overflow-wrap:anywhere}

.pdf-tool-tabs a{text-decoration:none}