:root{--ink:#233e37;--green:#247a65;--paper:#f5f6ef;--line:#dce4da;--orange:#af602e}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.75 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:var(--green)}header,footer{display:flex;justify-content:space-between;gap:20px;padding:22px 5%;border-bottom:1px solid var(--line);align-items:center}header a{text-decoration:none}nav{display:flex;gap:22px}.brand{font-weight:750;font-size:20px}main{max-width:1240px;margin:auto;padding:0 28px}h1{font-size:clamp(30px,4vw,48px);line-height:1.5;letter-spacing:.025em;margin:16px 0}h1 em{font-style:normal;color:var(--green)}h2{font-size:25px;margin:4px 0 14px}h3{font-size:18px;margin:24px 0 8px}.eyebrow{font-size:11px;letter-spacing:.17em;font-weight:750;color:var(--green)}.intro{padding:48px 0 26px;max-width:900px}.notice{border-left:3px solid var(--green);padding:12px 18px;background:#eaf0e5}.card{background:white;border:1px solid var(--line);border-radius:14px;padding:30px;margin:0 0 24px;scroll-margin-top:20px;min-width:0}.section-head,.controls,.add-row,.presets{display:flex;gap:12px;flex-wrap:wrap;align-items:end}.section-head{justify-content:space-between;align-items:center}.add-row label{flex:1;min-width:160px}.controls{margin:20px 0}.controls label{flex:1;min-width:140px}label{display:block;font-size:13px;font-weight:650}select,input,button{font:inherit;color:var(--ink);border:1px solid #bdcbbd;border-radius:7px;background:white;min-height:44px;padding:9px 12px;max-width:100%}select,input{display:block;width:100%;font-weight:400}button{cursor:pointer}button:hover{background:#edf3e8}button:disabled{opacity:.45;cursor:default}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,circle:focus-visible{outline:3px solid #b98137;outline-offset:3px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.chips button{background:#edf3e8;font-size:13px;text-align:left}.muted{color:#607068;font-size:13px}.scroll{overflow:auto;max-width:100%}table{border-collapse:collapse;font-size:13px;width:100%}th,td{padding:10px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}th{background:#f6f8f3}.heat th,.heat td{text-align:center;padding:4px}.heat button{width:100%;min-width:65px;font-variant-numeric:tabular-nums;border:0;font-weight:700}.heat button.active{box-shadow:inset 0 0 0 3px #253c34}#matrix-key{font-size:13px;margin:14px 0}#matrix-key p{margin:4px 0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.stat{background:#f4f7f0;padding:15px;border-radius:8px}.stat strong{display:block;font-size:27px;font-variant-numeric:tabular-nums}.stat span{font-size:12px}.stat small{display:block;color:#607068}svg{display:block;width:100%;height:auto;overflow:hidden}svg text{font-family:system-ui,sans-serif;fill:var(--ink)}.point-detail{background:#f3f6ee;min-height:48px;padding:10px 14px;font-size:13px}.checks{display:grid;grid-template-columns:1.4fr 1fr;gap:28px}.checks article{min-width:0}.bar{display:grid;grid-template-columns:95px 1fr 55px;gap:8px;align-items:center;margin:12px 0;font-size:13px}.bar-track{height:16px;background:#edf1eb;position:relative}.bar-track:before{content:'';position:absolute;left:50%;height:100%;border-left:1px solid #9aa99d}.bar-track i{position:absolute;top:2px;height:12px;background:var(--green)}details{margin:16px 0}summary{cursor:pointer;font-weight:650;padding:10px 0}.source-item{border-top:1px solid var(--line);padding:12px 0;overflow-wrap:anywhere}.source-item p{margin:6px 0}.source-item a{margin-right:10px}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#233e37;color:white;padding:12px 20px;border-radius:8px;max-width:90%;display:none;z-index:10}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;background:white;z-index:100}footer{font-size:13px}#interpretation{padding:12px 16px;border-left:3px solid #af602e;background:#fcf7ed}#scope{font-size:13px;overflow-wrap:anywhere}#loading{padding:30px}.error{color:#9e3d2b}.source-item{font-size:13px}
@media(max-width:700px){main{padding:0 14px}header{padding:16px;display:block}nav{font-size:12px;margin-top:8px}.intro{padding-top:24px}.card{padding:18px 14px}h2{font-size:21px}.stats{grid-template-columns:1fr 1fr}.checks{grid-template-columns:1fr}.controls label,.add-row label{flex-basis:100%;min-width:0}.controls button{flex:1}.presets button{font-size:12px;padding:7px}.stat strong{font-size:23px}.intro p{font-size:14px}footer{display:block}.heat button{min-width:60px}#matrix-key{font-size:12px}#scope{line-height:1.9}}

@media(max-width:700px){.stat:last-child strong{font-size:17px}.stat:last-child{overflow-wrap:normal}}

/* Focus the page on selecting, comparing, and checking relationships. */
.intro{padding:28px 0 16px}.intro h1{font-size:clamp(28px,3vw,38px);margin:0 0 12px}.page-nav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}.page-nav a,.trend-links a{display:inline-block;padding:10px 14px;border:1px solid var(--line);border-radius:8px;background:white;text-decoration:none}.trend-links{border-top:1px solid var(--line);margin-top:24px;padding-top:4px}.trend-links a{margin:4px 8px 4px 0}.controls details{flex-basis:100%;background:#f6f8f3;border-radius:8px;padding:0 14px}.controls details[open]{display:flex;flex-wrap:wrap;gap:12px}.controls details summary{width:100%}.controls details label{margin:10px 0}.card>details{padding:0 14px;border:1px solid var(--line);border-radius:8px}.eyebrow{letter-spacing:.08em}.checks{grid-template-columns:1fr}.checks article{padding-bottom:18px;border-bottom:1px solid var(--line)}@media(max-width:700px){.page-nav{gap:6px}.page-nav a{font-size:12px;padding:8px 10px}.trend-links a{display:block;overflow-wrap:anywhere}.card{margin-bottom:18px}}

/* Strength and direction remain readable without color. */
.heat button{min-width:88px;padding:9px 6px;color:#233e37;line-height:1.45}
.correlation-number{display:block;font-size:18px}.correlation-strength{display:block;font-size:12px}.correlation-direction{display:block;font-size:11px;font-weight:400}
.correlation-guide{padding:14px 16px;background:#f6f8f3;border-radius:10px;margin:16px 0}.correlation-guide p{margin:0 0 10px}.correlation-guide p:last-child{margin-bottom:0}
.correlation-guide ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;gap:12px;padding:0;margin:10px 0 14px}.correlation-guide li{display:grid;grid-template-columns:24px 1fr;gap:0 8px;font-size:13px}.correlation-guide li>span:last-child{grid-column:2;font-size:12px}.strength-swatch{grid-row:span 2;align-self:center;height:32px;border:1px solid #b9c7be;border-radius:4px;background:linear-gradient(90deg,var(--positive) 50%,var(--negative) 50%)}
@media(max-width:700px){.correlation-guide ul{grid-template-columns:repeat(2,minmax(0,1fr))}.correlation-guide{padding:12px}.heat button{min-width:78px}.correlation-number{font-size:16px}}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.heat{width:max-content;min-width:100%;isolation:isolate}.heat th{white-space:normal;overflow-wrap:anywhere;text-align:left;width:160px;min-width:160px;max-width:200px;padding:12px;font-size:12px;line-height:1.6}.heat th small{display:block;font-weight:400;font-size:11px;color:#52665c;margin-top:4px}.heat th[scope=row],.heat .axis-corner{position:sticky;left:0;z-index:2;background:#f2f5ed;box-shadow:2px 0 0 #dce4da}.heat td{min-width:130px}.axis-index{color:#247a65}#matrix-mobile{display:none}
@media(max-width:700px){#matrix,.matrix-desktop-hint{display:none}#matrix-mobile{display:grid;gap:12px}.mobile-pair{display:block;width:100%;text-align:left;padding:0;overflow:hidden;background:white;border:1px solid #bdcbbd}.pair-metrics{display:grid;gap:3px;padding:14px;white-space:normal;overflow-wrap:anywhere}.pair-metrics strong{font-size:13px}.pair-metrics small{font-size:11px;font-weight:400;color:#52665c}.pair-metrics>span{color:#607068;margin:3px 0}.pair-cue{display:flex;gap:5px 12px;flex-wrap:wrap;align-items:center;background:var(--pair-color);padding:10px 14px;font-size:12px}.pair-cue small{font-weight:400;font-size:11px}.pair-cue b{font-variant-numeric:tabular-nums}}

.selection-filters{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin:18px 0 8px}.selection-filters label{flex:1;min-width:210px}.selection-filters select{margin-top:5px}#candidate,#control-candidate{width:100%;min-width:0}.add-row>label{min-width:0}
@media(max-width:700px){.selection-filters{display:grid;grid-template-columns:minmax(0,1fr)}.selection-filters label{min-width:0}.selection-filters button{justify-self:start}.add-row>label{flex-basis:100%}}

.value-origin{display:inline-block;font-size:11px;line-height:1.6;background:#e8eef7;color:#334d73;border:1px solid #c7d3e4;border-radius:4px;padding:2px 6px;margin-right:7px}.rate-method{background:#f2f6ee;border:1px solid #d5dfcf;border-radius:8px;padding:14px;margin:14px 0;font-size:13px;overflow-wrap:anywhere;min-width:0}.rate-method p{margin:6px 0 12px}.rate-table-scroll{overflow:auto;max-width:100%}.rate-table-scroll table{width:100%;border-collapse:collapse;font-size:12px}.rate-table-scroll th,.rate-table-scroll td{padding:8px;border-bottom:1px solid #d5dfcf;white-space:nowrap;text-align:right}.rate-table-scroll th:first-child,.rate-table-scroll td:first-child{text-align:left}