/* Source values, scores and original actions are preserved. */
#content-view { min-width:0; }
#content-view>.content-mode { display:flex; width:fit-content; max-width:100%; gap:4px; padding:5px; margin:24px 0 20px; border:1px solid #dfe5ee; border-radius:12px; background:#e9edf4; }
#content-view .content-mode button { min-height:42px; padding:9px 19px; border:0; border-radius:8px; color:#52627c; font-size:14px; font-weight:600; white-space:nowrap; background:transparent; box-shadow:none; }
#content-view .content-mode button[aria-pressed=true] { background:#fff; color:#14213a; box-shadow:0 2px 5px #1a294812; }
#selection-count { display:inline-grid; place-items:center; min-width:23px; height:23px; margin-left:5px; padding-inline:5px; border-radius:6px; background:#dce6f8; color:#3456ba; font-size:12px; font-variant-numeric:tabular-nums; }
#content-view .content-filter { gap:16px; grid-template-columns:minmax(0,1.8fr) minmax(180px,1fr) auto; margin-bottom:20px; }
#content-view .content-filter label { margin-top:0; margin-bottom:7px; color:#4a5972; font-size:13px; font-weight:600; }
#content-view .content-filter input,#content-view .content-filter select { min-height:45px; font-size:14px; background:#fff; }
#content-view .content-filter button { min-height:45px; min-width:84px; font-size:14px; }
#content-status { display:flex; align-items:center; gap:9px; margin:20px 0 16px; color:#52617a; font-size:13px; font-weight:500; }
#content-status::before { content:''; width:7px; height:7px; flex:none; border-radius:50%; background:#087f70; }
#content-view .research-note { margin:16px 0; padding:15px 18px; border:1px solid #dce5f3; border-radius:10px; color:#53657c; background:#f2f6fc; font-size:13px; line-height:1.85; }
#content-view .research-controls { border-top:1px solid #e3e8f0; margin-top:20px; padding-top:20px; }
#content-view .research-common label,#content-view .research-advanced-grid label { color:#52617a; font-size:13px; }
#content-view .research-common select,#content-view .research-advanced-grid select { min-height:42px; font-size:14px; }
#content-view .research-check { color:#42516b; font-size:14px; }
#content-view .research-advanced>summary { min-height:38px; width:fit-content; color:#4263b9; font-size:13px; font-weight:500; }
#content-items { display:grid; gap:18px; min-width:0; }
#content-items .content-card { display:grid; grid-template-columns:minmax(0,1fr); gap:0 28px; min-width:0; margin:0; padding:24px 26px 0; border:1px solid #dfe5ee; border-radius:14px; background:#fff; box-shadow:0 3px 12px #20314e04; overflow:hidden; transition:border-color .15s ease,box-shadow .15s ease; }
#content-items .content-card:hover { border-color:#b9c9dc; background:#fff; box-shadow:0 7px 24px #20314e09; }
#content-items[data-view=research] .content-card,#content-items .opportunity-card { grid-template-columns:minmax(0,1fr) 156px; }
.content-card-main { min-width:0; padding-bottom:22px; }
.content-source-line { display:flex; align-items:center; gap:11px; min-width:0; margin-bottom:15px; }
.content-source-avatar { display:inline-grid; place-items:center; flex:0 0 34px; width:34px; height:34px; border-radius:10px; background:#edf1fa; color:#5263a0; font-size:14px; font-weight:650; }
.content-source-text { display:flex; align-items:baseline; flex:1; min-width:0; flex-wrap:wrap; gap:2px 12px; }
.content-source-author { color:#43516b; font-size:13px; font-weight:600; overflow-wrap:anywhere; }
.content-source-date { color:#6d7b91; font-size:12px; font-variant-numeric:tabular-nums; }
.content-source-kind { flex:none; display:inline-flex; align-items:center; padding:4px 8px; border:1px solid #e2e7f0; border-radius:6px; color:#63718a; background:#f6f8fb; font-size:11px; font-weight:500; line-height:1.5; }
.content-source-kind[data-kind=selected] { color:#087b68; border-color:#cde9e1; background:#edf8f4; }
.content-source-kind[data-kind=video] { color:#84622b; border-color:#ecdfc6; background:#fbf7ee; }
#content-items .article-heading,#content-items .opportunity-card h3 { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; margin:0; padding:0; min-height:0; color:var(--ink,#18243c); font-size:19px; font-weight:650; line-height:1.7; letter-spacing:-.25px; text-align:left; white-space:normal; overflow-wrap:anywhere; }
#content-items .article-heading { width:100%; border:0; background:transparent; border-radius:3px; }
#content-items .article-heading:hover:not(:disabled) { background:transparent; color:#087f70; }
#content-items .article-heading:focus-visible { outline:3px solid #96c5bf; outline-offset:5px; }
.content-card-metrics { display:flex; flex-wrap:wrap; align-items:center; gap:8px 24px; margin:18px 0 0; }
.content-card-metric { display:flex; align-items:baseline; gap:9px; }
.content-card-metric dt { color:#6c7a91; font-size:12px; font-weight:400; }
.content-card-metric dd { margin:0; color:#25344f; font-size:16px; font-weight:650; font-variant-numeric:tabular-nums; letter-spacing:-.15px; }
.content-card-metric[data-known=false] dd { color:#708098; font-size:13px; font-weight:400; }
#content-items .article-abstract { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; margin:16px 0 0; color:#63728a; font-size:14px; line-height:1.9; }
#content-items .article-flags { display:inline-block; margin:14px 0 0; padding:5px 9px; border-radius:6px; color:#375cb2; background:#eef3fc; font-size:12px; }
.content-score { grid-column:2; grid-row:1; display:flex; flex-direction:column; align-items:flex-start; align-self:start; min-width:0; margin:0 0 22px; padding:18px 17px; border:1px solid #cfe7df; border-radius:12px; background:#f0f9f5; }
.content-score-label { color:#477a6c; font-size:12px; font-weight:600; }
.content-score-value { display:flex; align-items:baseline; gap:7px; margin:9px 0 10px; font-variant-numeric:tabular-nums; }
.content-score-value strong { color:#087b66; font-size:38px; line-height:1.1; letter-spacing:-1.4px; font-weight:650; }
.content-score-value>span { color:#6e8a81; font-size:11px; white-space:nowrap; }
.content-score meter { display:block; width:100%; height:6px; margin:2px 0 12px; border:0; accent-color:#15947a; }
.content-score meter::-webkit-meter-bar { border:0; border-radius:4px; background:#d9ebe3; }
.content-score meter::-webkit-meter-optimum-value { border-radius:4px; background:#15947a; }
.content-score meter::-moz-meter-bar { border-radius:4px; background:#15947a; }
#content-items .content-score .status { display:block; max-width:100%; margin:0; padding:0; border:0; border-radius:0; background:transparent; color:#477668; font-size:12px; line-height:1.8; }
.content-score[data-kind=small_breakthrough] { border-color:#d4dff8; background:#f0f4fe; }
.content-score[data-kind=small_breakthrough] .content-score-label,.content-score[data-kind=small_breakthrough] .status { color:#526fa9; }
.content-score[data-kind=small_breakthrough] .content-score-value strong { color:#4263c9; }
.content-score[data-kind=small_breakthrough] meter::-webkit-meter-optimum-value { background:#5779d6; }
#content-items .content-card-footer { grid-column:1/-1; display:flex; align-items:center; justify-content:space-between; gap:14px; margin:0 -26px; padding:14px 26px; border-top:1px solid #e9edf4; background:#fcfdff; }
.content-footer-note { flex:1; color:#75839b; font-size:12px; }
.content-footer-note[data-selected=true] { color:#087f70; }
.content-card-actions { display:flex; align-items:center; justify-content:flex-end; gap:9px; flex-wrap:wrap; }
#content-items .content-card-actions>button { min-height:39px; margin:0; padding:8px 14px; border-radius:8px; font-size:13px; font-weight:550; }
#content-items .content-card-actions>.text-button,#content-items .content-card-actions>.secondary { border:1px solid #dce3ed; color:#53627b; background:#fff; }
#content-items .content-card-actions>.text-button:hover:not(:disabled),#content-items .content-card-actions>.secondary:hover:not(:disabled) { background:#f2f6fc; border-color:#b7c8df; }
#content-items .content-card-actions>[data-primary=true] { background:#087f70; border:1px solid #087f70; color:#fff; box-shadow:0 2px 3px #087f7012; }
#content-items .content-card-actions>[data-primary=true]:hover:not(:disabled) { background:#066b5e; border-color:#066b5e; color:#fff; }
#content-items .content-card-actions>[data-primary=true]:disabled { box-shadow:none; }
#content-items .content-card-actions>[aria-pressed=true] { color:#375cb2; border-color:#bbcef4; background:#edf3ff; }
#content-items .research-history { display:inline-block; margin:14px 0 0; padding:4px 0 4px 10px; border-left:3px solid #a9bde8; color:#4c638d; font-size:13px; }
#content-items .content-card-evidence { margin-top:15px; }
#content-items .content-card-evidence summary { width:fit-content; min-height:34px; display:flex; align-items:center; gap:7px; color:#4f6aa6; font-size:13px; font-weight:500; }
#content-items .content-card-evidence summary::before { content:'+'; color:#8093b2; font-size:16px; }
#content-items .content-card-evidence[open] { padding:12px 15px; border:1px solid #dee6f3; border-radius:8px; background:#f7f9fd; }
#content-items .content-card-evidence[open] summary::before { content:'−'; }
#content-items .content-card-evidence p { margin:8px 0; color:#5c6d86; font-size:13px; line-height:1.9; }
#content-items .content-source-state { margin:14px 0 0; padding:9px 12px; border:1px solid #daeee6; border-radius:7px; color:#437265; background:#f4fbf7; font-size:13px; }
#content-items[data-view=selections] .content-card { border-left:4px solid #2c9d86; }
#content-items .opportunity-reason { margin:14px 0; color:#4a5a73; line-height:1.9; font-size:14px; }
#content-items .content-updated { color:#78869c; font-size:12px; }
#content-items .opportunity-topic { display:inline-block; padding:4px 9px; border-radius:6px; color:#4f66a0; background:#eef2fb; font-size:12px; }
#content-items .opportunity-card[data-status=dismissed] { border-style:dashed; background:#f9fafc; }
.empty-content { display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:270px; margin:0; padding:36px 24px; border:1px dashed #d1dbe9; border-radius:12px; background:#f8fafd; text-align:center; }
.content-empty-mark { position:relative; display:block; width:39px; height:47px; margin-bottom:18px; border:1.5px solid #9fb2cf; border-radius:7px; background:#fff; box-shadow:5px -5px 0 #e6edf8; }
.content-empty-mark::before,.content-empty-mark::after { content:''; position:absolute; top:16px; left:9px; right:9px; height:2px; border-radius:2px; background:#c2cfe3; }
.content-empty-mark::after { top:25px; right:15px; }
.content-empty-title { color:#344660; font-size:16px; font-weight:600; }
.empty-content p { max-width:400px; margin:9px 0 0; color:#6d7d95; font-size:14px; line-height:1.85; }
#content-pagination { margin-top:24px; padding-top:20px; border-top:1px solid #e3e8f0; }
#content-pagination button { min-height:42px; font-size:14px; }
#content-page { color:#61718b; font-size:13px; font-variant-numeric:tabular-nums; }
/* Author directory: local search only, no new API requests. */
#content-view .subscriptions-panel { padding:26px; }
#content-view .subscriptions-panel>.section-title { margin:0 0 22px; }
#content-view .subscriptions-panel>.section-title h2 { color:#18243c; font-size:20px; }
#content-view .subscription-form { align-items:end; gap:14px; padding:20px; margin-bottom:13px; border:1px solid #e2e8f1; border-radius:12px; background:#f7f9fd; }
#content-view .subscription-form label { margin:0 0 8px; color:#455570; font-size:13px; font-weight:600; }
#content-view .subscription-form input { min-height:46px; margin:0; font-size:14px; background:#fff; }
#content-view .subscription-form>button { min-height:46px; padding-inline:21px; font-size:14px; }
#subscription-source-note { color:#65758e; font-size:13px; line-height:1.8; }
.subscription-browser-tools { display:flex; align-items:center; justify-content:space-between; gap:20px; margin:28px 0 16px; }
.subscription-list-heading { display:flex; align-items:center; gap:11px; }
.subscription-list-heading h3 { margin:0; color:#263550; font-size:16px; }
.subscription-list-count { display:inline-block; padding:3px 8px; border-radius:6px; color:#5e6d86; background:#edf1f7; font-size:12px; font-variant-numeric:tabular-nums; }
.subscription-browser-filters { display:flex; align-items:center; gap:10px; }
.subscription-browser-filters label { margin:0; }
.subscription-browser-filters input,.subscription-browser-filters select { width:auto; min-height:41px; margin:0; font-size:13px; background:#fff; }
.subscription-browser-filters input { width:250px; max-width:100%; padding-inline:13px; }
.subscription-browser-filters select { min-width:115px; }
#subscriptions-list { display:grid; gap:11px; min-width:0; }
#subscriptions-list .subscription-row { display:flex; align-items:center; justify-content:space-between; gap:18px; margin:0; padding:19px 20px; border:1px solid #e0e6ef; border-radius:11px; background:#fff; }
#subscriptions-list .subscription-row:hover { border-color:#bfcde1; }
.subscription-info { display:flex; align-items:center; gap:13px; min-width:0; flex:1; }
.subscription-avatar { display:inline-grid; place-items:center; flex:0 0 43px; width:43px; height:43px; border-radius:12px; background:#edf1fa; color:#5870a6; font-size:17px; font-weight:650; }
.subscription-identity-text { min-width:0; }
#subscriptions-list .subscription-info strong { display:block; color:#253550; font-size:16px; font-weight:600; line-height:1.6; overflow-wrap:anywhere; }
#subscriptions-list .subscription-meta { display:flex; flex-wrap:wrap; align-items:center; gap:7px 13px; margin:6px 0 0; color:#718099; font-size:12px; }
.subscription-state { display:inline-flex; align-items:center; gap:5px; color:#087f70; font-size:12px; }
.subscription-state::before { content:''; width:6px; height:6px; border-radius:50%; background:currentColor; }
.subscription-state[data-enabled=false] { color:#8994a6; }
.subscription-activity { display:inline-block; margin-top:5px; padding:3px 7px; border-radius:5px; background:#edf3ff; color:#4165b4; font-size:11px; }
#subscriptions-list .subscription-actions { display:flex; align-items:center; justify-content:flex-end; flex:none; gap:7px; flex-wrap:wrap; }
#subscriptions-list .subscription-actions button { min-height:37px; margin:0; padding:7px 10px; border-radius:7px; font-size:13px; white-space:nowrap; }
#subscriptions-list .subscription-actions .secondary { min-width:65px; color:#087f70; border:1px solid #bddfd6; background:#f5fbf8; }
#subscriptions-list .subscription-actions .text-button { color:#62718a; background:transparent; }
#subscriptions-list .subscription-actions .text-button:hover:not(:disabled) { background:#f0f4fa; color:#345780; }
#subscriptions-list .subscription-actions .subscription-remove { color:#a06b6b; }
#subscriptions-list .subscription-actions .subscription-remove:hover:not(:disabled) { color:#b44343; background:#fff2f2; }
#subscriptions-list .subscription-row[data-enabled=false] { background:#fafbfc; }
#subscriptions-list .subscription-row[data-enabled=false] .subscription-avatar { background:#edf0f4; color:#8290a5; }
#sync-records .sync-row { padding:17px 0; gap:9px 15px; border-color:#e4e9f1; }
#sync-records .sync-row>strong { color:#354660; font-size:14px; }
#sync-records .sync-row>p { margin:0; color:#6d7d95; font-size:13px; line-height:1.8; }
#sync-records .sync-row .status { padding:5px 9px; border-radius:6px; font-size:12px; }
#article-dialog { width:min(800px,calc(100vw - 32px)); border-radius:16px; padding:30px; }
#article-dialog h2 { color:#18243c; font-size:24px; line-height:1.6; }
#article-dialog .dialog-body { padding:22px; margin:20px 0; border:1px solid #e0e7f1; border-radius:10px; background:#f9fbfd; color:#3b4c66; font-size:16px; line-height:2; }
#article-dialog #article-meta,#article-dialog #article-selection-note { color:#67778f; font-size:13px; line-height:1.85; }
#article-dialog .actions { gap:10px; }
#article-dialog button { min-height:42px; font-size:14px; }
#article-dialog #article-tag-editor { margin-top:20px; padding-top:20px; border-top:1px solid #e1e7f0; }
/* Summary values keep exact readings and unknown states. */
#traffic-summary { gap:16px; margin-top:0; }
#traffic-summary .traffic-card { padding:22px 24px; gap:8px; border:1px solid #dfe5ee; border-radius:13px; background:#fff; box-shadow:0 3px 12px #20314e03; }
#traffic-summary .traffic-card[data-metric=articles] { background:#eef8f5; border-color:#d3e8e0; }
#traffic-summary .traffic-card>span { color:#61718b; font-size:13px; font-weight:500; }
#traffic-summary .traffic-card>strong { color:#22334e; font-size:32px; line-height:1.35; font-weight:650; letter-spacing:-.7px; font-variant-numeric:tabular-nums; }
#traffic-summary .traffic-card[data-metric=articles]>strong { color:#087f70; }
#traffic-summary .traffic-value-compact,#traffic-summary .traffic-value-exact { display:none; }
#traffic-summary .traffic-card>small { color:#78869d; font-size:12px; line-height:1.65; }
#traffic-summary .traffic-card>small.traffic-value-exact { color:#60738c; font-size:11px; white-space:nowrap; font-variant-numeric:tabular-nums; }
@media(min-width:1280px) {
 #content-items[data-view=library],#content-items[data-view=selections] { grid-template-columns:repeat(2,minmax(0,1fr)); align-items:stretch; }
 #content-items[data-view=library] .content-card,#content-items[data-view=selections] .content-card { grid-template-rows:1fr auto; padding-top:21px; }
 #content-items[data-view=library] .content-card-footer,#content-items[data-view=selections] .content-card-footer { justify-content:flex-end; }
 #content-items[data-view=library] .content-footer-note,#content-items[data-view=selections] .content-footer-note { display:none; }
}
@media(max-width:1100px) {
 #content-items .content-card { padding-inline:21px; }
 #content-items .content-card-footer { margin-inline:-21px; padding-inline:21px; flex-wrap:wrap; }
 #content-items[data-view=research] .content-card,#content-items .opportunity-card { grid-template-columns:minmax(0,1fr) 135px; gap:0 21px; }
 .content-score { padding:16px 13px; }.content-score-value strong { font-size:34px; }
 .content-footer-note { flex-basis:100%; }.content-card-actions { margin-left:auto; }
 #subscriptions-list .subscription-row { align-items:flex-start; flex-wrap:wrap; }
 #subscriptions-list .subscription-actions { margin-left:56px; flex-basis:100%; justify-content:flex-start; }
 .subscription-browser-tools { flex-wrap:wrap; gap:14px; }.subscription-browser-filters { flex:1; justify-content:flex-end; }
}
@media(max-width:760px) {
 #content-view .content-filter { grid-template-columns:1fr; gap:13px; }#content-view .content-filter button { width:100%; }
 #content-view>.content-mode { width:100%; max-width:100%; overflow:auto; scrollbar-width:thin; margin-top:18px; }
 #content-view .content-mode button { flex:1 0 auto; padding:9px 12px; font-size:13px; }
 #content-view .subscriptions-panel { padding:20px; }#content-view .subscription-form { padding:16px; grid-template-columns:1fr; }
 .subscription-browser-tools { display:block; margin-top:24px; }
 .subscription-browser-filters { margin-top:14px; display:grid; grid-template-columns:minmax(0,1fr) 115px; gap:9px; }
 .subscription-browser-filters input,.subscription-browser-filters select { width:100%; min-width:0; }.subscription-search-label { min-width:0; }
 #subscriptions-list .subscription-row { padding:16px; gap:13px; flex-direction:column; flex-wrap:nowrap; align-items:stretch; }#subscriptions-list .subscription-actions { margin-left:0; gap:5px; flex-basis:auto; width:100%; }
 #subscriptions-list .subscription-info strong { font-size:15px; }
 #content-items[data-view=research] .content-card,#content-items .opportunity-card { grid-template-columns:minmax(0,1fr); }
 #content-items .content-card { padding:20px 18px 0; }#content-items .article-heading,#content-items .opportunity-card h3 { font-size:18px; line-height:1.75; }
 .content-card-main { padding-bottom:19px; }.content-source-line { gap:9px; margin-bottom:12px; }.content-source-author { font-size:12px; }.content-source-date { font-size:11px; }.content-source-kind { font-size:10px; padding:4px 6px; }
 .content-card-metrics { gap:9px 20px; margin-top:15px; }.content-card-metric dd { font-size:15px; }
 .content-score { grid-column:1; grid-row:auto; flex-direction:row; align-items:center; flex-wrap:wrap; gap:9px 13px; margin:0 0 19px; padding:13px 15px; }
 .content-score-value { margin:0; }.content-score-value strong { font-size:29px; }.content-score meter { width:65px; margin:0; }#content-items .content-score .status { flex-basis:100%; font-size:12px; }
 #content-items .content-card-footer { margin-inline:-18px; padding:14px 18px; gap:11px; }.content-footer-note { font-size:12px; }
 #content-items .content-card-actions { width:100%; margin-left:0; justify-content:flex-start; gap:8px; }#content-items .content-card-actions>button { flex:1 1 auto; min-height:44px; padding:9px 12px; font-size:13px; }
 #content-items .content-card-evidence summary { min-height:44px; }
 #traffic-summary { gap:9px; }#traffic-summary .traffic-card { padding:16px 12px; gap:7px; border-radius:10px; }#traffic-summary .traffic-card>span { font-size:12px; }#traffic-summary .traffic-card>strong { font-size:25px; }
 #traffic-summary .traffic-card>.traffic-value-full { display:none; }#traffic-summary .traffic-card>.traffic-value-compact { display:block; font-size:23px; white-space:nowrap; }#traffic-summary .traffic-card>.traffic-value-exact { display:block; margin-top:-3px; }#traffic-summary .traffic-card>small { font-size:11px; }
 #article-dialog { padding:22px; }#article-dialog h2 { font-size:20px; }#article-dialog .dialog-body { padding:17px; font-size:15px; }
}
@media(max-width:420px) {
 #content-view .subscriptions-panel { padding:17px; }.subscription-browser-filters { grid-template-columns:minmax(0,1fr) 104px; }
 #subscriptions-list .subscription-actions button { padding-inline:9px; font-size:12px; }
 #traffic-summary .traffic-card { padding-inline:10px; }#traffic-summary .traffic-card>strong { font-size:23px; }#traffic-summary .traffic-card>.traffic-value-compact { font-size:21px; }
}
@media(prefers-reduced-motion:reduce) { #content-items .content-card { transition:none; } }