:root{color-scheme:dark;--bg:#0d1018;--panel:#171c28;--panel2:#202737;--muted:#a2adbd;--line:#303849;--orange:#f4a340;--white:#f5f7fa}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% -15%,#33291e 0%,transparent 38%),var(--bg);color:var(--white);font:15px/1.55 system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,select{cursor:pointer}.top{max-width:1240px;margin:auto;padding:22px 24px;display:flex;justify-content:space-between;align-items:center;gap:20px}.logo{font-weight:750;letter-spacing:.06em;display:flex;align-items:center;gap:12px;white-space:nowrap}.logo b,.accent{color:var(--orange)}.logo-mark{border:1px solid #f4a34077;border-radius:10px;color:var(--orange);padding:7px;font-size:13px}.top nav{display:flex;gap:25px;flex-wrap:wrap;color:#c4cbd6;font-size:13px}.top nav a:hover,.link:hover{color:var(--orange)}main{max-width:1160px;margin:auto;padding:35px 24px 90px;min-height:80vh}footer{text-align:center;border-top:1px solid var(--line);padding:26px;color:var(--muted);font-size:12px}.eyebrow{color:var(--orange);text-transform:uppercase;letter-spacing:.17em;font-weight:750;font-size:12px}.hero{padding:62px 0 40px;max-width:850px}h1{font-size:clamp(38px,6vw,72px);line-height:1.08;letter-spacing:-.055em;margin:16px 0 22px}h2{font-size:clamp(25px,3.4vw,39px);line-height:1.2;letter-spacing:-.035em;margin:0 0 14px}h3{font-size:18px;margin:0 0 12px}p{color:#bdc5d1;margin:10px 0 22px}.lead{font-size:18px;max-width:680px}.panel{background:linear-gradient(150deg,#1b2130,#151a25);border:1px solid var(--line);border-radius:17px;padding:23px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi strong{font-size:32px;display:block;line-height:1.2}.muted,.kpi small{color:var(--muted)}.section{margin-top:40px}.controls{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}.field{border:1px solid var(--line);border-radius:11px;padding:12px 14px;background:#121722;color:var(--white);min-width:180px}.search{width:min(100%,540px)}.btn{background:var(--orange);color:#171716;font-weight:750;border:0;padding:12px 17px;border-radius:11px;display:inline-block}.btn.alt{background:var(--panel2);color:var(--white);border:1px solid var(--line)}.tag{display:inline-block;border:1px solid currentColor;border-radius:100px;padding:3px 10px;font-size:11px;font-weight:700}.row{display:flex;align-items:center;justify-content:space-between;gap:15px}.card-player{cursor:pointer;transition:transform .15s,border-color .15s}.card-player:hover{transform:translateY(-2px);border-color:#b77b3c}.big-number{font-size:46px;font-weight:800;letter-spacing:-.05em}.bar{height:10px;background:#303847;border-radius:30px;overflow:hidden;margin:8px 0}.bar>span{height:100%;display:block;border-radius:30px;background:var(--orange)}.metric{margin:17px 0}.metric .row{font-size:13px}.small{font-size:12px}.notice{border-left:3px solid var(--orange);background:#2a261e;padding:14px 18px;border-radius:6px;color:#e4d7c5;margin:20px 0}.tablewrap{overflow:auto;border:1px solid var(--line);border-radius:14px}table{width:100%;border-collapse:collapse;text-align:left}th,td{padding:13px 16px;border-bottom:1px solid var(--line);white-space:nowrap}th{color:var(--muted);font-size:12px;background:#1b2230}tbody tr{cursor:pointer}tbody tr:hover{background:#252c3a}tbody tr:last-child td{border-bottom:0}.vs{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center}.vsmark{color:var(--orange);font-weight:900;font-size:24px}.statrow{padding:11px 0;border-bottom:1px solid var(--line)}.statrow:last-child{border:0}.statgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.tabs button{border:1px solid var(--line);background:#1b2230;color:var(--muted);padding:8px 13px;border-radius:30px}.tabs button.active{background:var(--orange);color:#151515;border-color:var(--orange)}.back{display:inline-block;color:var(--muted);margin-bottom:20px}.highlight{color:var(--orange)}@media(max-width:800px){.top{align-items:flex-start;flex-direction:column;padding:18px}.top nav{gap:15px}.grid,.grid.two{grid-template-columns:1fr}.hero{padding:30px 0}.vs{grid-template-columns:1fr;gap:8px}.vsmark{text-align:center}.statgrid{grid-template-columns:1fr}main{padding:22px 16px 60px}.panel{padding:18px}.controls .field{flex:1;min-width:120px}}

.scopebar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:20px 0 5px}.scopebar .tabs{margin:0}.compare-area,.method-detail{margin-bottom:12px}.compare-area summary,.method-detail summary{cursor:pointer;display:flex;justify-content:space-between;gap:12px;font-size:17px;font-weight:700;list-style:none}.compare-area summary::-webkit-details-marker,.method-detail summary::-webkit-details-marker{display:none}.compare-area[open] summary,.method-detail[open] summary{margin-bottom:20px}.compare-details{border-top:1px solid var(--line);padding-top:12px}.subcompare{padding:14px 0;border-bottom:1px solid var(--line)}.subcompare:last-child{border-bottom:0}.statrow .bar{height:7px}.method-detail p{margin-bottom:0}

/* v3: visual hierarchy and total-sample ranking */
.role-letter{display:inline-flex;align-items:center;justify-content:center;border:1px solid;border-radius:7px;width:26px;height:26px;font-size:13px;font-weight:850}.macro-versus{margin:0 0 17px;padding:25px;border:1px solid #546079;background:linear-gradient(130deg,#222c3c,#161d2a)}.macro-versus h3{font-size:20px;margin:9px 0 19px}.macro-score{background:#111824;border-radius:13px;padding:17px;margin-bottom:14px}.macro-score .bar{height:15px;margin:12px 0 0}.macro-value{font-size:24px;font-weight:850;color:#fff}.macro-score strong{font-size:13px}.macro-versus .eyebrow{font-size:11px}.compare-area{border-top:1px solid #394457;padding-top:12px}.compare-area summary{font-size:13px;color:#d4dce8}.role-summary-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.role-summary{padding:17px;display:flex;flex-direction:column;gap:8px}.role-summary strong{font-size:13px}.duel-home .panel{min-height:225px}.duel-home .bar{height:12px}@media(max-width:900px){.role-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.macro-versus{padding:16px}.macro-score{padding:12px}.macro-score .grid.two{grid-template-columns:1fr}.role-summary-grid{grid-template-columns:1fr 1fr}}
/* v4: radar and research findings */
.radar-wrap{max-width:590px;margin:auto}.radar-wrap svg{width:100%;height:auto;display:block}.radar-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;font-size:12px;color:#dce3ee}.radar-legend span{display:flex;align-items:center;gap:7px}.radar-legend i{width:12px;height:12px;border-radius:3px}.method-flow{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:10px 0 25px}.method-flow>div{background:#111824;border:1px solid #394255;border-radius:10px;padding:13px;flex:1;min-width:140px;font-weight:700}.method-flow small{display:block;color:var(--muted);font-weight:400;margin-top:5px}.method-flow>span{color:var(--orange);font-size:21px}.results-chart{margin:24px 0}.results-header,.results-line{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:20px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.results-header{color:var(--muted);font-size:12px}.results-line strong{font-size:13px}.corr-cell{display:flex;gap:9px;align-items:center}.corr-cell b{font-size:12px;min-width:39px;text-align:right}.corr-track{height:10px;border-radius:20px;background:#333c4b;overflow:hidden;flex:1}.corr-track span{height:100%;display:block;background:var(--orange);border-radius:20px}.corr-track.secondary span{background:#78b7ee}.three-results{grid-template-columns:repeat(3,minmax(0,1fr))}.experiment{background:#111824;border-radius:13px;padding:18px}.experiment strong{display:block;font-size:33px;margin:10px 0}.experiment small{color:var(--muted)}@media(max-width:680px){.results-header,.results-line{grid-template-columns:1.2fr 1fr 1fr;gap:9px}.results-line strong{font-size:11px}.corr-cell{gap:4px}.corr-cell b{font-size:11px;min-width:31px}.three-results{grid-template-columns:1fr}.method-flow>span{display:none}}

/* v5 method deep dive */
.method-monograph{border:1px solid #52617b;background:linear-gradient(155deg,#222d3d,#151c29)}.method-monograph>summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px}.method-monograph>summary::-webkit-details-marker{display:none}.method-monograph>summary strong{display:block;font-size:clamp(18px,2.6vw,25px);margin:9px 0}.method-monograph>summary small{display:block;color:var(--muted);line-height:1.5}.method-chevron{font-size:25px;color:var(--orange)}.method-monograph[open] .method-chevron{transform:rotate(180deg)}.method-chapters{border-top:1px solid #445066;margin-top:24px;padding-top:12px}.method-chapters h3{margin-top:29px;font-size:19px}.method-chapters p{line-height:1.8}.formula-box{display:flex;flex-direction:column;gap:7px;background:#101722;border:1px solid #3a4659;padding:17px;border-radius:12px;margin:16px 0 24px;overflow-wrap:anywhere}.formula-box span{font-size:12px;color:var(--orange);font-weight:700}.formula-box strong{font-size:15px}.formula-box small{color:var(--muted)}

.method-deep-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.method-deep-grid>.method-monograph{margin:0;min-width:0}.method-deep-grid .method-chapters h3:first-child{margin-top:20px}@media(max-width:800px){.method-deep-grid{grid-template-columns:1fr}}