/* BuildMidas reference: navigation-preview.css and homepage-chrome.css.
   Scope the public chrome so signed-in workspace controls retain their styling. */
:is(.sf-site-header,.sf-site-footer,.mnav-panel){--text-primary:#15171c;--text-secondary:#59617a;--text-muted:#59617a;--bg-primary:#fff;--bg-secondary:#fff;--bg-card:#fff;--bg-tertiary:#f6f7fb;--bg-hover:#f6f7fb;--primary:#286ad9;--border-color:#e8eaf1;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.55;letter-spacing:normal;color:#15171c;color-scheme:light}
.sf-site-header{position:sticky;top:0;z-index:250;width:100%;height:64px;margin:0;padding:0;background:rgb(255 255 255 / 84%);backdrop-filter:saturate(160%) blur(12px);border:0}
.sf-site-header .lp-nav-inner{display:flex;align-items:center;gap:34px;width:100%;max-width:1360px;height:64px;margin:0 auto;padding:0 24px}
:is(.sf-site-header,.sf-site-footer) a{text-decoration:none}
:is(.sf-site-header,.sf-site-footer) .lp-logo{display:flex;align-items:center;flex-shrink:0;gap:10px;color:#15171c;font-family:Manrope,Arial,sans-serif;font-weight:800;font-size:22px;line-height:1.55;letter-spacing:-.02em;white-space:nowrap}
.sf-site-header .lp-logo svg{width:34px;height:34px;flex-shrink:0}
.sf-site-header .lp-nav-links{display:flex;align-items:center;gap:26px;margin:0;padding:0;min-width:0}
.sf-site-header .lp-nav-links a{color:#59617a;font-size:15px;font-weight:500;line-height:1.55;white-space:nowrap}
.sf-site-header .lp-nav-links a:hover,.sf-site-header .lp-nav-links a.active{color:#15171c}
.sf-site-header .lp-nav-links a.active{text-decoration:none}
.sf-site-header .lp-nav-drop{position:relative}
.sf-site-header .lp-nav-drop>a{display:inline-flex;align-items:center;gap:6px;padding:18px 0}
.sf-site-header .fa-chevron-down{font-size:9px}
.sf-site-header .lp-nav-menu{display:none;position:absolute;top:100%;left:0;right:auto;transform:none;width:min(880px,calc(100vw - 48px));min-width:0;max-width:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 28px;padding:24px;background:#fff;border:1px solid #e6e8ed;border-radius:16px;box-shadow:0 16px 42px rgb(20 25 35 / 9%);max-height:calc(100dvh - 88px);overflow:auto;scrollbar-width:thin}
.sf-site-header.sf-dropdowns-ready .lp-nav-drop .lp-nav-menu{display:none}
.sf-site-header:not(.sf-dropdowns-ready) .lp-nav-drop:is(:hover,:focus-within) .lp-nav-menu,.sf-site-header.sf-dropdowns-ready .lp-nav-drop.is-open>.lp-nav-menu{display:grid}
.sf-site-header .lp-nav-drop::after{content:"";position:absolute;top:100%;inset-inline:0;height:8px}
.sf-site-header .lp-nav-menu a{display:block;padding:12px 16px;border-radius:8px;white-space:normal;color:#272a32;line-height:1.5;transition:background-color .12s,color .12s}
.sf-site-header .lp-nav-menu a:hover,.sf-site-header .lp-nav-menu a.active{background:#f4f5f7;color:#111318;text-decoration:none}
.sf-site-header .lp-nav-right{display:flex;align-items:center;flex-shrink:0;gap:10px;margin-inline-start:auto}
.sf-site-header :is(.lp-nav-signin,.lp-btn){display:inline-flex;align-items:center;justify-content:center;gap:8px;margin:0;padding:11px 20px;border:1px solid transparent;border-radius:999px;font-size:15px;font-weight:600;line-height:1.55;white-space:nowrap;transition:transform .12s,background .12s}
.sf-site-header .lp-nav-signin{max-width:155px;overflow:hidden;text-overflow:ellipsis;color:#0e1119;border-color:#e8eaf1;background:transparent}
.sf-site-header .lp-btn{background:#12141d;color:#fff}
.sf-site-header .lp-btn:hover{background:#343943;color:#fff;transform:translateY(-1px)}
.sf-site-header .lp-nav-signin:hover{background:#f6f7fb}
.sf-site-header :is(.lp-globe,.mnav-toggle){display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;margin:0;padding:0;border:0;border-radius:12px;background:transparent;color:#59617a;cursor:pointer;font:inherit}
.sf-site-header .mnav-toggle{display:none;color:#0e1119}
.sf-site-header .mnav-toggle svg{width:20px;height:20px}
.sf-site-header :is(.mnav-toggle,.lp-globe):hover{background:#f6f7fb}
:is(.sf-site-header,.sf-site-footer) :is(a,button):focus-visible{outline:2px solid #286ad9;outline-offset:5px}
.sf-site-footer{display:block;padding:40px 0 60px;margin:0;border:0;background:#fff;color:#59617a;font-size:14px}
.sf-site-footer .lp-footer-inner{display:flex;justify-content:space-between;align-items:center;flex-direction:row;flex-wrap:wrap;gap:20px;width:100%;max-width:min(1800px,calc(100vw - 80px));margin:0 auto;padding:0 24px}
.sf-site-footer .lp-logo{font-size:16px;gap:8px}
.sf-site-footer .lp-logo svg{width:25px;height:25px;flex-shrink:0}
.sf-site-footer .lp-footer-links{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 22px;margin:0;padding:0}
.sf-site-footer .lp-footer-links a{display:inline-flex;align-items:center;min-height:32px;margin:0;color:#59617a;font-size:14px;white-space:nowrap}
.sf-site-footer .lp-footer-links a:hover{color:#0e1119}
.sf-site-footer .lp-footer-copy{font-size:14px;white-space:nowrap;width:auto;color:#59617a}
body[data-public-chrome]:not(.sf-public)>:is(.sf-site-header,.sf-site-footer){display:none}
body.sf-public{--header-height:64px}
body.sf-public .header{display:none}
body.sf-public .app-container,body.sf-public .main-content{min-height:calc(100vh - 64px)}
/* Match the homepage's content width and responsive outer margins. */
body.sf-public{--sf-public-gutter:clamp(24px,5vw,80px)}
body.sf-public .main-content>.content-wrapper{width:min(calc(100% - 2*var(--sf-public-gutter)),1296px);max-width:1296px;margin-inline:auto;padding-inline:0}
body.sf-public .mk-grid{grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr))}
body.sf-public .nn-grid{grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr))}
/* Full-width price chart, then an evenly divided order-book and trades row. */
body.sf-public :is(.lm-grid,.uss-grid:not(.solo)){grid-template-columns:repeat(2,minmax(0,1fr))}
body.sf-public :is(.lm-grid,.uss-grid)>:first-child{grid-column:1 / -1}
body.sf-public :is(.lm-trades-card,.uss-tape-card){grid-column:auto}
body.sf-public :is(.lm-grid,.uss-grid)>:not(:first-child){align-self:stretch}
@media(max-width:768px){body.sf-public :is(.lm-grid,.uss-grid:not(.solo)){grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){body.sf-public{--sf-public-gutter:22px}}
body .mnav-panel{background:#fff;color:#15171c;border-color:#e8eaf1}
body .mnav-panel a,body .mnav-panel .mnav-group{font-family:inherit;color:#30343d;font-size:15px}
body .mnav-panel .mnav-actions .solid{background:#12141d;color:#fff}
body .mnav-panel .mnav-actions .ghost{background:#fff;border:1px solid #e8eaf1;color:#15171c}
body .mnav-panel a.active{color:#15171c;background:#f4f5f7;text-decoration:none}
@media(max-width:1340px){.sf-site-header .lp-nav-inner{gap:22px}.sf-site-header .lp-nav-links{gap:18px}}
/* Collapse before translated labels or account names crowd the row. */
@media(max-width:1120px){.sf-site-header .lp-nav-links,.sf-site-header .lp-nav-right :is(.lp-nav-signin,.lp-btn){display:none}.sf-site-header .mnav-toggle{display:inline-flex}}
@media(max-width:1240px){.sf-site-footer .lp-footer-inner{max-width:1160px}}
@media(max-width:640px){.sf-site-footer .lp-footer-inner{flex-direction:column;text-align:center;max-width:100%}.sf-site-footer .lp-footer-copy{width:auto}.sf-site-footer .lp-logo{justify-content:center}}
@media(max-width:600px){.sf-site-footer .lp-footer-links a{font-size:13px}.sf-site-header .lp-nav-inner{padding-inline:22px}}
@media(prefers-reduced-motion:reduce){.sf-site-header a{transition:none}}

/* Strategy reports share the public content shell. Keep long identifiers and
   report tables inside their cards at phone widths, with accessible scrolling. */
body[data-page-id="strategy-detail"] #strategyDetailContent{min-width:0;overflow-wrap:anywhere}
body[data-page-id="strategy-detail"] :is(.sd-header-main,.sd-title-row,.sd-title,.sd-card-body,.sd-stat){min-width:0;max-width:100%}
body[data-page-id="strategy-detail"] .sd-table-scroll{overflow-x:auto;max-width:100%;min-width:0;-webkit-overflow-scrolling:touch}
body[data-page-id="strategy-detail"] .sd-table-scroll .stage-wf-table{min-width:640px}
body[data-page-id="strategy-detail"] .stage-wf-table :is(th,td){white-space:nowrap}
/* Preserve financial labels and values as single units. Wrapping made the
   sticky header taller than its 32px scrollbar band, exposing a corner notch. */
body[data-page-id="strategy-detail"] .returns-table :is(th,td){white-space:nowrap;overflow-wrap:normal}
body[data-page-id="strategy-detail"] .sd-card-body :is(input,select,.filter-combo){max-width:100%;box-sizing:border-box}
body[data-page-id="strategy-detail"] .sd-stats-row{grid-template-columns:repeat(4,minmax(0,1fr))}
body[data-page-id="strategy-detail"] .sd-card-header{flex-wrap:wrap}
/* Align each status icon with the first title line, independent of how much
   description text or feedback the card contains. */
body[data-page-id="strategy-detail"] .layer-detail{flex-direction:row;align-items:flex-start}
body[data-page-id="strategy-detail"] .layer-header{flex-wrap:wrap;align-items:flex-start}
body[data-page-id="strategy-detail"] .layer-title{line-height:28px}
body[data-page-id="strategy-detail"] .layer-header .stage-badge{overflow-wrap:normal}
@media(max-width:768px){body[data-page-id="strategy-detail"] .sd-stats-row{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* BuildMidas navigation-preview + marketing-nav mobile panel. Declare these
   on the shared public component so app-page typography cannot change it. */
.sf-site-header :is(.lp-globe,.mnav-toggle){width:40px;height:40px}
body .mnav-panel{padding:14px 18px max(18px,env(safe-area-inset-bottom));box-shadow:0 18px 40px rgba(16,24,40,.14);-webkit-font-smoothing:antialiased}
body .mnav-panel :is(a,.mnav-group){font-size:16px;line-height:1.55;letter-spacing:normal}
body .mnav-panel>.mnav-top{justify-content:space-between;margin-bottom:6px}
body .mnav-panel .mnav-top .lp-logo{display:flex;align-items:center;gap:9px;padding:0;border:0;color:#15171c;font-family:Manrope,Arial,sans-serif;font-size:22px;font-weight:800;line-height:1.55;letter-spacing:-.02em}
body .mnav-panel .mnav-top .lp-logo svg{width:26px;height:26px;flex:0 0 auto}
body .mnav-panel .mnav-close{width:36px;height:36px;padding:1px 6px;color:#59617a;font-family:inherit;font-size:24px;font-weight:400;line-height:1}
body .mnav-panel a.mnav-sub{padding:12px 16px;border:0;border-radius:8px;color:#30343d;font-size:15px;font-weight:500}
body .mnav-panel a.mnav-sub:is(:hover,:focus-visible){background:#f4f5f7;color:#111318}
body .mnav-panel .mnav-actions{margin-top:14px}
body .mnav-panel .mnav-actions .ghost{background:#f6f7fb;color:#12141d;border:0}
body .mnav-panel .mnav-group{font-family:inherit;font-weight:600}
body[data-page-id="strategy-detail"] #strategyDetailContent canvas{max-width:100%}