.bj-guide { border-top: 1px solid var(--border); padding: 16px 0; display: grid; gap: 12px; min-width: 0; }
.bj-guide-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.bj-guide-toolbar label { margin: 0; display: flex; gap: 8px; align-items: center; }
.bj-guide-toolbar input[type=checkbox] { width: 18px; height: 18px; }
.bj-guide-toolbar input[type=number] { width: 110px; padding: 8px; }
.bj-guide-toolbar input[type=range] { width: 180px; accent-color: var(--accent); }
.bj-guide h2 { font-size: 1.05rem; }
.bj-guide-status { color: var(--muted); line-height: 1.45; overflow-wrap: anywhere; }
.bj-guide-result { font-weight: 700; line-height: 1.5; }
.bj-guide-result a { color: var(--accent); }
.bj-guide table { width: 100%; border-collapse: collapse; font-variant-numeric: tabular-nums; }
.bj-guide th, .bj-guide td { padding: 8px 10px; text-align: left; border-bottom: 1px solid var(--border); }
.bj-guide .ev-best { background: #edf8f0; }
.bj-guide .btn { padding: 8px 14px; min-height: 38px; width: auto; }
.bj-guide-chart { width: 100%; height: 230px; display: block; }
.bj-guide-details[hidden], .bj-guide [hidden] { display: none !important; }
.strategy-table .bj-changed { outline: 3px solid #f5c84b; outline-offset: -3px; }
.strategy-table .bj-pending { background-image: repeating-linear-gradient(135deg, transparent, transparent 5px, #ffffff24 5px, #ffffff24 10px); }
.strategy-table button { width: 100%; min-height: 26px; background: transparent; color: inherit; border: 0; font: inherit; cursor: pointer; }
.strategy-table .bj-selected { box-shadow: inset 0 0 0 3px #111827; }
.bj-rule-extras { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 12px; padding: 14px 0; }
.bj-rule-extras label { font-size: 0.86rem; }
.bj-preset { grid-column: 1 / -1; border-left: 4px solid var(--accent); padding: 10px 14px; background: #edf4ff; overflow-wrap: anywhere; }
.bj-insurance { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; padding: 12px 0; }
.bj-insurance[hidden] { display: none; }
.bj-curve-legend { display: flex; flex-wrap: wrap; gap: 12px; font-size: 0.85rem; }
.bj-curve-legend label { border-bottom: 3px solid var(--line); padding-bottom: 3px; cursor: pointer; }
@media (max-width: 600px) { .bj-guide-toolbar { align-items: flex-start; } .bj-guide-toolbar input[type=range] { width: 140px; } .bj-guide th, .bj-guide td { padding: 6px 4px; font-size: 0.85rem; } }