*{box-sizing:border-box}body{margin:0;background:#f0f2ed;color:#172b2a;font:15px system-ui,sans-serif}header{max-width:1220px;margin:auto;padding:26px 30px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d3dad2}.brand{font-size:27px;font-weight:800;letter-spacing:3px}.brand span{display:block;font:9px system-ui;letter-spacing:2px;margin-top:4px}.badge{font-size:10px;letter-spacing:1px;border:1px solid #b9c5b8;padding:9px 12px;border-radius:4px}main{max-width:1160px;margin:auto;padding:0 25px 50px}.intro{display:flex;justify-content:space-between;gap:40px;padding:45px 0 34px}.eyebrow{font-size:10px;letter-spacing:2px;color:#537463}h1{font:500 42px/1.1 Georgia,serif;margin:16px 0}p{color:#65736b;line-height:1.6}.intro aside{width:270px;padding-top:16px}label{display:block;font-size:12px;color:#53675b}aside>label:first-child{letter-spacing:1.5px;font-size:10px}select{width:100%;padding:12px;margin:9px 0 15px;background:white;border:1px solid #becabe;border-radius:4px;font:18px Georgia;color:#183d30}.controls{display:flex;margin-bottom:15px}button{cursor:pointer;background:white;border:1px solid #ccd5cb;padding:9px 14px;color:#234236;border-radius:4px}.controls button{flex:1;border-radius:0}.controls .active{background:#264e3d;color:white}.paper{background:#fff;border:1px solid #d6dcd4;box-shadow:0 8px 30px #19332208;border-radius:5px;padding:24px}.charthead{display:flex;justify-content:space-between;align-items:center}h2{font:25px Georgia;margin:0}.charthead p{font:11px monospace;margin-bottom:14px}.scroll{width:100%;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y pinch-zoom}.scroll svg{display:block;width:100%;min-width:780px;height:auto;max-width:none;color:#111;touch-action:pan-x pan-y pinch-zoom}#readout{font:12px monospace;background:#f2f5f0;padding:14px;min-height:44px}footer{font-size:10px;color:#718071;display:flex;justify-content:space-between;padding-top:18px;gap:20px}.below{padding:25px 0;max-width:600px}.below h3{font:24px Georgia}.below p,.below a{font-size:13px}.below a{color:#315b46}@media(max-width:650px){header{padding:20px}.badge{max-width:135px;font-size:8px}main{padding:0 12px}.intro{display:block;padding-top:25px}h1{font-size:34px}.intro aside{width:100%}.paper{padding:14px}.charthead{gap:12px}h2{font-size:21px}footer{display:block}}

.paper,.charthead>div{min-width:0}.charthead p,.data-status,#readout{overflow-wrap:anywhere}.charthead button{flex-shrink:0}.scroll:focus-visible{outline:2px solid #315b46;outline-offset:3px}.scroll-hint{display:none}@media(max-width:650px){.scroll-hint{display:block;font-size:12px;color:#53675b;margin:0 0 10px}.charthead{flex-wrap:wrap}}

.data-status{margin:12px 0 0;font-size:12px;color:#718071;overflow-wrap:anywhere}