body.bf-tool-values-page .fv-watch-panel,
body.bf-tool-values-page .fv-weekly-panel { padding: clamp(16px, 2.5vw, 24px); }
body.bf-tool-values-page .fv-feature-heading { display: flex; justify-content: space-between; align-items: flex-start; gap: 14px; }
body.bf-tool-values-page .fv-feature-heading h2 { margin: 0; font-size: clamp(1.14rem, 2.5vw, 1.45rem); }
body.bf-tool-values-page .fv-feature-heading p { margin: 6px 0 0; color: var(--bf-text-muted); line-height: 1.55; font-size: .87rem; }
body.bf-tool-values-page .fv-feature-count { flex: 0 0 auto; padding: 5px 10px; border-radius: 999px; background: #e0edff; color: #174576; font-size: .78rem; font-weight: 850; }
body.bf-tool-values-page .fv-feature-empty { margin: 14px 0 0; padding: 14px; border: 1px dashed var(--bf-border-strong); border-radius: 12px; color: var(--bf-text-muted); line-height: 1.55; }
body.bf-tool-values-page .fv-watch-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 225px), 1fr)); gap: 10px; margin-top: 14px; }
body.bf-tool-values-page .fv-watch-list .fv-feature-empty { grid-column: 1 / -1; margin: 0; }
body.bf-tool-values-page .fv-watch-item { display: flex; flex-direction: column; gap: 7px; min-width: 0; padding: 12px; border: 1px solid var(--bf-border); border-radius: 12px; background: var(--bf-surface-soft); }
body.bf-tool-values-page .fv-watch-item a { color: var(--bf-text); font-weight: 850; text-decoration: none; overflow-wrap: anywhere; }
body.bf-tool-values-page .fv-watch-item a:hover { text-decoration: underline; }
body.bf-tool-values-page .fv-watch-value { font-size: .8rem; color: var(--bf-text-muted); line-height: 1.5; }
body.bf-tool-values-page .fv-watch-delta { font-size: .79rem; font-weight: 800; line-height: 1.45; }
body.bf-tool-values-page .fv-watch-delta.is-up { color: #0b7952; }
body.bf-tool-values-page .fv-watch-delta.is-down { color: #b33b44; }
body.bf-tool-values-page .fv-watch-toggle { display: inline-flex; align-items: center; justify-content: center; align-self: flex-start; min-height: 38px; padding: 5px 12px; margin-top: 8px; border: 1px solid #9bb9df; border-radius: 999px; background: #f1f7ff; color: #184a80; font: inherit; font-size: .78rem; font-weight: 800; cursor: pointer; }
body.bf-tool-values-page .fv-watch-toggle[aria-pressed="true"] { color: #653914; background: #fff1d4; border-color: #e4ab52; }
body.bf-tool-values-page .fv-watch-toggle:focus-visible,
body.bf-tool-values-page .fv-weekly-actions button:focus-visible,
body.bf-tool-values-page .fv-embed-details summary:focus-visible { outline: 3px solid #3b82f6; outline-offset: 2px; }
body.bf-tool-values-page .fv-weekly-list { list-style: none; margin: 14px 0 0; padding: 0; display: grid; gap: 8px; }
body.bf-tool-values-page .fv-weekly-item { display: flex; align-items: center; gap: 12px; min-width: 0; padding: 10px 12px; border: 1px solid var(--bf-border); border-radius: 12px; background: var(--bf-surface-soft); }
body.bf-tool-values-page .fv-weekly-rank { flex: 0 0 30px; display: grid; place-items: center; width: 30px; height: 30px; border-radius: 9px; background: #164b83; color: #fff; font-weight: 900; }
body.bf-tool-values-page .fv-weekly-name { flex: 1; min-width: 0; }
body.bf-tool-values-page .fv-weekly-name a { display: block; color: var(--bf-text); font-weight: 850; text-decoration: none; overflow-wrap: anywhere; }
body.bf-tool-values-page .fv-weekly-name a:hover { text-decoration: underline; }
body.bf-tool-values-page .fv-weekly-name small { display: block; color: var(--bf-text-muted); font-size: .75rem; line-height: 1.4; }
body.bf-tool-values-page .fv-weekly-change { white-space: nowrap; font-variant-numeric: tabular-nums; font-size: .98rem; }
body.bf-tool-values-page .fv-weekly-change.is-up { color: #087452; }
body.bf-tool-values-page .fv-weekly-change.is-down { color: #ad3540; }
body.bf-tool-values-page .fv-weekly-footer { margin-top: 12px; }
body.bf-tool-values-page .fv-weekly-footer > p:first-child { margin: 0 0 10px; color: var(--bf-text-muted); font-size: .76rem; line-height: 1.5; }
body.bf-tool-values-page .fv-weekly-actions { display: flex; flex-wrap: wrap; gap: 8px; align-items: flex-start; }
body.bf-tool-values-page .fv-weekly-actions button { min-height: 40px; padding: 8px 14px; border: 0; border-radius: 10px; background: #16599b; color: #fff; font: inherit; font-size: .8rem; font-weight: 850; cursor: pointer; }
body.bf-tool-values-page .fv-embed-details { border: 1px solid var(--bf-border); border-radius: 10px; padding: 0 10px; }
body.bf-tool-values-page .fv-embed-details summary { display: flex; align-items: center; min-height: 40px; cursor: pointer; font-size: .8rem; font-weight: 800; }
body.bf-tool-values-page .fv-embed-details p { max-width: 32rem; color: var(--bf-text-muted); font-size: .76rem; line-height: 1.5; }
body.bf-tool-values-page .fv-embed-details button { margin-bottom: 10px; }
body.bf-tool-values-page .fv-weekly-feedback { margin: 8px 0 0; min-height: 1em; font-size: .8rem; color: #087452; }
body.dark-mode.bf-tool-values-page .fv-feature-count { background: #193b61; color: #dbeafe; }
body.dark-mode.bf-tool-values-page .fv-watch-toggle { background: #193b61; color: #dbeafe; border-color: #4d83bc; }
body.dark-mode.bf-tool-values-page .fv-watch-toggle[aria-pressed="true"] { background: #624324; color: #fff1d4; border-color: #bf914c; }
body.dark-mode.bf-tool-values-page .fv-watch-delta.is-up,
body.dark-mode.bf-tool-values-page .fv-weekly-change.is-up { color: #6ee7b7; }
body.dark-mode.bf-tool-values-page .fv-watch-delta.is-down,
body.dark-mode.bf-tool-values-page .fv-weekly-change.is-down { color: #fda4af; }
@media (max-width: 480px) {
  body.bf-tool-values-page .fv-feature-heading { align-items: flex-start; }
  body.bf-tool-values-page .fv-feature-count { font-size: .72rem; }
  body.bf-tool-values-page .fv-weekly-item { gap: 8px; padding: 9px; }
  body.bf-tool-values-page .fv-weekly-rank { flex-basis: 26px; width: 26px; height: 26px; }
  body.bf-tool-values-page .fv-weekly-change { font-size: .85rem; }
}