/* 7-day watch widgets (site_v2/static/js/watch_board.js), shared by the homepage block and /watch. */
.wb-form { display:flex; flex-wrap:wrap; gap:10px; margin-top:18px; max-width:640px; }
.wb-form input { flex:1 1 260px; min-width:0; padding:13px 14px; border-radius:10px; border:1px solid var(--rule);
  background:var(--bg-1); color:var(--fg-0); font:inherit; font-size:1.02rem; }
.wb-form input:focus { outline:2px solid var(--accent); outline-offset:1px; }
.wb-btn { cursor:pointer; font:inherit; }
.wb-btn-ghost { background:transparent; color:var(--fg-1); border:1px solid var(--rule); border-radius:999px;
  padding:6px 14px; font-size:0.9rem; }
.wb-btn-ghost.wb-on { border-color:var(--accent); color:var(--accent); }
.wb-geo { background:none; border:0; color:var(--accent); padding:4px 0; font-size:0.95rem; text-decoration:underline; }
.wb-answer { margin-top:16px; max-width:720px; font-size:1.02rem; color:var(--fg-0); }
.wb-answer:empty { display:none; }
.wb-answer-yes, .wb-answer-no { padding:14px 18px; border-radius:12px; border:1px solid var(--rule); background:var(--bg-1); }
.wb-answer-yes { border-color:var(--accent-warn); }
.wb-answer-head { font-weight:600; margin:0 0 6px; }
.wb-answer ul { margin:6px 0 8px 18px; padding:0; }
.wb-small { font-size:0.86rem; }
.wb-muted { color:var(--fg-2); }
.wb-areas { list-style:none; margin:16px 0 0; padding:0; display:grid; gap:12px;
  grid-template-columns:repeat(auto-fill, minmax(260px, 1fr)); }
.wb-area { display:flex; flex-direction:column; gap:3px; padding:14px 16px; border:1px solid var(--rule);
  border-radius:12px; background:var(--bg-1); }
.wb-area-name { color:var(--fg-0); font-size:1.02rem; margin-bottom:2px; }
.wb-area-meta { color:var(--fg-1); font-size:0.92rem; }
.wb-link { color:var(--accent); font-size:0.9rem; margin-top:4px; }
.wb-record-line { font-size:1.12rem; font-weight:600; color:var(--fg-0); margin:0 0 4px; }
.wb-record-ratio { font-size:1.02rem; color:var(--accent); margin:0 0 4px; }
.wb-filters { display:flex; flex-wrap:wrap; gap:8px; margin:18px 0 10px; }
.wb-table-wrap { overflow-x:auto; -webkit-overflow-scrolling:touch; border:1px solid var(--rule-dim); border-radius:12px; }
.wb-table { width:100%; border-collapse:collapse; font-size:0.92rem; }
.wb-table th { text-align:left; color:var(--fg-2); font-weight:600; padding:10px 12px; border-bottom:1px solid var(--rule); white-space:nowrap; }
.wb-table td { padding:9px 12px; border-bottom:1px solid var(--rule-dim); color:var(--fg-1); vertical-align:top; }
.wb-nowrap { white-space:nowrap; }
.wb-tag-hit { color:var(--accent-hot); }
.wb-tag-miss { color:var(--fg-2); }
.wb-steps { margin:16px 0 0; padding-left:22px; max-width:760px; }
.wb-steps li { margin:0 0 12px; color:var(--fg-1); }
.wb-faq h3 { font-size:1.08rem; margin:26px 0 6px; color:var(--fg-0); }
.wb-faq p { max-width:760px; color:var(--fg-1); margin:0 0 8px; }
#wb-more { margin-top:10px; }
.wb-chips { list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:10px; }
.wb-chip { display:flex; flex-direction:column; padding:10px 14px; border:1px solid var(--rule); border-radius:12px; background:var(--bg-1); }
.wb-chip .wb-area-meta { font-size:0.88rem; }