/* Amazon Link Generator - tool-specific styles (form, result rows, the
 * per-marketplace list). Amber accent shared by the amazon-* tools. */
:root { --alg-accent: #d97706; --alg-accent-dark: #b45309; --alg-tint: #fef3c7; }
.alg-hero-mark { width: 26px; height: 26px; margin-right: 8px; vertical-align: -5px; }
.alg-intro { margin: 0 0 16px; color: #475569; font-size: 0.95rem; }
.alg-field { display: flex; flex-direction: column; gap: 6px; margin-bottom: 14px; }
.alg-label { font-weight: 600; font-size: 0.9rem; color: #1f2937; }
.alg-opt { font-weight: 400; font-size: 0.8rem; color: #64748b; margin-left: 6px; }
.alg-hint { font-size: 0.82rem; color: #64748b; }
.alg-input { flex: 0 0 auto; }
.alg-select { padding: 10px 12px; border: 1px solid #d7dbe0; border-radius: 8px; background: #fff; font: inherit; font-size: 0.95rem; }
.alg-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 16px; }
.alg-results { margin: 18px 0 4px; background: #fff; border: 1px solid #e6e8eb; border-radius: 14px; padding: 6px 20px 16px; }
.alg-results[hidden] { display: none; }
.alg-result { display: grid; grid-template-columns: 170px minmax(0, 1fr) auto; align-items: center; gap: 10px 14px; padding: 12px 0; border-bottom: 1px solid #eef0f3; }
.alg-result[hidden] { display: none; }
.alg-result-label { font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.04em; color: #64748b; }
.alg-output { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 0.92rem; color: var(--alg-accent-dark); word-break: break-all; text-decoration: none; }
.alg-output:hover { color: var(--alg-accent-dark); text-decoration: underline; }
.alg-copy { padding: 8px 16px; font-size: 0.85rem; }
.alg-markets { padding-top: 14px; }
.alg-markets-title { margin: 0 0 4px; font-size: 1rem; font-weight: 700; color: #1f2937; }
.alg-markets-note { margin: 0 0 10px; font-size: 0.84rem; color: #64748b; }
.alg-markets-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px 20px; }
.alg-markets-list li { display: flex; flex-direction: column; gap: 2px; padding: 6px 0; border-bottom: 1px solid #f1f3f5; font-size: 0.88rem; }
.alg-market-name { color: #475569; }
.alg-markets-list a { color: var(--alg-accent-dark); text-decoration: none; word-break: break-all; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 0.84rem; }
.alg-markets-list a:hover { color: var(--alg-accent-dark); text-decoration: underline; }
@media (max-width: 640px) {
    .alg-grid { grid-template-columns: minmax(0, 1fr); }
    .alg-result { grid-template-columns: minmax(0, 1fr); }
    .alg-copy { justify-self: start; }
    .alg-markets-list { grid-template-columns: minmax(0, 1fr); }
}
