:root{color-scheme:light;--ink:#263d3b;--green:#315e55;--paper:#f4f0e6;--line:#d7ddd4;--gold:#ab7040}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font:17px/1.55 system-ui,sans-serif}header,main,footer{max-width:1180px;margin:auto;padding:24px}header{padding-top:38px}h1,h2{font-family:Georgia,serif;line-height:1.15}h1{font-size:clamp(2.1rem,5vw,3.8rem);max-width:900px;margin:.5em 0}h2{font-size:1.9rem}h3{margin-bottom:.4rem}a{color:#215e67}nav{display:flex;gap:22px;flex-wrap:wrap}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:.76rem;font-weight:700}.intro{max-width:860px;font-size:1.18rem}.panel,.notice,article{padding:24px;border:1px solid var(--line);border-radius:12px;background:#fffdf8;margin:18px 0}.notice{border-left:5px solid var(--gold)}.columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.controls{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.controls label{display:grid;gap:4px;flex:1;min-width:150px}button,input,select,textarea{font:inherit;padding:9px;border-radius:5px;border:1px solid #78968d;background:white;color:var(--ink)}button{cursor:pointer}button:hover{background:#e5efe7}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b36c17;outline-offset:3px}button[aria-pressed=true]{background:var(--green);color:white}.small,.muted{font-size:.88rem;color:#4f6260}details{margin:9px 0}summary{cursor:pointer;padding:9px;font-weight:650}details.theme{border:1px solid var(--line);border-radius:8px;padding:8px;background:white}details.theme>summary{font-size:1.15rem;background:#dfece7}ul.tree{list-style:none;padding-left:17px;border-left:2px solid #c2d4cc}.node{background:#edf3ec;border:0;text-align:left;border-left:4px solid #799788;margin:3px 0;max-width:100%}.node.dimension{background:#fbf0d7;border-color:#b08c46}.node.property{background:#e7f0fa;border-color:#7293b8}.annotation{padding:8px 12px;border-left:3px solid #ab7040;margin:8px 0;font-size:.94rem}.annotation[hidden]{display:none}.tree li{padding:2px 0}.table-wrap{overflow:auto;max-width:100%}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{padding:10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{background:#e6eee9}#records table{min-width:1050px}#records td:nth-child(7){min-width:220px}#records td:nth-child(6){min-width:180px}.counts{display:flex;gap:10px;flex-wrap:wrap}.count{background:#e7f0e9;padding:10px 16px;border-radius:6px}#summary-chart .bar{height:16px;background:var(--green);display:block;min-width:1px}#summary-chart>div{display:grid;grid-template-columns:95px 1fr 2em;gap:10px;align-items:center;margin:8px 0}.dotplot{display:block;width:100%;height:auto;min-width:460px}.graph-window{height:380px;overflow:auto;border:1px solid var(--line);background:#f5f8f2}.pair{display:grid;grid-template-columns:minmax(120px,1fr) 30px minmax(150px,1fr);align-items:center;gap:10px;margin:10px 14px}.pair button{font-size:.85rem;background:#e0ece5;min-height:60px}.pair button:last-child{background:#fff2d7}.pair span{font-size:1.4rem;color:var(--green)}.guide{background:#edf3ec}.item-detail{min-height:130px}textarea{width:100%;min-height:140px}.skip{position:absolute;top:-100px;left:10px}.skip:focus{top:10px;background:white;padding:10px}.nojs{color:#733e18}footer{font-size:.86rem}.legacy-note{border-top:1px solid var(--line);padding-top:12px}.matching{background:#fff0be}#code-status,#record-status{min-height:1.5em}#code-filter{width:100%}[hidden]{display:none!important}@media(max-width:700px){header,main,footer{padding:16px}.columns{grid-template-columns:1fr}.panel,.notice,article{padding:15px}.controls label{min-width:120px}ul.tree{padding-left:10px}.pair{grid-template-columns:1fr 22px 1fr;margin:8px}.pair button{overflow-wrap:anywhere}h1{font-size:2.2rem}.tree .node{font-size:.91rem}}

.controls input,.controls select{min-width:0;width:100%;max-width:100%}

.pair .stance-label{display:block;margin-top:6px;font-size:.74rem;font-weight:700}
.pair[data-stance="Supporter"] button:first-child{border-left:6px solid #315e55;background:#e0ece5}
.pair[data-stance="Opponent"] button:first-child{border-left:6px solid #aa643c;background:#fff0e6}
.pair[data-stance="Neutral"] button:first-child{border-left:6px solid #657999;background:#eef2fa}