/* BRIM PORTFOLIO SIMULATOR · stylesheet · hosted on the proposal Worker (Sep 20 2026) */

  
  :root{--black:var(--brim-navy);--gold:#C9A84C;--gold-light:var(--brim-gold-light);--gold-dark:var(--brim-gold-deep);--card-bg:#FFFFFF;--text:var(--brim-navy);--text-muted:#5A6A7A;--cream:var(--brim-surface-warm);--cream-light:var(--brim-surface);--green:#1A7A42;--red:#B5302A;--navy:var(--brim-navy);--navy-mid:var(--brim-navy-2);--blue:var(--brim-blue);--inn:#C9A84C;--grw:var(--brim-strategy-growth);--core:var(--brim-strategy-core);--lv:var(--brim-strategy-low-volatility);--sp:var(--brim-blue);--hyg:#2E8B8B;--border:#D4CFC4;}
  *{margin:0;padding:0;box-sizing:border-box;}
  body{background:var(--cream);color:var(--text);font-family:var(--brim-font);font-size:13px;-webkit-font-smoothing:antialiased;}
  .page{max-width:1280px;margin:0 auto;padding:28px 60px 24px;}

  /* HEADER */
  .header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:14px;border-bottom:2px solid var(--gold);margin-bottom:18px;}
  .header-left{display:flex;align-items:center;gap:14px;}
  .logo-column{height:48px;width:auto;}
  .header-title h1{font-family:'DM Serif Display',serif;font-size:22px;color:var(--navy);font-weight:400;}
  .header-title h1 span{color:var(--gold);}
  .header-title p{font-size:10px;color:var(--text-muted);margin-top:2px;letter-spacing:0.5px;text-transform:uppercase;}
  .header-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px;}
  .header-right .firm{font-size:11px;color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;font-weight:600;}

  /* DOWNLOAD BUTTON */
  .download-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;font-family:var(--brim-font);font-size:10.5px;font-weight:700;letter-spacing:1px;text-transform:uppercase;border:1px solid var(--gold);border-radius:6px;background:var(--navy);color:var(--cream-light);cursor:pointer;box-shadow:0 2px 8px rgba(2,19,31,0.15);transition:all 0.2s;}
  .download-btn:hover{background:var(--navy-mid);border-color:var(--gold-light);transform:translateY(-1px);}
  .download-btn:disabled{opacity:0.6;cursor:not-allowed;transform:none;}
  .download-btn svg{width:12px;height:12px;}

  /* SECTION TITLES */
  .section-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--gold-dark);margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid var(--border);}

  /* LAYOUT */
  .main-grid{display:grid;grid-template-columns:340px 1fr;gap:18px;margin-bottom:18px;}
  .left-panel{display:flex;flex-direction:column;gap:12px;}
  .right-panel{display:flex;flex-direction:column;gap:12px;}

  /* CARDS */
  .card{background:var(--card-bg);border:1px solid var(--border);border-radius:6px;padding:12px 14px;box-shadow:0 1px 3px rgba(2,19,31,0.04);}
  .card-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--gold-dark);margin-bottom:10px;}

  /* INPUT GROUPS */
  .input-row{display:grid;gap:8px;margin-bottom:8px;}
  .input-row.cols-2{grid-template-columns:1fr 1fr;}
  .input-group{position:relative;}
  .input-group label{display:block;font-size:8.5px;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:3px;font-weight:600;}
  .input-group input[type=text],.input-group select{width:100%;background:var(--cream-light);border:1px solid var(--border);border-radius:4px;color:var(--text);font-family:var(--brim-font);font-size:12px;padding:6px 8px;font-weight:600;}
  .input-group input:focus,.input-group select:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 2px rgba(201,168,76,0.15);}
  .input-group select{cursor:pointer;-webkit-appearance:none;appearance:none;padding-right:22px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%235A6A7A'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center;}
  .input-group select option{background:var(--card-bg);color:var(--text);}
  .input-dollar{position:relative;}
  .input-dollar::before{content:'$';position:absolute;left:8px;bottom:8px;color:var(--text-muted);font-size:11px;font-weight:600;pointer-events:none;z-index:1;}
  .input-dollar input{padding-left:18px!important;}

  /* TOGGLE */
  .toggle-row{display:flex;align-items:center;justify-content:space-between;padding:5px 0;border-bottom:1px solid var(--cream);}
  .toggle-row:last-child{border-bottom:none;}
  .toggle-label{font-size:10.5px;color:var(--text);}
  .toggle-label .hint{font-size:8px;color:var(--text-muted);display:block;margin-top:1px;}
  .toggle-switch{position:relative;width:34px;height:18px;cursor:pointer;flex-shrink:0;}
  .toggle-switch input{opacity:0;width:0;height:0;}
  .toggle-slider{position:absolute;inset:0;background:var(--border);border-radius:9px;transition:0.2s;}
  .toggle-slider:before{content:'';position:absolute;height:12px;width:12px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:0.2s;box-shadow:0 1px 2px rgba(0,0,0,0.15);}
  .toggle-switch input:checked+.toggle-slider{background:var(--gold);}
  .toggle-switch input:checked+.toggle-slider:before{transform:translateX(16px);background:#fff;}

  /* ALLOCATION SLIDERS */
  .alloc-row{display:flex;align-items:center;gap:8px;margin-bottom:6px;}
  .alloc-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;}
  .alloc-name{font-size:10px;font-weight:600;width:72px;flex-shrink:0;}
  .alloc-slider{flex:1;-webkit-appearance:none;background:transparent;height:16px;padding:0;border:none;cursor:pointer;}
  .alloc-slider::-webkit-slider-track{background:var(--border);height:4px;border-radius:2px;}
  .alloc-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;margin-top:-5px;cursor:pointer;border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,0.2);}
  .alloc-slider.inn::-webkit-slider-thumb{background:var(--inn);}
  .alloc-slider.grw::-webkit-slider-thumb{background:var(--grw);}
  .alloc-slider.core::-webkit-slider-thumb{background:var(--core);}
  .alloc-slider.lv::-webkit-slider-thumb{background:var(--lv);}
  .alloc-slider.hyg::-webkit-slider-thumb{background:var(--hyg);}
  .alloc-slider::-moz-range-track{background:var(--border);height:4px;border-radius:2px;border:none;}
  .alloc-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;cursor:pointer;border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,0.2);}
  .alloc-slider.inn::-moz-range-thumb{background:var(--inn);}
  .alloc-slider.grw::-moz-range-thumb{background:var(--grw);}
  .alloc-slider.core::-moz-range-thumb{background:var(--core);}
  .alloc-slider.lv::-moz-range-thumb{background:var(--lv);}
  .alloc-slider.hyg::-moz-range-thumb{background:var(--hyg);}
  .alloc-pct{width:38px;text-align:center;font-size:12px;font-weight:700;background:var(--cream-light);border:1px solid var(--border);border-radius:4px;color:var(--text);padding:3px 2px;font-family:var(--brim-font);}
  .alloc-pct:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 2px rgba(201,168,76,0.15);}

  /* PRESET BUTTONS */
  .preset-row{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px;}
  .preset-btn{padding:4px 7px;font-family:var(--brim-font);font-size:8px;font-weight:700;border:1px solid var(--border);border-radius:3px;background:transparent;color:var(--text-muted);cursor:pointer;transition:all 0.15s;text-transform:uppercase;letter-spacing:0.3px;}
  .preset-btn:hover{border-color:var(--gold-light);color:var(--text);background:rgba(201,168,76,0.06);}
  .preset-btn.active{background:var(--navy);color:var(--cream-light);border-color:var(--navy);}

  /* SUMMARY — 7 columns */
  .summary-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:12px;}
  .sum-card{background:var(--card-bg);border:1px solid var(--border);border-radius:6px;padding:10px 8px;text-align:center;box-shadow:0 1px 3px rgba(2,19,31,0.04);}
  .sum-card .val{font-size:17px;font-weight:700;color:var(--navy);line-height:1.1;}
  .sum-card .lbl{font-size:8px;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.5px;margin-top:3px;line-height:1.3;}

  /* CHART */
  .chart-wrap{background:var(--card-bg);border:1px solid var(--border);border-radius:6px;padding:14px 16px;flex:1;min-height:0;box-shadow:0 1px 3px rgba(2,19,31,0.04);}
  .chart-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;flex-wrap:wrap;gap:6px;}
  .chart-label{font-size:11px;color:var(--text-muted);}
  .chart-label strong{color:var(--navy);font-size:13px;}
  .chart-timeframes{display:flex;gap:3px;flex-wrap:wrap;}
  .tf-btn{padding:4px 7px;font-family:var(--brim-font);font-size:9px;font-weight:600;border:1px solid var(--border);border-radius:4px;background:transparent;color:var(--text-muted);cursor:pointer;transition:all 0.15s;}
  .tf-btn.active{background:var(--navy);color:var(--cream-light);border-color:var(--navy);}
  .tf-btn:hover:not(.active){border-color:var(--gold-light);color:var(--text);background:rgba(201,168,76,0.06);}
  .chart-canvas-wrap{position:relative;height:390px;}
  .chart-canvas-wrap canvas{width:100%!important;height:100%!important;}
  /* ===== INTERACTIVE CHART LEGEND =====
     Rounded chips: hover focuses that series and dims the rest, click hides
     it. Selectors are `.chart-legend button.lg-chip` (0,2,1) so Webflow's
     global `button` rules (0,0,1) cannot win the cascade. */
  .chart-legend{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;margin-top:14px;padding-top:13px;border-top:1px solid var(--border);}
  .chart-legend button.lg-chip{
    -webkit-appearance:none;appearance:none;
    display:inline-flex!important;align-items:center;gap:9px;
    margin:0!important;padding:6px 14px 6px 10px!important;
    width:auto!important;height:auto!important;min-height:0!important;
    float:none!important;position:static!important;
    font-family:var(--brim-font);line-height:1;text-transform:none;letter-spacing:normal;
    border:1px solid var(--border)!important;border-radius:999px!important;
    background:var(--cream-light);cursor:pointer;
    box-shadow:0 1px 2px rgba(2,19,31,0.04);
    transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease,opacity .16s ease;
  }
  .chart-legend button.lg-chip:hover{transform:translateY(-2px);background:var(--card-bg);border-color:currentColor!important;box-shadow:0 6px 16px rgba(2,19,31,0.13);}
  .chart-legend button.lg-chip:focus{outline:none;}
  .chart-legend button.lg-chip:focus-visible{outline:none;border-color:currentColor!important;box-shadow:0 0 0 3px rgba(201,168,76,0.30);}
  .chart-legend button.lg-chip:active{transform:translateY(0);box-shadow:0 1px 2px rgba(2,19,31,0.06);}
  .chart-legend .lg-swatch{display:block;width:17px;height:4px;border-radius:999px;background:currentColor;flex:0 0 auto;transition:background .16s ease,box-shadow .16s ease;}
  .chart-legend .lg-swatch.dashed{background:repeating-linear-gradient(90deg,currentColor 0 5px,transparent 5px 9px);}
  .chart-legend .lg-name{font-size:10px;font-weight:700;letter-spacing:0.6px;text-transform:uppercase;color:var(--navy);white-space:nowrap;}
  .chart-legend .lg-val{font-size:10.5px;font-weight:700;color:currentColor;font-variant-numeric:tabular-nums;white-space:nowrap;}
  .chart-legend button.lg-chip.off{opacity:0.5;background:transparent;border-style:dashed!important;box-shadow:none;}
  .chart-legend button.lg-chip.off .lg-swatch{background:transparent;box-shadow:inset 0 0 0 1.5px currentColor;}
  .chart-legend button.lg-chip.off .lg-swatch.dashed{background:none;}
  .chart-legend button.lg-chip.off .lg-name{color:var(--text-muted);}
  .chart-legend button.lg-chip.off .lg-val{color:var(--text-muted);}
  .chart-legend button.lg-chip.off:hover{opacity:0.85;background:var(--cream-light);}
  body.pdf-mode .chart-legend button.lg-chip{transform:none!important;box-shadow:none!important;}
  body.pdf-mode .chart-legend button.lg-chip.off{display:none!important;}
  @media(max-width:600px){
    .chart-legend{gap:5px;margin-top:11px;padding-top:10px;}
    .chart-legend button.lg-chip{padding:5px 11px 5px 8px!important;gap:7px;}
    .chart-legend .lg-name{font-size:9px;letter-spacing:0.4px;}
    .chart-legend .lg-val{font-size:9.5px;}
  }

  /* LIVE INDICATOR */
  .live-indicator{display:flex;align-items:center;gap:6px;font-size:9px;color:var(--text-muted);margin-top:4px;}
  .live-dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 4px var(--green);}
  .backtest-dot{width:6px;height:6px;border-radius:50%;background:var(--border);}

  /* DATE PICKERS */
  .date-row{display:flex;gap:6px;align-items:center;margin-top:6px;}
  .date-row label{font-size:8.5px;color:var(--text-muted);text-transform:uppercase;font-weight:600;}
  .date-row input[type=date]{background:var(--cream-light);border:1px solid var(--border);border-radius:4px;color:var(--text);font-family:var(--brim-font);font-size:10px;padding:3px 6px;}
  .date-row input[type=date]:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 2px rgba(201,168,76,0.15);}
  .date-row input[type=date]::-webkit-calendar-picker-indicator{filter:none;}

  /* TABLE */
  table{width:100%;border-collapse:collapse;font-size:11px;}
  th{background:var(--navy);color:var(--cream-light);font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;padding:6px 8px;text-align:right;border:1px solid var(--navy-mid);}
  th:first-child{text-align:left;}
  td{padding:5px 8px;text-align:right;border:1px solid var(--border);font-variant-numeric:tabular-nums;color:var(--text);}
  td:first-child{text-align:left;font-weight:600;}
  tr:nth-child(even) td{background:var(--cream-light);}
  tr:nth-child(odd) td{background:var(--card-bg);}

  /* FOOTER */
  .footer{border-top:1px solid var(--border);padding-top:8px;font-size:8px;color:var(--text-muted);line-height:1.5;margin-top:16px;}
  .footer-row{display:flex;justify-content:space-between;margin-bottom:4px;}
  .footer a{color:var(--gold-dark);text-decoration:none;font-size:inherit;}

  /* LOADING */
  .loading-overlay{position:fixed;inset:0;background:rgba(240,236,225,0.97);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;transition:opacity 0.5s;}
  .loading-overlay.hidden{opacity:0;pointer-events:none;}
  .loading-spinner{width:48px;height:48px;border:3px solid var(--border);border-top-color:var(--gold);border-radius:50%;animation:spin 0.8s linear infinite;}
  @keyframes spin{to{transform:rotate(360deg);}}
  .loading-text{color:var(--navy);font-size:12px;margin-top:14px;letter-spacing:0.5px;font-weight:600;}
  .loading-sub{color:var(--text-muted);font-size:10px;margin-top:4px;}

  /* COMPARE SEARCH */
  .compare-row{display:flex;gap:6px;align-items:center;margin-top:8px;flex-wrap:wrap;}
  .compare-wrap{position:relative;flex:1;min-width:180px;}
  .compare-input{width:100%;background:var(--cream-light);border:1px solid var(--border);border-radius:4px;color:var(--text);font-family:var(--brim-font);font-size:11px;padding:6px 10px 6px 28px;font-weight:500;}
  .compare-input:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 2px rgba(201,168,76,0.15);}
  .compare-input::placeholder{color:#9AA5B0;}
  .compare-icon{position:absolute;left:9px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:12px;pointer-events:none;}
  .compare-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--card-bg);border:1px solid var(--border);border-top:none;border-radius:0 0 4px 4px;max-height:180px;overflow-y:auto;z-index:100;display:none;box-shadow:0 4px 12px rgba(2,19,31,0.1);}
  .compare-dropdown.show{display:block;}
  .compare-option{padding:7px 10px;font-size:11px;color:var(--text-muted);cursor:pointer;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--cream);}
  .compare-option:hover{background:var(--cream-light);color:var(--text);}
  .compare-option .sym{color:var(--text);font-weight:600;}
  .compare-option .desc{font-size:9px;color:var(--text-muted);margin-left:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .compare-option .type{font-size:8px;color:#9AA5B0;text-transform:uppercase;}
  .compare-tags{display:flex;gap:4px;flex-wrap:wrap;margin-top:4px;}
  .compare-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:3px;font-size:9px;font-weight:600;cursor:default;}
  .compare-tag .remove{cursor:pointer;opacity:0.6;font-size:11px;}
  .compare-tag .remove:hover{opacity:1;}

  /* OPTIMIZER */
  .opt-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
  .opt-input{width:70px;background:var(--cream-light);border:1px solid var(--border);border-radius:4px;color:var(--text);font-family:var(--brim-font);font-size:12px;padding:6px 8px;font-weight:600;text-align:center;}
  .opt-input:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 2px rgba(201,168,76,0.15);}
  .opt-btn{padding:6px 14px;font-family:var(--brim-font);font-size:9px;font-weight:700;border:1px solid var(--navy);border-radius:4px;background:var(--navy);color:var(--cream-light);cursor:pointer;transition:all 0.15s;text-transform:uppercase;letter-spacing:0.5px;}
  .opt-btn:hover{background:var(--navy-mid);border-color:var(--navy-mid);}
  .opt-btn:disabled{opacity:0.4;cursor:not-allowed;}
  .opt-result{font-size:10px;color:var(--text-muted);margin-top:6px;line-height:1.5;}
  .opt-result strong{color:var(--navy);}
  .opt-progress{width:100%;height:3px;background:var(--border);border-radius:2px;margin-top:6px;overflow:hidden;display:none;}
  .opt-progress-bar{height:100%;background:var(--gold);border-radius:2px;width:0%;transition:width 0.1s;}

  /* ASSET LOCATION MAP */
  .asset-location{display:flex;flex-direction:column;gap:6px;}
  .al-row{display:flex;align-items:center;gap:10px;font-size:10.5px;}
  .al-label{width:110px;color:var(--text-muted);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:0.3px;flex-shrink:0;}
  .al-bar{flex:1;height:20px;display:flex;background:var(--cream-light);border-radius:3px;overflow:hidden;border:1px solid var(--border);}
  .al-segment{display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:#FFF;text-shadow:0 1px 1px rgba(0,0,0,0.2);white-space:nowrap;overflow:hidden;min-width:0;}
  .al-segment.inn{background:var(--inn);}
  .al-segment.grw{background:var(--grw);color:#FFF;}
  .al-segment.core{background:var(--core);}
  .al-segment.lv{background:var(--lv);}
  .al-segment.hyg{background:var(--hyg);}
  .al-total{width:72px;font-size:10px;color:var(--text);font-weight:600;text-align:right;flex-shrink:0;font-variant-numeric:tabular-nums;}
  .al-empty{color:var(--text-muted);font-size:10px;font-style:italic;padding:4px 0;}

  /* STATS GRID (3x3 tiles) */
  .stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;}
  .stat-tile{background:var(--cream-light);border:1px solid var(--border);border-radius:5px;padding:8px 10px;text-align:center;}
  .stat-tile .stat-val{font-size:14px;font-weight:700;color:var(--navy);line-height:1.15;font-variant-numeric:tabular-nums;}
  .stat-tile .stat-lbl{font-size:8px;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.4px;margin-top:3px;line-height:1.25;}
  .stat-tile .stat-val.green{color:var(--green);}
  .stat-tile .stat-val.red{color:var(--red);}

  /* ===== PDF CAPTURE MODE =====
     Applied to <body> temporarily during export. Hides interactive controls
     and compacts the chart so it renders cleanly in the PDF. */
  body.pdf-mode #loadingOverlay,
  body.pdf-mode .download-btn,
  body.pdf-mode .chart-timeframes,
  body.pdf-mode .compare-row,
  body.pdf-mode .date-row,
  body.pdf-mode .opt-progress,
  body.pdf-mode #optResult:empty,
  body.pdf-mode .compare-tags:empty{display:none!important;}
  body.pdf-mode .opt-btn{visibility:hidden;}

  @media(max-width:1100px){
    .summary-strip{grid-template-columns:repeat(4,1fr);}
  }
  @media(max-width:900px){
    .page{padding-left:40px;padding-right:40px;}
    .main-grid{grid-template-columns:1fr;}
    .summary-strip{grid-template-columns:repeat(3,1fr);}
  }
  @media(max-width:600px){
    .page{padding-left:24px;padding-right:24px;}
    .summary-strip{grid-template-columns:repeat(2,1fr);}
  }

/* ======================================================================
   BRIM · TOOL LOOK v1.1 · 2026-09-29 · Strategy Backtester + Wealth Forecaster
   Same look as the forms and the proposal: white page, 1440 frame, square cards with thin rules,
   number-over-label cells, navy headings, and a navy tool bar (built by the script) that carries
   Share/Save and Download PDF.
   v1.1: every rule is now held inside the tool (.brz-frame, which the bar script puts on the tool's
   own containers). v1 styled every text field and dropdown on the page, which turned the site
   footer's Ask box and contact form fields white. The old header is hidden only when the script
   has moved its buttons (html.brz-tools + .header[data-brz]), so a script failure leaves the
   page as it was.
   ====================================================================== */
html body{background:#fff}
html body .loading-overlay{background:rgba(255,255,255,.97)!important}
html.brz-tools body .header[data-brz]{display:none!important}
html body .brz-frame{max-width:1440px!important;margin-left:auto!important;margin-right:auto!important;padding-left:48px!important;padding-right:48px!important;box-sizing:border-box!important;background:transparent!important}
html body .brz-frame .brz-frame{max-width:none!important;padding-left:0!important;padding-right:0!important}
html body .brz-frame .card,html body .brz-frame .chart-wrap,html body .brz-frame .chart-container,html body .brz-frame .sum-card,html body .brz-frame .input-group,html body .brz-frame .stat-tile,html body .brz-frame .strat-card{border-radius:0!important;box-shadow:none!important;background:#fff!important;border:1px solid #CED7DD!important}
html body .brz-frame .card-title,html body .brz-frame .section-title{font-family:'DM Sans',Arial,sans-serif!important;font-size:13px!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important;color:#02131F!important}
html body .brz-frame .sum-card .val{font-family:'DM Sans',Arial,sans-serif!important;font-size:20px!important;font-weight:500!important;letter-spacing:-.2px!important}
html body .brz-frame .sum-card .lbl,html body .brz-frame .stat-lbl,html body .brz-frame .strat-sub,html body .brz-frame .strat-name,html body .brz-frame .lg-name,html body .brz-frame .toggle-label{letter-spacing:0!important;text-transform:none!important}
html body .brz-frame .sum-card .lbl,html body .brz-frame .stat-lbl{font-size:11px!important;color:#687A87!important}
html body .brz-frame .stat-val{font-family:'DM Sans',Arial,sans-serif!important;font-size:16px!important;font-weight:500!important}
html body .brz-frame .strat-card{border-top-width:3px!important;border-top-color:var(--brz-accent,#8696A1)!important}
html body .brz-frame .strat-card:not(.active){opacity:.55}
html body .brz-frame .strat-name{font-size:12px!important;font-weight:600!important;color:#02131F!important}
html body .brz-frame .strat-rate{font-family:'DM Sans',Arial,sans-serif!important;font-size:22px!important;font-weight:500!important}
html body .brz-frame input[type=text],html body .brz-frame input[type=number],html body .brz-frame input:not([type]),html body .brz-frame select,html body .brz-frame .opt-input,html body .brz-frame .alloc-pct,html body .brz-frame .compare-input{border-radius:0!important;background-color:#fff!important;border:1px solid #BDCBD4!important;box-shadow:none!important}
html body .brz-frame input:focus,html body .brz-frame select:focus{outline:2px solid #3479A1!important;outline-offset:2px!important;border-color:#285A77!important}
html body .brz-frame .tf-btn,html body .brz-frame .preset-btn,html body .brz-frame .opt-btn,html body .brz-frame .lg-chip,html body .brz-frame .data-flag,html body .brz-frame .al-bar,html body .brz-frame .toggle-slider,html body .brz-frame .toggle-slider:before,html body .brz-frame .lg-swatch{border-radius:0!important}
html body .brz-frame .tf-btn{border-color:#CED7DD!important;color:#435866!important}
html body .brz-frame .tf-btn.active,html body .brz-frame .opt-btn{background:#02131F!important;border-color:#02131F!important;color:#fff!important}
html body .brz-frame .lg-chip{background:#fff!important;border-color:#CED7DD!important}
html body .brz-frame .preset-btn{border-color:#BDCBD4!important;color:#263E4E!important;font-size:10px!important;letter-spacing:0!important}
html body .brz-frame .footer{border-top-color:#CED7DD!important;color:#687A87!important}
/* navy tool bar */
html body .brz-bar{position:sticky;top:var(--b16-h,71px);z-index:40;background:#021420;margin:0 0 26px}
html body .brz-in{max-width:1440px;margin:0 auto;padding:0 48px;box-sizing:border-box;display:flex;align-items:center;gap:30px;min-height:56px}
html body .brz-it{position:relative;align-self:stretch;display:flex;align-items:center;background:transparent;border:0;border-radius:0;padding:0;margin:0;font:500 14px/1 'DM Sans',Arial,sans-serif;color:rgba(250,248,243,.84);white-space:nowrap;cursor:pointer;letter-spacing:0;text-transform:none}
html body .brz-it.on{color:#C9A84C}
html body .brz-it.on:after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:#C9A84C}
html body .brz-sp{flex:1}
html body .brz-bar .share-btn,html body .brz-bar .download-btn{border-radius:0!important;box-shadow:none!important;background:transparent!important;border:1px solid rgba(250,248,243,.38)!important;color:#FAF8F3!important;font:500 12px/1 'DM Sans',Arial,sans-serif!important;letter-spacing:0!important;text-transform:none!important;padding:11px 16px!important;height:auto!important;min-height:0!important}
html body .brz-bar .download-btn{background:#FAF8F3!important;color:#02131F!important;border-color:#FAF8F3!important}
html body .brz-bar .share-btn svg,html body .brz-bar .download-btn svg{stroke:currentColor}
@media (max-width:1100px){html body .brz-in{overflow-x:auto;gap:24px}}
@media (max-width:640px){html body .brz-frame,html body .brz-in{padding-left:22px!important;padding-right:22px!important}}

/* BRIM · ACCOUNT PLAN v1 · 2026-09-29 — "Your account plan" cards (backtester) / "Where each strategy belongs" (forecaster) */
html body .brzp{margin:34px 0 34px;border-top:1px solid #CED7DD;padding-top:26px;font-family:'DM Sans',Arial,sans-serif}
html body .brzp-h{font:400 30px/1.2 'Cormorant Garamond',Georgia,serif!important;color:#02131F;margin:0 0 6px;letter-spacing:0;text-transform:none}
html body .brzp-sub{font:400 14px/1.5 'DM Sans',Arial,sans-serif;color:#435866;margin:0 0 20px}
html body .brzp-sub a{font:inherit!important;color:#285A77!important;text-decoration:underline!important}
html body .brzp-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
html body .brzp-card{border:1px solid #CED7DD;border-top:3px solid var(--c,#8696A1);padding:16px 18px 18px;background:#fff;border-radius:0}
html body .brzp-nm{font:600 13px/1.3 'DM Sans',Arial,sans-serif;color:#02131F;margin:0 0 2px}
html body .brzp-bal{font:500 22px/1.3 'DM Sans',Arial,sans-serif;color:#02131F;margin:0 0 10px}
html body .brzp-chips{margin:6px 0 2px}
html body .brzp-chip{display:inline-block;font:600 12px/1 'DM Sans',Arial,sans-serif;padding:6px 9px;margin:0 6px 10px 0;color:#fff;border-radius:0}
html body .brzp-why{font:400 13.5px/1.55 'DM Sans',Arial,sans-serif;color:#263E4E;margin:0}
html body .brzp-why b,html body .brzp-l b,html body .brzp-nudge b{color:#02131F;font-weight:600}
html body .brzp-nudge{margin:14px 0 0;padding:12px 14px;background:#F4F6F8;border-left:3px solid #C9A84C;font:400 13.5px/1.5 'DM Sans',Arial,sans-serif;color:#263E4E}
html body .brzp-open{display:flex;flex-wrap:wrap;align-items:center;gap:14px 16px;margin-top:18px;border-top:1px solid #CED7DD;padding-top:18px}
html body .brzp-l{flex:1 1 420px;font:400 14px/1.5 'DM Sans',Arial,sans-serif;color:#263E4E}
html body a.brzp-btn{display:inline-block;font:500 13px/1 'DM Sans',Arial,sans-serif;padding:13px 20px;border:1px solid #02131F;background:#02131F;color:#fff!important;text-decoration:none!important;border-radius:0;white-space:nowrap}
html body a.brzp-btn.brzp-o{background:#fff;color:#02131F!important}
html body .brzp-note{font:400 11.5px/1.5 'DM Sans',Arial,sans-serif;color:#687A87;margin-top:10px}
@media (max-width:640px){html body a.brzp-btn{flex:1 1 100%;text-align:center}}

/* BRIM · PIN THIS RUN v1 · 2026-09-29 */
html body .brzpin-ui{display:inline-flex;align-items:center;flex-wrap:wrap;gap:10px;margin-left:12px}
html body .brzpin-btn{font:500 12px/1 'DM Sans',Arial,sans-serif;padding:9px 14px;border:1px solid #02131F;background:#fff;color:#02131F;border-radius:0;cursor:pointer;white-space:nowrap}
html body .brzpin-btn:hover{background:#02131F;color:#fff}
html body .brzpin-chip{display:inline-flex;align-items:center;gap:8px;font:500 12px/1.3 'DM Sans',Arial,sans-serif;padding:7px 10px;background:#F4F6F8;border:1px solid #CED7DD;color:#263E4E;border-radius:0}
html body .brzpin-chip i{display:inline-block;width:18px;border-top:2px dashed #8696A1}
html body .brzpin-chip a{color:#285A77;text-decoration:underline;cursor:pointer}
html body .brzpin-x{border:0;background:transparent;color:#435866;font:600 13px/1 'DM Sans',Arial,sans-serif;cursor:pointer;padding:0 0 0 2px}
html body .brzpin-b{font:500 11.5px/1.3 'DM Sans',Arial,sans-serif;color:#687A87;margin-top:5px}
html body .brzpin-b b{color:#02131F;font-weight:600}
html body .brzpin-b.brzpin-off{opacity:.5}
html body .brzpin-lg .lg-swatch{background:transparent!important;border-top:2px dashed #8696A1!important;height:0!important;width:18px!important;border-radius:0!important}
html body .chart-legend,html body .chart-legend *{border-radius:0!important}
html body .chart-legend .brzpin-lg{display:inline-flex!important;align-items:center;gap:8px;padding:7px 12px!important;border:1px solid #CED7DD!important;background:#fff!important;margin-left:8px;font:600 12px/1 'DM Sans',Arial,sans-serif;color:#02131F}
html body .chart-legend .brzpin-lg .lg-val{margin-left:4px;color:#687A87}
html body .chart-legend .lg-chip.lg-chip,html body .chart-legend .lg-chip.lg-chip .lg-swatch{border-radius:0!important}

/* BRIM · DATE BAR v1 · 2026-09-30 — the drag bar under the backtester chart */
html body .brzn{margin:12px 0 4px;user-select:none;-webkit-user-select:none}
html body .brzn-cv{display:block;width:100%;height:46px;touch-action:none;cursor:pointer}
html body .brzn-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:5px;font:500 11px/1.3 'DM Sans',Arial,sans-serif;color:#687A87}
html body .brzn-a,html body .brzn-b{color:#02131F;font-weight:600;white-space:nowrap}
html body .brzn-h{text-align:center;flex:1}
@media (max-width:640px){html body .brzn-h{display:none}}

/* Oct 9 2026 · the navy tool bar follows the site jump bar rules (brim-jumpbar.css):
   flush under the hero (the frame's 28px top padding sat above it as a white band),
   full page width (the frame's side padding left white strips beside it once it
   pinned), and its labels on the page's own left edge (they sat 48px further in). */
html body .brz-frame>.brz-bar{margin:-28px -48px 26px;box-shadow:0 0 0 100vmax #021420;-webkit-clip-path:inset(0 -100vmax);clip-path:inset(0 -100vmax)}
@media (max-width:640px){html body .brz-frame>.brz-bar{margin-left:-22px;margin-right:-22px}}
