.results-page{background:#080b0d;color:#e9edef}.results-header{position:relative;background:rgba(8,11,13,.98);border-bottom-color:#273238}.results-header nav a{color:#dce5e8}.results-hero{display:grid;grid-template-columns:1.3fr minmax(260px,.7fr);gap:clamp(30px,7vw,90px);align-items:center;padding:clamp(58px,9vw,110px) clamp(18px,6vw,90px);background:radial-gradient(circle at 78% 34%,rgba(196,145,35,.18),transparent 34%),linear-gradient(130deg,#07090a,#111719)}.results-hero h1{max-width:900px;margin:0 0 20px;color:#fff;font-size:clamp(44px,7vw,92px);line-height:.94;letter-spacing:-.055em}.results-hero h1 span{color:#e1b750}.results-lede{max-width:760px;color:#c9d3d6;font-size:clamp(18px,2.2vw,24px)}.results-hero>img{width:min(470px,100%);border:1px solid #35434a;border-radius:22px;box-shadow:0 34px 80px rgba(0,0,0,.52)}
.test-facts{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid #29343a;border-bottom:1px solid #29343a;background:#0f1518}.test-facts span{display:grid;gap:4px;padding:20px;border-right:1px solid #29343a;color:#e8edef}.test-facts span:last-child{border-right:0}.test-facts strong{color:#8f9da3;font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.results-summary,.strategy-section,.history-section,.disclosure{padding:clamp(54px,8vw,96px) clamp(18px,6vw,90px)}.results-summary{background:#f1f3f1;color:#11191c}.results-title{max-width:850px}.results-title h2{margin:4px 0 12px;font-size:clamp(34px,5vw,60px);letter-spacing:-.045em}.results-title>p:last-child{color:#67747a;font-size:17px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:32px}.metric{display:grid;gap:7px;min-height:160px;padding:22px;border:1px solid #ccd2d0;border-radius:12px;background:#fff}.metric span{color:#657177;font-size:12px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.metric strong{align-self:end;color:#172125;font-size:clamp(27px,3vw,40px);letter-spacing:-.035em}.metric small{color:#68767b}.metric.highlight{border-color:#c99a2e;background:#171c1e}.metric.highlight span,.metric.highlight small{color:#c4ced1}.metric.highlight strong,.metric.positive strong{color:#c99a2e}
.strategy-section{background:#0c1113}.strategy-section .results-title>p:last-child{color:#aeb9bd}.strategy-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:30px}.strategy-grid article{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;padding:20px;border:1px solid #2a363b;border-radius:10px;background:#12191c}.strategy-grid strong{color:#e9c365;font-size:25px}.strategy-grid span{align-self:center;color:#9da9ae;text-align:right}.strategy-grid em{grid-column:1/-1;font-size:20px;font-style:normal;font-weight:900}.gain{color:#64cf93}.loss{color:#e6776d}
.history-section{background:#e9edeb;color:#11191c}.history-heading{display:flex;gap:28px;align-items:end;justify-content:space-between}.csv-link{flex:0 0 auto;padding:13px 16px;border:1px solid #9b761f;border-radius:8px;color:#6c4e08;font-weight:900}.history-controls{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:12px;margin-top:30px}.history-controls label{display:grid;gap:7px;color:#526067;font-size:12px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.history-controls input,.history-controls select{width:100%;padding:13px 12px;border:1px solid #b8c1be;border-radius:7px;background:#fff;color:#11191c;font:inherit;font-size:15px;letter-spacing:0;text-transform:none}.history-status{display:flex;justify-content:space-between;padding:18px 2px 10px;color:#59666c;font-weight:800}.table-shell{overflow:auto;max-height:720px;border:1px solid #b9c2bf;border-radius:9px;background:#fff}.table-shell table{width:100%;min-width:1500px;border-collapse:collapse;font-size:13px}.table-shell th{position:sticky;top:0;z-index:1;padding:12px 10px;background:#172023;color:#eaf0ed;text-align:left;white-space:nowrap}.table-shell td{padding:10px;border-bottom:1px solid #e2e6e4;color:#273136;white-space:nowrap}.table-shell td:last-child{min-width:360px;white-space:normal}.table-shell tbody tr:nth-child(even){background:#f5f7f6}.net-win{color:#087a43!important;font-weight:900}.net-loss{color:#b22e28!important;font-weight:900}.pager{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:18px}.pager button{padding:10px 14px;border:1px solid #aab4b1;border-radius:7px;background:#fff;color:#1a2427;font-weight:800;cursor:pointer}.pager button:disabled{cursor:default;opacity:.45}.page-buttons{display:flex;gap:5px}.page-buttons button[aria-current=page]{border-color:#957018;background:#c99a2e;color:#111}.load-error{padding:15px;border:1px solid #b33;background:#fff0ef;color:#8d211d}
.disclosure{border-top:1px solid #303b40;background:#0b1012}.disclosure h2{font-size:clamp(30px,4vw,48px)}.disclosure p{max-width:1000px;color:#b8c3c7;font-size:17px}.source-note{padding-top:16px;border-top:1px solid #2a363b;font-size:14px!important}.related-results{padding:clamp(54px,8vw,96px) clamp(18px,6vw,90px);background:#111719}.related-results .results-title>p:last-child{color:#aeb9bd}.related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:28px}.related-grid a{display:grid;gap:10px;padding:24px;border:1px solid #35434a;border-radius:12px;background:#0b1012;color:#e8edef}.related-grid strong{color:#e3bd5d;font-size:24px}.related-grid span{color:#b9c3c7}.graph-section{padding:clamp(54px,8vw,96px) clamp(18px,6vw,90px);background:#e9edeb;color:#11191c}.graph-frame{height:clamp(320px,54vw,780px);margin-top:28px;overflow:hidden;border:1px solid #aeb8b5;border-radius:12px;background:#fff}.graph-frame img{display:block;width:100%;height:calc(100% + 130px);object-fit:cover;object-position:center bottom;transform:translateY(-130px)}.graph-caption{max-width:1050px;margin:15px 0 0;color:#58666c}.source-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}@media(max-width:1000px){.test-facts{grid-template-columns:repeat(3,1fr)}.metric-grid,.strategy-grid{grid-template-columns:repeat(2,1fr)}.history-controls{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.results-hero{grid-template-columns:1fr}.results-hero>img{width:min(340px,100%)}.test-facts,.metric-grid,.strategy-grid,.history-controls,.related-grid{grid-template-columns:1fr}.test-facts span{border-right:0;border-bottom:1px solid #29343a}.history-heading{align-items:start;flex-direction:column}.history-status{gap:8px;flex-direction:column}.page-buttons{display:none}.graph-frame{height:360px}.graph-frame img{height:calc(100% + 80px);transform:translateY(-80px)}}
