/* Shared PDF tool presentation uses Docs' centered --maxw-wide frame, 22px gutters and reading measure.
 * The shared shell owns navigation and motion. */
.pdf-tools #site-footer { background: transparent; }
.pdf-tools #merge-progress { width: 100%; height: 8px; accent-color: #0071e3; }
.pdf-tools #merge-cancel { min-height: 50px; padding-inline: 16px; }
.pdf-tools[data-tool="merge"] .summary-btns { flex-wrap: wrap; }
.pdf-tools .page-wrap {
  width: 100%;
  max-width: var(--maxw-wide);
  padding-inline: 22px;
  font-size: 17px;
  line-height: 1.5;
  letter-spacing: 0;
}
.pdf-tools :is(.workspace, .benefits, .pdf-banner-section, .lower) { width: 100%; max-width: none; }
.pdf-tools .pdf-hero { padding: 64px 0 48px; }
.pdf-tools .pdf-hero h1 { max-width: none; }
.pdf-tools .pdf-hero p { max-width: none; font-size: clamp(19px, 2.1vw, 21px); line-height: 1.42; font-weight: 400; color: var(--ink-dim); letter-spacing: .011em; }
.pdf-tools .feature-pills { gap: 12px 24px; }
.pdf-tools .feature-pills span { font-size: 15px; color: var(--ink-dim); }
.pdf-tools .feature-pills svg { width: 18px; height: 18px; color: var(--ink-dim); }
.pdf-tools .workspace-top { gap: 16px; flex-wrap: wrap; padding: 28px 36px; }
.pdf-tools .workspace-heading { gap: 16px; min-width: 0; flex: 1 1 280px; }
.pdf-tools .workspace-heading > div { min-width: 0; }
.pdf-tools .workspace-icon { width: 48px; height: 48px; flex-shrink: 0; }
.pdf-tools .workspace-icon svg { width: 24px; height: 24px; }
.pdf-tools .workspace-top h2 { font-size: 24px; font-weight: 600; line-height: 1.25; letter-spacing: -.02em; }
.pdf-tools .workspace-top p { font-size: 17px; line-height: 1.5; color: var(--ink-dim); }
.pdf-tools .status-pill { font-size: 14px; color: var(--ink-dim); padding: 8px 12px; }
.pdf-tools .workspace-content { padding: 32px 36px; }
.pdf-tools .dropzone { min-height: 260px; padding: 32px; gap: 4px; }
.pdf-tools .drop-icon { width: 56px; height: 56px; }
.pdf-tools .drop-icon svg { width: 28px; height: 28px; }
.pdf-tools .dropzone h3 { font-size: 24px; font-weight: 600; line-height: 1.3; letter-spacing: -.02em; }
.pdf-tools .dropzone p { font-size: 17px; line-height: 1.5; color: var(--ink-dim); }
.pdf-tools :is(.select-btn, .action-primary) { min-height: 50px; font-size: 17px; font-weight: 600; padding: 12px 24px; }
.pdf-tools :is(.select-btn, .action-primary) svg { width: 20px; height: 20px; }
.pdf-tools .sample-head { flex-wrap: wrap; gap: 6px 16px; }
.pdf-tools :is(.sample-head h3, .selected-head h3) { font-size: 19px; line-height: 1.4; font-weight: 600; }
.pdf-tools .sample-head small { font-size: 15px; color: var(--ink-dim); }
.pdf-tools :is(.sample-list, .file-list) { gap: 12px; }
.pdf-tools :is(.sample-file, .file-row) { min-height: 80px; padding: 16px; gap: 14px; }
.pdf-tools .file-icon { width: 40px; height: 44px; }
.pdf-tools .file-icon svg { width: 24px; height: 24px; }
.pdf-tools .file-detail strong { font-size: 17px; font-weight: 600; line-height: 1.4; }
.pdf-tools .file-detail span { font-size: 15px; color: var(--ink-dim); line-height: 1.5; }
.pdf-tools .sample-order { width: 20px; font-size: 15px; color: var(--ink-dim); }
.pdf-tools .tiny-icon-btn { width: 44px; height: 44px; color: var(--ink-dim); }
.pdf-tools .tiny-icon-btn svg { width: 20px; height: 20px; }
.pdf-tools .text-action { min-height: 44px; font-size: 16px; }
.pdf-tools :is(.muted-foot, .feedback, .prototype-notice) { font-size: 16px; line-height: 1.6; }
.pdf-tools .muted-foot { color: var(--ink-dim); }
.pdf-tools .summary-bar { padding: 24px 36px; flex-wrap: wrap; }
.pdf-tools .summary-meta .top { font-size: 19px; font-weight: 600; }
.pdf-tools .summary-meta .bottom { font-size: 16px; color: var(--ink-dim); }
.pdf-tools .benefits { gap: 32px; }
.pdf-tools .benefit h3 { font-size: 21px; font-weight: 600; line-height: 1.3; letter-spacing: -.015em; }
.pdf-tools .benefit p { font-size: 17px; line-height: 1.6; color: var(--ink-dim); }
.pdf-tools .benefit-icon { width: 44px; height: 44px; }
.pdf-tools .pdf-banner-label { font-size: 14px; color: var(--ink-dim); }
.pdf-tools .pdf-banner-space { padding: 20px; text-align: center; }
.pdf-tools .pdf-banner-space strong { font-size: 15px; color: var(--ink-dim); }
.pdf-tools .pdf-section-title { font-size: clamp(32px, 3.8vw, 48px); font-weight: 600; line-height: 1.1; letter-spacing: -.03em; }
.pdf-tools .section-lead { max-width: var(--site-reading); font-size: 19px; line-height: 1.5; color: var(--ink-dim); }
.pdf-tools .how-grid { gap: 20px; }
.pdf-tools .how-card { padding: 28px; }
.pdf-tools .how-num { font-size: 16px; font-weight: 600; }
.pdf-tools .how-card h3 { font-size: 21px; font-weight: 600; line-height: 1.3; }
.pdf-tools .how-card p { font-size: 17px; line-height: 1.6; color: var(--ink-dim); }
.pdf-tools .faq-layout { gap: 40px; }
.pdf-tools .faq-layout .pdf-section-title { font-size: 32px; }
.pdf-tools .faq-layout > div:first-child p { max-width: 34ch; font-size: 19px; line-height: 1.5; color: var(--ink-dim); }
.pdf-tools .faq-trigger { min-height: 64px; font-size: 19px; font-weight: 600; line-height: 1.4; }
.pdf-tools .faq-trigger svg { width: 20px; height: 20px; }
.pdf-tools .faq-answer { font-size: 17px; line-height: 1.6; color: var(--ink-dim); }
.pdf-tools .related { flex-wrap: wrap; padding: 32px; }
.pdf-tools .related h3 { font-size: 28px; font-weight: 600; line-height: 1.2; letter-spacing: -.02em; }
.pdf-tools .related p { font-size: 17px; line-height: 1.5; color: var(--ink-dim); }
.pdf-tools .related a { min-height: 48px; font-size: 16px; font-weight: 600; white-space: normal; }
.pdf-tools .pdf-footer-inner { width: 100%; max-width: var(--maxw-wide); padding-inline: 22px; flex-wrap: wrap; }
.pdf-tools :is(.pdf-footer small, .pdf-footer-links) { font-size: 14px; color: var(--ink-dim); }
.pdf-tools .pdf-footer-links { flex-wrap: wrap; gap: 8px 24px; }
.pdf-tools .pdf-footer-links a { display: inline-flex; align-items: center; min-height: 44px; }
@media (max-width: 800px) {
  .pdf-tools :is(.workspace-top, .workspace-content, .summary-bar) { padding: 24px; }
  .pdf-tools :is(.benefits, .how-grid) { grid-template-columns: 1fr; gap: 24px; }
  .pdf-tools .faq-layout { grid-template-columns: 1fr; gap: 16px; }
}
@media (max-width: 600px) {
  .pdf-tools .feature-pills { gap: 10px 16px; }
  .pdf-tools .workspace-heading { gap: 12px; }
  .pdf-tools .workspace-icon { width: 40px; height: 40px; }
  .pdf-tools .workspace-top h2 { font-size: 22px; }
  .pdf-tools :is(.workspace-top, .workspace-content, .summary-bar) { padding: 20px; }
  .pdf-tools .dropzone { padding: 24px 16px; }
  .pdf-tools .dropzone h3 { font-size: 22px; }
  .pdf-tools :is(.sample-file, .file-row) { display: grid; grid-template-columns: 18px 32px minmax(0, 1fr); gap: 10px; padding: 14px 10px; }
  .pdf-tools .sample-file { grid-template-columns: 18px 32px minmax(0, 1fr) 16px; }
  .pdf-tools .file-icon { width: 32px; height: 38px; }
  .pdf-tools .file-detail strong { white-space: normal; overflow-wrap: anywhere; }
  .pdf-tools .file-control { grid-column: 2 / -1; justify-content: flex-end; gap: 8px; }
  .pdf-tools .benefit { grid-template-columns: 44px minmax(0, 1fr); padding: 0; }
  .pdf-tools .how-card { padding: 24px; }
  .pdf-tools .related { padding: 24px; }
}
/* Docs owns the shared .docintro heading and .eyebrow typography. */
@media (min-width: 735px) and (max-width: 1068px) {
  .pdf-tools .pdf-hero { padding-top: 48px; }
}
@media (max-width: 734px) {
  .pdf-tools .pdf-hero { padding-top: 40px; }
}

/* Compression-specific controls follow the shared workspace type scale. */
.pdf-tools[data-tool="compress"] .compress-selected { gap: 16px; padding: 20px; flex-wrap: wrap; }
.pdf-tools[data-tool="compress"] .compress-selected .file-detail { min-width: 0; flex: 1; }
.pdf-tools[data-tool="compress"] .compress-selected .file-detail strong { font-size: 17px; white-space: normal; overflow-wrap: anywhere; }
.pdf-tools[data-tool="compress"] .compress-selected .file-detail span { font-size: 15px; }
.pdf-tools[data-tool="compress"] :is(.option-head, .result-header) { flex-wrap: wrap; gap: 8px 16px; }
.pdf-tools[data-tool="compress"] :is(.option-head h3, .result-header h3) { font-size: 19px; line-height: 1.4; }
.pdf-tools[data-tool="compress"] :is(.option-head > span, .compress-status, .demo-label, .recommended) { font-size: 14px; }
.pdf-tools[data-tool="compress"] .compress-option { padding: 24px; gap: 16px; }
.pdf-tools[data-tool="compress"] .option-text { min-width: 0; }
.pdf-tools[data-tool="compress"] .option-text strong { font-size: 17px; flex-wrap: wrap; }
.pdf-tools :is(.option-text p, .compress-explain, .result-caption) { font-size: 16px; line-height: 1.6; }
.pdf-tools[data-tool="compress"] .result-stats .desc { font-size: 16px; }
.pdf-tools[data-tool="compress"] .result-stats .metric { font-size: 32px; }
@media (max-width: 600px) {
  .pdf-tools[data-tool="compress"] :is(.compress-option, .compress-selected) { padding: 16px; }
  .pdf-tools[data-tool="compress"] .result-stats { gap: 16px; }
}

/* PDF tool funding note follows the primary action outside the workspace card. */
.pdf-tools .merge-support-note {
  margin: 10px 36px 0;
  color: var(--ink-dim);
  font-size: .875rem;
  line-height: 1.5;
  text-align: right;
}
@media (max-width: 600px) {
  .pdf-tools .merge-support-note { margin-inline: 20px; text-align: center; }
}

/* Output naming sits between the summary and merge action; stacks on phones. */
.pdf-tools .merge-output-name { flex: 1 1 220px; max-width: 320px; min-width: 0; display: block; }
.pdf-tools .merge-output-name input { box-sizing: border-box; width: 100%; min-height: 48px; padding: 11px 14px; border: 1px solid #c6c6c8; border-radius: 10px; background: #fff; color: var(--ink); font: inherit; font-size: 1rem; line-height: 1.4; }
.pdf-tools .merge-output-name input::placeholder { color: #6e6e73; opacity: 1; }
.pdf-tools .merge-output-name input:focus-visible { outline: 2px solid #0071e3; outline-offset: 2px; }
.pdf-tools .merge-output-name input:disabled { opacity: .6; }
@media (max-width: 734px) { .pdf-tools .merge-output-name { flex: 0 1 auto; width: 100%; max-width: none; } }

@media (min-width: 1024px) {
  .pdf-tools[data-tool="merge"] .summary-bar { display: grid; grid-template-columns: minmax(0, 1fr) minmax(220px, 320px) minmax(0, 1fr); align-items: center; }
  .pdf-tools[data-tool="merge"] .summary-btns { justify-self: end; }
}