/* URL launch: retain the existing warm paper / ink converter design. */
.unified-input-panel { min-width: 0; }
.file-input-form { margin: 0; }
.inline-url-form { margin-top: 12px; }
.url-divider { display: flex; align-items: center; gap: 12px; color: var(--muted, #647067); font-size: .85rem; }
.url-divider::before, .url-divider::after { content: ""; height: 1px; flex: 1; background: var(--line, #deddd4); }
.url-fetch-row { display: flex; gap: 8px; margin-top: 12px; }
.url-fetch-row input { width: 100%; min-width: 0; border: 1px solid var(--line, #d9d9d1); border-radius: 10px; background: var(--surface, #fffdf8); color: var(--ink, #16241e); font: inherit; padding: 11px 13px; }
.url-fetch-row input:focus-visible { outline: 2px solid #cb5a28; outline-offset: 2px; }
.url-fetch-row .primary-action { flex-shrink: 0; min-height: 44px; min-width: 82px; width: auto; margin: 0; }
.url-fetch-note { margin: 9px 0 12px; font-size: .74rem; line-height: 1.5; color: #667269; }
.url-source-links { display: flex; flex-wrap: wrap; gap: 8px 15px; align-items: center; }
.url-source-links a { display: inline-flex; align-items: center; gap: 6px; min-height: 28px; font-size: .73rem; color: #4e5b53; text-decoration: none; }
.url-source-links a:hover { text-decoration: underline; }
.url-source-links img { width: 18px; height: 18px; object-fit: contain; flex-shrink: 0; }
.inline-url-form .status-line:empty { display: none; }
.inline-url-form .url-estimate { margin-top: 14px; border-top: 1px solid #dddcd3; padding-top: 12px; }
.inline-url-form .url-estimate h2 { font-size: 1.2rem; margin: 0 0 5px; }
.inline-url-form .url-estimate p { font-size: .85rem; }
.inline-url-form .url-estimate.is-hidden { display: none; }
.source-page .hero-lede { max-width: 48ch; }
.source-page .source-boundary { margin-top: 18px; font-size: .9rem; color: #637066; }
@media (max-width: 480px) {
  .url-source-links { gap: 6px 12px; }
  .url-fetch-row input { font-size: 16px; }
  .url-fetch-note { font-size: .73rem; }
}

/* Provider pages share the converter shell, with their explanation in reading order. */
body.source-page[data-converter-page] .hero-copy h1 {
  order: 1;
  font-size: clamp(2.5rem, 4.7vw, 4.1rem);
  line-height: .98;
}
body.source-page[data-converter-page] .hero-lede { order: 2; max-width: 62ch; font-size: 1rem; font-weight: 400; line-height: 1.55; }
body.source-page[data-converter-page] .upload-panel { order: 3; }
body.source-page[data-converter-page] .source-boundary { order: 4; margin: 0 auto; max-width: 68ch; font-size: .85rem; line-height: 1.5; text-align: center; }