.wr-article {
    --ink:#000000; --paper:#ffffff; --accent:#0087d0; --chrome:#343434;
    --muted:#5a5a5a; --line:#e2e2e2; --wash:#f8f8f8; --link:#0000ee;
  }
.wr-article * {box-sizing:border-box;}
.wr-article {margin:0;background:var(--paper);color:var(--ink);
    font-family:Lato,"Helvetica Neue",Arial,sans-serif;font-size:18px;line-height:1.65;}
.wr-article a {color:var(--link);}
.wr-article .site-band {background:var(--chrome);color:#fefefe;padding:14px 20px;}
.wr-article .site-band .inner {max-width:760px;margin:0 auto;display:flex;justify-content:space-between;
    align-items:baseline;gap:16px;flex-wrap:wrap;}
.wr-article .site-name {font-size:20px;font-weight:700;letter-spacing:.5px;}
.wr-article .site-tag {font-size:13px;color:#c9c9c9;font-weight:300;}
.wr-article header.head-band {background:var(--chrome);color:#fefefe;padding:34px 20px 42px;}
.wr-article header.head-band .inner {max-width:760px;margin:0 auto;}
.wr-article .kicker {color:var(--accent);font-size:14px;font-weight:700;letter-spacing:2px;
    text-transform:uppercase;margin:0 0 12px;}
.wr-article h1 {font-size:44px;line-height:1.15;font-weight:300;margin:0 0 16px;}
.wr-article .dek {font-size:19px;line-height:1.55;color:#d8d8d8;font-weight:300;margin:0;}
.wr-article .wr-body {max-width:760px;margin:0 auto;padding:36px 20px 80px;}
.wr-article h2 {font-size:25px;font-weight:300;color:var(--accent);margin:44px 0 14px;line-height:1.3;}
.wr-article p {margin:0 0 18px;}
.wr-article figure {margin:32px 0;border:1px solid var(--line);border-radius:3px;background:#fff;padding:20px;}
.wr-article figure.on-wash {background:var(--wash);}
.wr-article .fig-title {font-size:15px;font-weight:700;margin:0 0 4px;}
.wr-article .fig-dek {font-size:13.5px;color:var(--muted);margin:0 0 16px;}
.wr-article .fig-cap {font-size:12.5px;color:var(--muted);border-top:1px solid var(--line);
    margin-top:16px;padding-top:10px;}
.wr-article .fig-scroll {overflow-x:auto;}
.wr-article svg {display:block;width:100%;height:auto;}
.wr-article svg text {font-family:Lato,"Helvetica Neue",Arial,sans-serif;}
.wr-article table {border-collapse:collapse;width:100%;font-size:14.5px;}
.wr-article th, .wr-article td {text-align:left;padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:top;}
.wr-article th {font-size:13px;color:var(--muted);font-weight:700;}
.wr-article td.num, .wr-article th.num {text-align:right;font-variant-numeric:tabular-nums;}
.wr-article tr.win td {background:#eef7fd;}
.wr-article .tag {display:inline-block;font-size:11px;font-weight:700;letter-spacing:.5px;
    text-transform:uppercase;border:1px solid var(--accent);color:var(--accent);
    border-radius:3px;padding:1px 6px;margin-left:6px;white-space:nowrap;}
.wr-article .tag.gray {border-color:#999;color:#666;}
.wr-article .lb-row {display:grid;grid-template-columns:150px 1fr 70px;gap:10px;align-items:center;margin:9px 0;}
.wr-article .lb-row .name {font-size:14px;font-weight:700;}
.wr-article .lb-row .track {display:block;background:#ececec;height:22px;border-radius:2px;position:relative;}
.wr-article .lb-row .fill {display:block;height:100%;border-radius:2px;background:#8a8a8a;}
.wr-article .lb-row.hot .fill {background:var(--accent);}
.wr-article .lb-row .val {font-size:13.5px;text-align:right;font-variant-numeric:tabular-nums;color:var(--muted);}
.wr-article .chain {display:flex;flex-direction:column;gap:0;}
.wr-article .chain .node {background:#fff;border:1px solid var(--line);border-left:4px solid var(--accent);
    border-radius:3px;padding:12px 14px;margin:0 0 4px;}
.wr-article .chain .arrow {text-align:center;color:var(--accent);font-size:18px;line-height:1;padding:2px 0 6px;}
.wr-article .chain .node b {display:block;font-size:14.5px;margin-bottom:2px;}
.wr-article .chain .node span {font-size:13px;color:var(--muted);}
.wr-article .tree .q {background:var(--chrome);color:#fff;border-radius:3px;padding:10px 14px;
    font-weight:700;font-size:15px;margin:0 0 14px;}
.wr-article .tree .branch {border:1px solid var(--line);border-radius:3px;margin:0 0 10px;overflow:hidden;}
.wr-article .tree .branch .if {background:var(--wash);padding:8px 14px;font-size:13.5px;font-weight:700;
    border-bottom:1px solid var(--line);}
.wr-article .tree .branch .then {padding:10px 14px;font-size:14.5px;}
.wr-article .note {font-size:13.5px;color:var(--muted);background:var(--wash);
    border-left:4px solid var(--accent);padding:12px 16px;border-radius:3px;margin:0 0 18px;}
.wr-article .sources {font-size:13.5px;color:var(--muted);}
.wr-article .sources li {margin-bottom:6px;}
@media (max-width:640px) {
.wr-article h1 {font-size:32px;}
.wr-article .lb-row {grid-template-columns:96px 1fr 58px;}
  }

/* Native ClutchKills integration. Article copy, chart values and source links are unchanged. */
body.ck-site .wr-article{--ink:var(--ck-ink);--paper:var(--ck-paper);--accent:var(--ck-blue);--chrome:var(--ck-chrome);--muted:var(--ck-muted);--line:var(--ck-line);--wash:var(--ck-wash);--link:var(--ck-link);font-family:var(--ck-font);font-size:19px;font-weight:400;line-height:1.7;background:transparent;color:var(--ck-body)}
body.ck-site .wr-article .wr-body{max-width:none;margin:0;padding:0}
body.ck-site .wr-article h2{font-family:var(--ck-font);font-size:34px;font-weight:450;line-height:1.23;letter-spacing:-.035em;color:var(--ck-ink);margin:42px 0 16px}
body.ck-site .wr-article p{margin:0 0 24px}
body.ck-site .wr-article a{color:var(--ck-link);text-decoration:underline;text-underline-offset:3px}
body.ck-site .wr-article figure{max-width:100%;margin:32px 0;padding:24px;border:1px solid var(--ck-line);border-radius:3px;background:#fff}
body.ck-site .wr-article figure.on-wash{background:var(--ck-wash)}
body.ck-site .wr-article .fig-title{font-size:17px;font-weight:550;line-height:1.45;letter-spacing:-.01em;margin:0 0 6px;color:var(--ck-ink)}
body.ck-site .wr-article .fig-dek{font-size:15px;line-height:1.5;margin:0 0 20px;color:var(--ck-muted)}
body.ck-site .wr-article .fig-cap{font-size:14px;line-height:1.55;margin:18px 0 0;padding-top:13px;color:var(--ck-muted)}
body.ck-site .wr-article .fig-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}
body.ck-site .wr-article .fig-scroll>svg{min-width:620px}
body.ck-site .wr-article [data-visual-form*="zoom-view"]{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}
body.ck-site .wr-article [data-visual-form*="zoom-view"]>svg{min-width:620px}
body.ck-site .wr-article svg text{font-family:var(--ck-font)}
body.ck-site .wr-article table{min-width:620px;font-size:15px;line-height:1.5}
body.ck-site .wr-article th,body.ck-site .wr-article td{padding:11px 12px;white-space:normal}
body.ck-site .wr-article th{font-size:14px;font-weight:550}
body.ck-site .wr-article .tag{font-weight:550;letter-spacing:.035em;margin-top:5px}
body.ck-site .wr-article .lb-row{grid-template-columns:150px minmax(0,1fr) 70px;margin:14px 0}
body.ck-site .wr-article .lb-row .name{font-weight:500;line-height:1.4}
body.ck-site .wr-article .lb-row .val{font-size:14px}
body.ck-site .wr-article .chain .node{padding:15px 16px}
body.ck-site .wr-article .chain .node b{font-weight:550;font-size:16px}
body.ck-site .wr-article .chain .node span{font-size:15px;line-height:1.5}
body.ck-site .wr-article .tree .q{font-size:17px;font-weight:500;padding:13px 16px}
body.ck-site .wr-article .tree .branch .if{font-size:15px;font-weight:550;padding:10px 16px}
body.ck-site .wr-article .tree .branch .then{font-size:16px;padding:13px 16px;line-height:1.6}
body.ck-site .wr-article .note{font-size:16px;line-height:1.6;padding:18px 22px;margin:24px 0}
body.ck-site .wr-article .sources{font-size:15px;line-height:1.6}
body.ck-site .wr-article .sources li{margin-bottom:13px}
body.ck-site .wr-article b,body.ck-site .wr-article strong{font-weight:600}
@media(max-width:700px){
 body.ck-site .wr-article{font-size:18px;line-height:1.65}
 body.ck-site .wr-article h2{font-size:28px;margin:34px 0 15px;letter-spacing:-.03em}
 body.ck-site .wr-article figure{padding:17px;margin:28px 0}
 body.ck-site .wr-article .fig-title{font-size:16px}
 body.ck-site .wr-article .fig-dek{font-size:14px;margin-bottom:16px}
 body.ck-site .wr-article .fig-cap{font-size:13px;line-height:1.55}
 body.ck-site .wr-article .lb-row{grid-template-columns:90px minmax(0,1fr) 52px;gap:8px}
 body.ck-site .wr-article .lb-row .name{font-size:13px}
 body.ck-site .wr-article .lb-row .val{font-size:12px}
 body.ck-site .wr-article .chain .node{padding:12px}
 body.ck-site .wr-article .chain .node b{font-size:15px}
 body.ck-site .wr-article .chain .node span{font-size:14px}
 body.ck-site .wr-article .tree .branch .then{font-size:15px;padding:12px}
 body.ck-site .wr-article .tree .branch .if{padding:10px 12px}
}
