.keyword-lowtop-page{--signal:#0b7fb8;--signal-dark:#075f8c;background:linear-gradient(180deg,#f5fbff 0,#f8fbfd 42%,#f5f9fb 100%)}
.keyword-lowtop-page .lowtop-workspace{grid-template-columns:350px minmax(0,1fr);box-shadow:0 24px 72px rgba(27,92,124,.10)}
.keyword-lowtop-page .query-panel{min-height:900px}
.watch-button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;margin-top:10px;padding:10px 14px;border:1px solid #bcdbe8;border-radius:8px;background:#f2fbff;color:#096f9f;font-size:12px;font-weight:650}
.watch-button:hover{border-color:#79bdd6;background:#e9f8fe}
.watch-panel{margin-top:26px;padding-top:21px;border-top:1px solid #dce8ed}
.watch-panel>div:first-child{display:flex;align-items:center;justify-content:space-between}
.watch-panel h2{font-size:14px}
.watch-panel .text-button{min-height:auto;padding:3px 0;font-size:10px}
.watch-list{display:grid;gap:8px;margin-top:12px}
.watch-item{display:grid;gap:9px;padding:11px;border:1px solid #dbe9ee;border-radius:9px;background:#fff}
.watch-item.is-active{border-color:#aad6e5;box-shadow:inset 3px 0 #1d91bd}
.watch-item>div:first-child{display:grid;gap:3px}
.watch-item b{font-size:11px}
.watch-item span,.watch-item small{font-size:9px;color:#708a95}
.watch-item .watch-error{color:#a64d40;line-height:1.4}
.watch-item>div:last-child{display:flex;gap:10px}
.watch-item button{min-height:auto;padding:2px 0;border:0;background:transparent;color:#187ba1;font-size:9px}
.related-board{margin-top:34px;padding-top:28px;border-top:1px solid #dce8ed}
.related-searches{display:flex;flex-wrap:wrap;gap:9px}
.related-searches button{display:grid;gap:2px;min-height:auto;padding:9px 12px;border:1px solid #d3e6ed;border-radius:8px;background:#f7fbfd;color:#244f60;text-align:left}
.related-searches button:hover{border-color:#78bdd5;background:#eefaff}
.related-searches button b{font-size:11px}
.related-searches button span{font-size:9px;color:#7c929b}
.keyword-note-card .note-cover{aspect-ratio:4/3}
.cover-placeholder{display:grid;width:100%;height:100%;place-items:center;color:#8da3ac;font-size:10px;background:linear-gradient(135deg,#edf7fb,#e3f1f6)}
.keyword-note-card .note-author{justify-content:space-between}
.keyword-note-card .note-author>b{padding:3px 6px;border-radius:5px;background:#eaf8f5;color:#217a6f;font-size:9px}
.score-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:5px;margin-top:12px}
.score-pill{position:relative;display:grid;grid-template-columns:1fr auto;gap:3px;padding:6px 5px 4px;border-radius:6px;background:#edf5f8;overflow:hidden;color:#54727e;font-size:8px}
.score-pill i{position:absolute;left:0;bottom:0;width:var(--score);height:2px;background:#37a9cc}
.score-pill b{font-weight:550}
.total-score{display:flex;align-items:center;gap:2px;padding:4px 6px;border-radius:6px;background:#0b749d;color:#dff7ff;font-size:8px}
.total-score b{color:#fff;font-size:12px}
.no-match{grid-column:1/-1;padding:48px;border:1px dashed #c5dce5;border-radius:12px;background:#f8fcfd;text-align:center}
.no-match b{font-size:18px}
.no-match p{margin-top:8px;color:#738b95;font-size:12px}
@media(max-width:1100px){.keyword-lowtop-page .lowtop-workspace{grid-template-columns:300px minmax(0,1fr)}}
@media(max-width:760px){.keyword-lowtop-page .lowtop-workspace{display:block}.keyword-lowtop-page .query-panel{min-height:auto}.keyword-lowtop-page .watch-panel{display:block}.score-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
