/*
 * Wave 16 — New to AI discovery: landing page, wizard, report, tracker.
 * Mobile rules mirror the hypothesis builder's permanent ones: single column
 * below 768px, touch targets >= 44px, inputs >= 16px, full-width primary CTA.
 */

.discovery-narrow { max-width: 780px; margin-left: auto; margin-right: auto; }
.discovery-eyebrow { letter-spacing: .04em; text-transform: uppercase; font-weight: 600; font-size: .8rem; }

/* ---------- Home section + landing ---------- */
.discovery-home { background: var(--bs-light, #f8f9fa); }
.discovery-preview-card { border-radius: 1rem; box-shadow: 0 .5rem 1.5rem rgba(33, 40, 50, .12); background: #fff; }
.discovery-preview-card .discovery-preview-rank { width: 2rem; height: 2rem; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-weight: 700; }
.discovery-check { display: flex; gap: .75rem; align-items: flex-start; }
.discovery-step-number { width: 2.5rem; height: 2.5rem; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-weight: 700; flex-shrink: 0; }
.discovery-sample { position: relative; }
.discovery-sample.is-collapsed .discovery-sample-body { max-height: 900px; overflow: hidden; }
.discovery-sample.is-collapsed .discovery-sample-body::after {
    content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 160px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
}
.discovery-sample-badge { position: sticky; top: .5rem; z-index: 2; }

/* ---------- Wizard ---------- */
.discovery-wizard .form-control, .discovery-wizard .form-select { font-size: 1rem; min-height: 44px; }
.discovery-wizard .btn { min-height: 44px; }
.discovery-wizard .form-check-input { width: 1.25rem; height: 1.25rem; }
.discovery-wizard .form-check { min-height: 44px; display: flex; align-items: center; gap: .5rem; padding-left: 0; }
.discovery-wizard .form-check .form-check-input { margin: 0; float: none; }
.discovery-progress { height: .5rem; }
.discovery-progress-steps { display: flex; flex-wrap: wrap; gap: .25rem .75rem; font-size: .8rem; }
.discovery-progress-steps .is-current { font-weight: 700; }
.discovery-progress-steps .is-done { color: var(--bs-success, #00ac69); }
.discovery-saved { min-height: 1.5rem; }
.discovery-why { border-left: 3px solid var(--bs-primary, #0061f2); padding-left: .75rem; }
.discovery-example { background: var(--bs-light, #f8f9fa); border-radius: .5rem; padding: .75rem 1rem; }
.discovery-suggested { outline: 2px dashed var(--bs-warning, #f4a100); outline-offset: 4px; border-radius: .5rem; }
.discovery-suggested-tag { font-size: .75rem; }
.discovery-sink { border: 1px solid var(--bs-gray-300, #dee2e6); border-radius: .75rem; padding: .75rem 1rem; }
.discovery-rating { display: flex; flex-wrap: wrap; gap: .5rem; }
.discovery-rating .btn-check + .btn { min-width: 44px; }
.discovery-hidden { display: none !important; }

@media (max-width: 767.98px) {
    .discovery-wizard .discovery-nav { flex-direction: column-reverse; gap: .75rem; }
    .discovery-wizard .discovery-nav .btn-primary { width: 100%; }
    .discovery-cta-full { width: 100%; }
}

/* ---------- Report ---------- */
.discovery-report section { scroll-margin-top: 5rem; }
.discovery-tier-quick_win { background: rgba(0, 172, 105, .12); color: #00704a; }
.discovery-tier-project { background: rgba(0, 97, 242, .1); color: #0049b6; }
.discovery-tier-strategic { background: rgba(105, 0, 199, .1); color: #4d0096; }
.discovery-starter { border-left: 4px solid var(--bs-primary, #0061f2); }
.discovery-copy-block { white-space: pre-wrap; background: var(--bs-light, #f8f9fa); border-radius: .5rem; padding: .75rem 1rem; font-family: inherit; font-size: .95rem; }
.discovery-savings { font-variant-numeric: tabular-nums; }
.discovery-progress-list li { padding: .35rem 0; }
.discovery-progress-list .is-ready::before { content: "✓ "; color: var(--bs-success, #00ac69); }
.discovery-progress-list .is-failed::before { content: "! "; color: var(--bs-danger, #e81500); }
.discovery-progress-list .is-active { font-weight: 600; }
.discovery-opportunity[hidden] { display: none !important; }

/* ---------- Tracker ---------- */
.discovery-chart { width: 100%; height: auto; max-height: 220px; }
.discovery-chart .line { fill: none; stroke: var(--bs-primary, #0061f2); stroke-width: 2.5; }
.discovery-chart .baseline { stroke: var(--bs-gray-500, #adb5bd); stroke-dasharray: 4 4; }
.discovery-chart .target { stroke: var(--bs-success, #00ac69); stroke-dasharray: 2 4; }
.discovery-chart .dot { fill: var(--bs-primary, #0061f2); }
.discovery-caveat { font-size: .875rem; }

@media (prefers-reduced-motion: reduce) {
    .discovery-report *, .discovery-wizard * { transition: none !important; animation: none !important; }
}

@media print {
    .discovery-no-print, header.navbar, nav.navbar, footer, .discovery-report-actions { display: none !important; }
    .discovery-report section { break-inside: avoid-page; }
    .discovery-sample.is-collapsed .discovery-sample-body { max-height: none; }
    .discovery-print-cover { display: block !important; page-break-after: always; }
    a[href]::after { content: ""; }
}
.discovery-print-cover { display: none; }