/* Source-specific public discovery. Reuses the main TrendCoda palette. */
.signal-page{padding-top:20px;padding-bottom:65px}
.signal-crumb{display:flex;gap:12px;color:var(--muted);font-size:12px}
.signal-crumb a:hover{color:var(--cyan)}
.signal-intro{max-width:850px;padding:45px 0 34px}
.signal-intro h1{font:800 clamp(35px,4.6vw,55px)/1.16 var(--heading);letter-spacing:-2px;margin:13px 0 19px}
.signal-intro > p{font-size:15px;line-height:1.9;color:var(--soft);max-width:800px}
.signal-notice{font-size:12px;color:var(--soft);padding:12px 15px;border:1px solid var(--border);border-radius:10px;background:rgba(48,89,149,.09)}
.signal-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;align-items:stretch}
.signal-card{min-width:0;padding:25px 22px 23px;border:1px solid var(--border);border-radius:16px;background:linear-gradient(135deg,#152238,#111a2b);display:flex;flex-direction:column;align-items:stretch}
.signal-card-google{background:linear-gradient(135deg,#172a43,#101c30)}
.signal-card-label{display:flex;align-items:center;gap:12px;justify-content:space-between}
.signal-card-label .source-mark{font-size:20px;font-weight:800}
.signal-state{font-size:10px;letter-spacing:.7px;font-weight:800;color:#b7c5df}
.signal-source-link{color:#eff4ff;font-size:12px;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.signal-source-link:hover{color:var(--cyan)}
/* Official, unaltered YouTube-hosted wordmark. It belongs to the source
   feature only, on an opaque light surface for readable brand contrast. */
.signal-youtube-brand{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border-radius:7px;background:#fff;padding:7px 10px;min-height:44px;min-width:132px}
.signal-youtube-brand img{display:block;width:112px;height:auto;max-width:100%}
.signal-youtube-brand:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}
.signal-state.is-live{color:var(--green)}
.signal-card h2{font:800 23px var(--heading);letter-spacing:-.6px;margin:16px 0 12px}
.signal-card>p{font-size:12px;color:var(--soft);line-height:1.85}
.signal-card .signal-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#061421;background:var(--cyan);border:0;border-radius:9px;padding:11px 14px;font-size:12px;font-weight:800;min-height:44px;margin:12px 0;max-width:100%;text-align:center}
.signal-card .signal-cta:hover:not(:disabled){background:#92e2ff;color:#061421}
.signal-card .signal-cta:disabled{opacity:.48;cursor:not-allowed}
.signal-card .signal-fine{font-size:12px;color:var(--soft);line-height:1.75;margin-top:auto;padding-top:12px}
.signal-card .signal-fine a,.signal-consent a{color:var(--cyan);text-decoration:underline;text-underline-offset:2px}
.signal-country{font-size:11px;display:flex;flex-direction:column;gap:7px;color:var(--soft);margin:12px 0}
.signal-country select{color:var(--text);background:var(--surface2);border:1px solid var(--border);border-radius:9px;padding:10px;min-height:44px;width:100%}
.signal-consent{display:flex;align-items:flex-start;gap:10px;font-size:12px;color:var(--soft);line-height:1.65;min-height:44px;padding:8px 0}
.signal-consent input{accent-color:var(--cyan);margin-top:2px;width:20px;height:20px;flex:0 0 20px}
.signal-consent span{flex:1}
.signal-result{font-size:12px;line-height:1.65;overflow-wrap:anywhere}
.signal-result-status{font-size:12px;color:var(--soft);margin:16px 0}
.signal-result-head{color:var(--soft);font-size:11px;margin:16px 0 9px}
.signal-result ol{padding-left:24px;margin:0 0 15px}
.signal-result li{padding:8px 0;border-bottom:1px solid var(--borderSoft)}
.signal-result li a{color:var(--text);font-weight:700;display:block;min-height:44px;padding:5px 0}
.signal-open-label{display:block;font-size:11px;font-weight:700;color:var(--cyan);margin-top:3px}
.signal-result li a:hover{color:var(--cyan)}
.signal-result .signal-origin{display:block;color:var(--muted);font-size:11px;margin-top:3px}
.signal-result-note{color:var(--soft);font-size:11px;line-height:1.75}
.signal-method{padding:34px;max-width:900px;margin:38px 0 0;background:linear-gradient(130deg,rgba(40,87,142,.2),rgba(54,43,102,.14));border:1px solid var(--border);border-radius:16px}
.signal-method h2{font:800 23px var(--heading);margin:12px 0}
.signal-method p{font-size:13px;color:var(--soft);line-height:1.85}
.signal-method a{font-size:12px;color:var(--cyan);font-weight:700}
@media(max-width:1050px){.signal-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:670px){.signal-page{padding-left:18px;padding-right:18px}.signal-cards{grid-template-columns:1fr;gap:13px}.signal-intro{padding:32px 0 24px}.signal-intro>p{font-size:13px}.signal-card{padding:21px}.signal-method{padding:23px;margin-top:26px}}
@media(max-width:380px){.signal-intro h1{font-size:33px;letter-spacing:-1.4px}.signal-card-label{gap:8px}.signal-card{padding:18px}}

/* Bluesky is deliberately a lower-priority context source. Topic labels stay
   useful without forcing a Bluesky login; external search links are optional. */
.signal-topic-title{display:block;font-size:13px;line-height:1.5;color:var(--text);overflow-wrap:anywhere}
.signal-topic-choices{display:flex;flex-wrap:wrap;align-items:center;column-gap:17px;row-gap:3px;margin:6px 0}
.signal-result .signal-topic-choices a{display:inline-flex;align-items:center;padding:6px 0;min-height:44px;font-size:11px;font-weight:700;line-height:1.45;color:var(--cyan)}
.signal-result .signal-topic-choices a.signal-native-search{color:var(--soft)}
.signal-result .signal-topic-choices a:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
