/* PCS: one shared scale, a proportionate supporting figure. */
.pcs17{background:#f1edde;color:#294934}
.pcs17-main{padding:30px 33px 26px;display:grid;grid-template-columns:1fr 1.1fr;gap:70px;align-items:center}
.pcs17-intro h3{font:400 29px/1.2 var(--serif);letter-spacing:-.015em;margin:0 0 13px;color:#254530}
.pcs17-intro p{font:13px/1.85 var(--sans);color:#53654b;max-width:44ch;margin:0}
.pcs17-intro strong{font-weight:600;color:#2f5036}
.pcs17-chart{margin:0;min-width:0}.pcs17-scaleheading{font:11px/1.6 var(--sans);color:#36533b;display:flex;justify-content:space-between;gap:14px;margin:0 0 12px}.pcs17-scaleheading>span{color:#6a765e;font-size:10px}
.pcs17-plot{position:relative;height:112px;margin:0 8px}
.pcs17-mark{position:absolute;left:var(--score);top:0;transform:translateX(-50%);text-align:center;white-space:nowrap;z-index:2}
.pcs17-mark>span{display:block;font:10px/1.6 var(--sans);color:#596a50}
.pcs17-mark>strong{font:400 43px/1.1 var(--serif);display:block;font-variant-numeric:lining-nums tabular-nums;letter-spacing:-.035em;margin-top:4px}
.pcs17-before{color:#ad463f}.pcs17-after{color:#286b45}
.pcs17-mark>i{display:block;width:10px;height:10px;border-radius:50%;border:2px solid currentColor;background:#f1edde;position:absolute;top:78px;left:50%;transform:translateX(-50%);box-sizing:border-box}
.pcs17-after>i{border-radius:0;transform:translateX(-50%) rotate(45deg);background:currentColor}
.pcs17-direction{position:absolute;left:29%;width:54%;top:33px;text-align:center;color:#778562;font:30px/1 var(--sans)}
.pcs17-direction span{display:inline-block;transform:translateX(0)}
.pcs17-track{height:5px;border-radius:9px;background:linear-gradient(90deg,#b6554c 0%,#cc9761 40%,#ada467 58%,#398063 85%,#235a3d 100%);position:absolute;left:0;right:0;top:80px}
.pcs17-ticks{position:absolute;top:94px;left:0;right:0;display:flex;justify-content:space-between;font:10px/1.5 var(--sans);color:#596a50}
.pcs17-ticks span:first-child{transform:translateX(-50%)}.pcs17-ticks span:last-child{transform:translateX(50%)}
.pcs17-meaning{display:flex;justify-content:space-between;font:10px/1.6 var(--sans);color:#586b4e;margin-top:5px}
#pcs17-caption{font:10px/1.7 var(--sans);color:#69755f;margin-top:12px}
.pcs17-details{margin:0 33px;border-top:1px solid #cbd0bb}.pcs17-details>summary{padding:17px 0;display:flex;gap:16px;align-items:center;cursor:pointer;font:12px/1.6 var(--sans);list-style:none;color:#36563b}.pcs17-details>summary::-webkit-details-marker{display:none}.pcs17-details>summary>strong{font-weight:600}.pcs17-details>summary>span{color:#748064;font-size:11px}.pcs17-details>summary>i{font-size:21px;font-style:normal;margin-left:auto}.pcs17-details[open]>summary>i{transform:rotate(45deg)}
.pcs17-details summary:focus-visible,.pcs17 a:focus-visible,.pcs17 button:focus-visible{outline:2px solid #477859;outline-offset:4px}
.pcs17-expanded{padding:7px 0 28px}.pcs17-reading{font:13px/1.8 var(--sans);max-width:75ch;color:#5a6a51;margin:0 0 25px}
.pcs17-areas{display:grid;grid-template-columns:1fr 1fr;column-gap:45px}
.pcs17-areas>div{display:flex;gap:17px;border-top:1px solid #d2d6c2;padding:20px 0}.pcs17-dimension{font:11px/1.7 var(--sans);color:#8a7956;padding-top:3px}
.pcs17 h4{font:400 22px/1.3 var(--serif);color:#294e34;margin:0 0 8px}.pcs17-areas p,.pcs17-mar p,.pcs17-links p{font:13px/1.8 var(--sans);color:#54674c;margin:0}
.pcs17-mar{border-top:1px solid #bdc8ac;margin-top:12px;padding-top:24px;max-width:86ch}.pcs17-mar a,.pcs17-links a{display:inline-block;font:12px/1.7 var(--sans);color:#315d3e;border-bottom:1px solid #82936d;margin-top:14px}
.pcs17-links{border-top:1px solid #cbd0bb;margin-top:25px;padding-top:6px}.pcs17-links p{font-size:11px;max-width:90ch;margin-top:10px}
.pcs17-replay{border:0;background:none;padding:5px 0;color:#315d3e;font:11px/1.5 var(--sans);cursor:pointer;margin-top:6px}
@media(max-width:1100px){.pcs17-main{gap:35px}.pcs17-scaleheading{display:block}.pcs17-scaleheading>span{display:block;margin-top:3px}}
@media(max-width:768px){.pcs17-main{display:block;padding:25px 23px 20px}.pcs17-intro h3{font-size:26px}.pcs17-intro p{font-size:13px}.pcs17-chart{margin-top:27px}.pcs17-scaleheading{display:flex;align-items:baseline}.pcs17-scaleheading>span{font-size:9px}.pcs17-plot{margin:0 5px}.pcs17-mark>span{font-size:9px}.pcs17-mark>strong{font-size:40px}.pcs17-details{margin:0 23px}.pcs17-details>summary{flex-wrap:wrap;gap:5px 10px}.pcs17-details>summary>span{font-size:10px}.pcs17-areas{grid-template-columns:1fr}.pcs17-areas>div{padding:17px 0}.pcs17 h4{font-size:22px}.pcs17-expanded{padding-bottom:23px}}
@media(max-width:359px){.pcs17-main{padding-inline:18px}.pcs17-details{margin-inline:18px}.pcs17-scaleheading{display:block}.pcs17-mark>span{font-size:8px}.pcs17-direction{font-size:25px}}
.pcs17-runner{position:absolute;top:67px;left:29%;transform:translateX(-50%);font:25px/1 var(--sans);color:#264f37;text-shadow:0 0 4px #f1edde;z-index:3;pointer-events:none}
.pcs17-checkpoints{list-style:none;margin:19px 0 0;padding:0;display:grid;gap:12px}.pcs17-checkpoints li{margin:0;padding:0 0 0 12px;border-left:2px solid #b5bf9b}.pcs17-checkpoints strong{font:600 11px/1.6 var(--sans);display:block;color:#34563c}.pcs17-checkpoints span{font:11px/1.7 var(--sans);display:block;color:#617157}.pcs17-main{gap:55px}.pcs17-intro h3{font-size:27px;line-height:1.2}.pcs17-chart{align-self:center}
@media(max-width:768px){.pcs17-intro h3{font-size:25px}.pcs17-checkpoints{gap:10px}.pcs17-chart{border-top:1px solid #cbd0bb;padding-top:20px}}