/* Promotion Links page (links/index.php). Overrides only; the base generator styles live in aff.css. */
@media (min-width: 961px) { .gen { grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); } }
.hl-out { display: grid; gap: 12px; }
.hl-out textarea.input { min-height: 0; resize: none; overflow: hidden; word-break: break-all; overflow-wrap: anywhere;
  font-size: 16px; line-height: 1.55; padding: 12px 14px; background: var(--tint, #eef6fd); color: var(--ink, #1b2a3d); }
.hl-btns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.hl-btns .btn-mini { justify-content: center; text-align: center; min-height: 46px; font-size: 16px; }
.preview .shot { aspect-ratio: 1200 / 760; height: auto; object-fit: cover; background: #0a3473; }
.preview .cap .pv-desc { color: var(--muted, #5d6b7e); font-size: 17px; line-height: 1.6; }
.hl-btns .btn-mini { width: 100%; min-width: 0; }

/* Round 5: a short "what happens when you save" note under the preview, so the right column runs as deep as the form. */
.pv-next { margin: 0 22px 22px; padding: 18px 20px 6px; border-radius: 12px; background: var(--tint, #eef6fd); border: 1px solid var(--line, #dbe7f3); }
.pv-next h3 { font-size: 18px; margin: 0 0 10px; }
.pv-next ol { margin: 0; padding-left: 22px; }
.pv-next li { font-size: 17px; line-height: 1.6; margin-bottom: 12px; color: var(--body, #2f3d4f); }
.pv-next li b { display: inline; font-size: inherit; color: var(--ink, #1b2a3d); }
@media (max-width: 960px) { .pv-next { margin: 0 18px 18px; } }

/* Round 6 (judge round 3, item 8): Save is the only solid button and runs the full row; Copy and Test are matching outlines. */
#save_hoplink { display: flex; width: 100%; justify-content: center; align-items: center; gap: 8px; min-height: 52px; }
.hl-btns .btn-mini, .hl-btns .btn-mini.hot { background: #fff; color: var(--ink, #1b2a3d); border-color: var(--blue, #0e71d2); }
.hl-btns .btn-mini:hover { background: var(--tint, #eef6fd); }