.ranking-notifications { border-bottom:1px solid var(--ctp-surface1); color:var(--ctp-text); }
.ranking-notifications-heading { display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 10px; padding:14px 16px 8px; font-size:14px; }
.ranking-notifications-heading span,.ranking-alert-status { color:var(--ctp-subtext0); font-size:12px; }
.ranking-alert-status { padding:4px 16px 16px; line-height:1.6; }
.ranking-alert-status button { text-decoration:underline; }
.ranking-alert { padding:14px 16px; border-top:1px solid var(--ctp-surface0); font-size:13px; line-height:1.5; }
.ranking-alert-unread { border-left:3px solid var(--ctp-peach); padding-left:13px; }
.ranking-alert-site { display:flex; align-items:center; gap:8px; overflow-wrap:anywhere; }
.ranking-alert-site img { width:20px; height:20px; flex:none; }
.ranking-alert-new { margin-left:auto; color:var(--ctp-peach); font-size:11px; }
.ranking-alert p { margin:7px 0; }
.ranking-alert ul { list-style:none; margin:8px 0; padding:0; }
.ranking-alert li { display:flex; flex-direction:column; margin-top:7px; gap:1px; color:var(--ctp-subtext0); font-size:12px; }
.ranking-alert-query { color:var(--ctp-text); overflow-wrap:anywhere; font-size:13px; }
.ranking-alert small { color:var(--ctp-subtext0); font-size:11px; }
.ranking-alert-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
.ranking-alert-more { display:block; width:100%; padding:12px; font-size:13px; color:var(--ctp-blue); }
.ranking-alert-dialog { width:min(720px,calc(100vw - 28px)); max-height:calc(100dvh - 32px); margin:auto; padding:0; border:1px solid var(--ctp-surface1); border-radius:16px; color:var(--ctp-text); background:var(--ctp-base); overflow:auto; box-shadow:0 16px 60px #0005; }
.ranking-alert-dialog::backdrop { background:#10131c80; backdrop-filter:blur(4px); }
.ranking-alert-detail { padding:24px; font-size:14px; line-height:1.6; overflow-wrap:anywhere; }
.ranking-alert-detail header { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; }
.ranking-alert-detail h2 { font-size:20px; line-height:1.3; font-weight:700; margin:0 0 8px; }
.ranking-alert-detail p { margin:16px 0; color:var(--ctp-subtext0); }
.ranking-keywords article { display:flex; flex-direction:column; gap:6px; padding:16px 0; border-top:1px solid var(--ctp-surface1); }
.ranking-keywords span { color:var(--ctp-subtext0); }
.ranking-keywords img { display:inline-block; width:18px; margin-right:6px; vertical-align:middle; }
.ranking-keywords a { color:var(--ctp-blue); font-size:13px; }
.ranking-keywords small,.ranking-alert-detail footer small { color:var(--ctp-subtext0); font-size:12px; }
.ranking-alert-detail footer { display:flex; flex-direction:column; align-items:flex-start; gap:14px; padding-top:20px; border-top:1px solid var(--ctp-surface1); }
@media(max-width:520px) { .ranking-alert-detail { padding:18px; } .ranking-alert-detail h2 { font-size:18px; } }