.discovery-main { width:min(1180px, calc(100% - 40px)); margin:36px auto 72px; }
.discovery-main * { box-sizing:border-box; }
.discovery-hero { padding:32px 0; max-width:820px; }
.discovery-hero .eyebrow { color:var(--accent); font-weight:800; font-size:12px; letter-spacing:.15em; }
.discovery-hero h1 { font-size:clamp(32px,5vw,52px); margin:10px 0 14px; letter-spacing:-.035em; }
.discovery-hero p { font-size:17px; line-height:1.65; color:var(--muted); margin:0; }
.discovery-tools,.discovery-actions { display:flex; flex-wrap:wrap; gap:12px; align-items:end; }
.discovery-tools { padding:22px; border:1px solid var(--line); border-radius:18px; background:white; margin:22px 0; }
.discovery-tools label { display:grid; gap:7px; font-size:13px; font-weight:700; flex:1; min-width:150px; }
.discovery-tools input,.discovery-tools select { width:100%; padding:12px; min-height:44px; border:1px solid #b6c6d4; border-radius:9px; font:inherit; background:white; color:var(--ink); }
.discovery-main button,.discovery-button { display:inline-flex; align-items:center; justify-content:center; gap:6px; padding:11px 16px; min-height:44px; border:1px solid var(--accent); border-radius:9px; color:white; background:var(--accent); font:inherit; font-weight:700; cursor:pointer; }
.discovery-main button.secondary,.discovery-button.secondary { background:white; color:var(--ink); border-color:#b6c6d4; }
.discovery-main button:disabled { opacity:.5; cursor:wait; }
.discovery-main a:focus-visible,.discovery-main button:focus-visible,.discovery-main input:focus-visible,.discovery-main select:focus-visible { outline:3px solid #d88b00; outline-offset:3px; }
.discovery-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin:20px 0; }
.discovery-card { border:1px solid var(--line); padding:24px; border-radius:18px; background:#fffdfa; overflow-wrap:anywhere; }
.discovery-card h2,.discovery-card h3 { margin:10px 0; font-size:22px; line-height:1.3; }
.discovery-card h2 a:hover,.discovery-card h3 a:hover { text-decoration:underline; }
.discovery-card p { color:var(--muted); line-height:1.6; }
.discovery-card .author { color:var(--accent); font-weight:700; }
.discovery-card time,.discovery-count { font-size:13px; color:var(--muted); }
.discovery-badge { display:inline-flex; padding:5px 9px; border-radius:6px; font-size:12px; font-weight:750; background:#e4f2ef; color:#075e58; margin-right:6px; }
.discovery-badge.demo { background:#fff0ce; color:#765014; }
.discovery-badge.locked { background:#eef0f3; color:#465366; }
.discovery-badge.email-on { background:#dff5e8; color:#17653a; }
.discovery-badge.email-paused { background:#fff0ce; color:#765014; }
.discovery-lock { padding:18px; background:#f0f3f7; border-radius:12px; margin:18px 0; }
.discovery-lock .blur-placeholder { height:26px; width:80%; background:repeating-linear-gradient(90deg,#9caab5 0 35px,transparent 35px 42px); opacity:.35; filter:blur(5px); margin:12px 0; }
.discovery-stats { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:12px; margin:18px 0; }
.discovery-stat { display:grid; gap:6px; border:1px solid var(--line); border-radius:14px; padding:18px; background:white; }
.discovery-stat:hover { border-color:var(--accent); }
.discovery-stat strong { font-size:28px; }
.discovery-stat span { color:var(--muted); font-size:13px; }
.discovery-note,.discovery-empty { border:1px solid var(--line); border-radius:14px; padding:22px; background:#eef7fa; margin:18px 0; line-height:1.6; }
.discovery-error { border-left:4px solid #a43838; padding:18px; background:#fff1f0; }
.discovery-card details { margin:16px 0; padding-top:12px; border-top:1px solid var(--line); }
.discovery-card summary { cursor:pointer; font-weight:700; }
.discovery-card details p { white-space:pre-wrap; }
.discovery-card.read { opacity:.75; }
.discovery-main [hidden] { display:none !important; }
.discovery-main .checkout-consent { display:flex; align-items:start; gap:12px; line-height:1.6; margin:20px 0; }
.discovery-main .checkout-consent input { margin-top:6px; }
.discovery-main #loadMore { display:flex; margin:24px auto; }
.notification-tabs { display:flex; gap:8px; margin:0 0 24px; border-bottom:1px solid var(--line); }
.notification-tabs a { padding:13px 18px; color:var(--muted); font-weight:750; border-bottom:3px solid transparent; }
.notification-tabs a[aria-current="page"] { color:var(--accent); border-bottom-color:var(--accent); }
.email-settings-panel { display:grid; grid-template-columns:minmax(260px,1.5fr) minmax(190px,.7fr) minmax(210px,.8fr) auto; gap:18px; align-items:end; padding:24px; border:1px solid var(--line); border-radius:18px; background:white; }
.email-settings-panel h2,.email-source-heading h2 { margin:9px 0; }
.email-settings-panel p,.email-source-heading p { color:var(--muted); line-height:1.55; margin:0; }
.email-settings-panel > label:not(.email-master) { display:grid; gap:7px; font-size:13px; font-weight:700; }
.email-settings-panel select { min-height:44px; padding:10px; border:1px solid #b6c6d4; border-radius:9px; background:white; color:var(--ink); font:inherit; }
.email-master,.email-source-toggle { display:flex; gap:10px; align-items:center; font-weight:750; line-height:1.4; }
.email-master input,.email-source-toggle input { width:20px; height:20px; accent-color:var(--accent); flex:0 0 auto; }
.email-source-heading { display:flex; justify-content:space-between; gap:18px; align-items:end; margin:34px 0 4px; }
.email-source-heading > span { color:var(--muted); font-weight:750; white-space:nowrap; }
.email-source-card[data-selected="true"] { border-color:var(--accent); box-shadow:0 0 0 3px rgba(16,126,121,.12); }
.email-source-card h3 { font-size:21px; margin:12px 0; }
.email-source-toggle { padding:14px; border-radius:10px; background:#f4f7f8; margin-top:18px; }
.email-paused-copy { color:#765014 !important; font-size:13px; }
.track-record { display:grid; gap:12px; padding:16px; margin:16px 0; border:1px solid #ccd7da; border-left:5px solid #7d8b96; border-radius:12px; background:#f6f8f9; }
.track-record.new,.track-record.early { border-left-color:#7d8b96; background:#f6f8f9; }
.track-record.rising { border-left-color:#0f8f83; background:#eaf8f5; }
.track-record.learning,.track-record.cooling { border-left-color:#94701e; background:#fff9e9; }
.track-record.fire { border-left-color:#e2542f; background:#fff0e9; }
.track-record.hot { border-left-color:#df7d17; background:#fff5df; }
.track-record.positive { border-left-color:#23804b; background:#f0f8f3; }
.track-record.steady { border-left-color:#4a7885; background:#eff7f8; }
.track-record.cold,.track-record.reset { border-left-color:#b04b46; background:#fff4f2; }
.track-record-label { display:flex; justify-content:space-between; gap:12px; align-items:center; }
.track-record-label > span { color:var(--muted); font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.track-record-label > strong { font-size:14px; }
.track-record.rising .track-record-label > strong,.track-record.positive .track-record-label > strong { color:#17653a; }
.track-record.fire .track-record-label > strong { color:#c64423; }
.track-record.hot .track-record-label > strong,.track-record.learning .track-record-label > strong,.track-record.cooling .track-record-label > strong { color:#765014; }
.track-record.steady .track-record-label > strong { color:#315f6b; }
.track-record.cold .track-record-label > strong,.track-record.reset .track-record-label > strong { color:#963a36; }
.track-record-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.track-record-metrics span { display:grid; gap:3px; color:var(--muted); font-size:11px; }
.track-record-metrics strong { color:var(--ink); font-size:16px; }
.track-record small { color:var(--muted); line-height:1.4; }
@media(max-width:720px) { .discovery-main { width:calc(100% - 28px); margin-top:16px; } .discovery-grid { grid-template-columns:1fr; } .discovery-tools { padding:16px; } .discovery-tools label { min-width:100%; } .discovery-card { padding:20px; } }
@media(max-width:980px) { .email-settings-panel { grid-template-columns:1fr 1fr; } }
@media(max-width:620px) { .notification-tabs a { flex:1; text-align:center; padding-inline:8px; } .email-settings-panel { grid-template-columns:1fr; } .email-source-heading { align-items:start; } }