.ssc-charts *{box-sizing:border-box}.ssc-charts body{margin:0;background:#fafcfb;color:#182d28;font:16px/1.5 system-ui,sans-serif}.ssc-charts a{color:inherit;text-decoration:none}.ssc-charts button{font:inherit;cursor:pointer}.ssc-charts button:focus-visible,.ssc-charts a:focus-visible{outline:3px solid #2784be;outline-offset:4px}.ssc-charts header{background:white;border-bottom:1px solid #e1e9e4}.ssc-charts header>div{max-width:1280px;margin:auto;padding:24px;display:flex;justify-content:space-between;align-items:center;gap:20px}.ssc-charts .brand{font-size:24px;font-weight:750;letter-spacing:-1px}.ssc-charts .brand span{color:#078554}.ssc-charts nav{display:flex;gap:24px;font-size:15px}.ssc-charts nav a:last-child{color:#078554;font-weight:700}.ssc-charts main{max-width:1280px;margin:auto;padding:32px 24px 64px}.ssc-charts .back{color:#087a50;font-size:14px}.ssc-charts .eyebrow{color:#087a50;font-size:12px;letter-spacing:2px;font-weight:750;margin:30px 0 10px}.ssc-charts h1{font-size:40px;letter-spacing:-1.3px;line-height:1.2;margin:0}.ssc-charts .intro{color:#61766e;margin:14px 0 30px}.ssc-charts .toolbar{display:flex;justify-content:space-between;gap:15px;margin-bottom:20px;font-size:14px;color:#61766e}.ssc-charts .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.ssc-charts .card{text-align:left;padding:0;border:1px solid #dce6df;background:white;color:inherit;border-radius:17px;overflow:hidden;transition:transform .18s,border-color .18s}.ssc-charts .card:hover{border-color:#078554;transform:translateY(-3px)}.ssc-charts .thumb{position:relative;background:#f0f5f2;padding:12px;border-bottom:1px solid #e6ede8}.ssc-charts .thumb img{display:block;width:100%;height:220px;object-fit:contain}.ssc-charts .expand{position:absolute;right:12px;bottom:12px;background:#fff;border:1px solid #dce6df;border-radius:8px;padding:4px 10px;color:#087a50;font-size:13px}.ssc-charts .copy{padding:20px}.ssc-charts .copy h2{font-size:18px;line-height:1.4;margin:0 0 14px}.ssc-charts .copy time{font-size:13px;color:#61766e}.ssc-charts .more{text-align:center;margin:32px 0}.ssc-charts .more button{padding:13px 28px;border:1px solid #087a50;background:#087a50;color:white;border-radius:10px;font-weight:650}.ssc-charts .more p,.ssc-charts .note{color:#61766e;font-size:13px}.ssc-charts .note{border-top:1px solid #e1e9e4;padding-top:22px}.ssc-charts dialog{padding:0;border:0;border-radius:16px;background:#f3f6f4;color:#182d28;width:calc(100vw - 40px);max-width:1500px;height:calc(100dvh - 40px);max-height:none}.ssc-charts dialog::backdrop{background:#10261ee0}.ssc-charts .modalhead{padding:16px 22px;background:white;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #dce6df}.ssc-charts .modalhead h2{font-size:18px;line-height:1.3;margin:0}.ssc-charts .modalhead p{font-size:13px;color:#61766e;margin:5px 0 0}.ssc-charts .controls{display:flex;align-items:center;gap:10px;flex-shrink:0}.ssc-charts .controls button,.ssc-charts .controls a{border:1px solid #dce6df;background:white;border-radius:8px;padding:9px 14px;font-size:14px}.ssc-charts .stage{overflow:auto;flex:1;min-height:0;padding:20px;display:flex}.ssc-charts .stage img{object-fit:contain;width:100%;height:100%;margin:auto;cursor:zoom-in}.ssc-charts .stage.zoom img{width:auto;height:auto;max-width:none;max-height:none;cursor:zoom-out;align-self:flex-start}.ssc-charts .modalwrap{display:flex;flex-direction:column;height:100%}.ssc-charts .modalhint{text-align:center;font-size:13px;color:#61766e;padding:8px;margin:0}.ssc-charts [hidden]{display:none!important}@media(max-width:950px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ssc-charts nav{gap:14px}}@media(max-width:600px){header>div{padding:18px;flex-wrap:wrap}.ssc-charts .brand{font-size:22px}.ssc-charts nav{font-size:14px}.ssc-charts main{padding:24px 18px 40px}.ssc-charts h1{font-size:32px}.ssc-charts .grid{gap:12px}.ssc-charts .thumb{padding:6px}.ssc-charts .thumb img{height:130px}.ssc-charts .copy{padding:12px}.ssc-charts .copy h2{font-size:15px}.ssc-charts .copy time{font-size:12px}.ssc-charts .expand{font-size:11px;bottom:6px;right:6px}.ssc-charts .toolbar{font-size:12px}.ssc-charts .modalhead{padding:14px;align-items:start;flex-direction:column}.ssc-charts .modalhead h2{font-size:16px}.ssc-charts .controls{width:100%;justify-content:flex-end}.ssc-charts dialog{width:100vw;height:100dvh;max-width:none;margin:0;border-radius:0}.ssc-charts .stage{padding:8px}}.ssc-charts .chartnav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 20px;background:white;border-bottom:1px solid #dce6df}.ssc-charts .chartnav button{border:1px solid #dce6df;background:white;color:#087a50;border-radius:8px;padding:9px 14px;font-weight:650}.ssc-charts .chartnav button:disabled{opacity:.35;cursor:default}.ssc-charts .chartnav span{font-size:14px;color:#61766e}
.ssc-charts{width:100%;max-width:1280px;margin:24px auto;color:#182d28;font:16px/1.5 system-ui,sans-serif}.ssc-charts button{line-height:1.5}.ssc-charts dialog{position:fixed;margin:auto;}.ssc-charts .card{display:block;width:100%;}.ssc-charts .grid{align-items:stretch;}
.ssc-chart-carousel{margin-top:40px}.ssc-chart-carousel>.eyebrow,.ssc-chart-carousel>h1,.ssc-chart-carousel>.intro,.ssc-chart-carousel>.toolbar,.ssc-chart-carousel>.more{display:none}.ssc-chart-carousel .chart-sectionhead{display:flex;justify-content:space-between;align-items:center;gap:16px}.ssc-chart-carousel .chart-sectionhead h2{font-size:28px;margin:0}.ssc-chart-carousel .chart-sectionhead a{color:#087a50;font-size:14px;font-weight:650}.ssc-chart-carousel .chart-rail-controls{display:flex;justify-content:flex-end;gap:8px;margin:12px 0}.ssc-chart-carousel .chart-rail-controls button{border:1px solid #dce6df;border-radius:50%;width:40px;height:40px;background:white;color:#087a50}.ssc-chart-carousel .chart-rail-controls button:disabled{opacity:.35;cursor:default}.ssc-chart-carousel .grid{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 0 16px}.ssc-chart-carousel .grid>.card{flex:0 0 calc((100% - 36px)/3);scroll-snap-align:start}.ssc-chart-carousel .thumb img{height:190px}@media(max-width:800px){.ssc-chart-carousel .grid>.card{flex-basis:46%}}@media(max-width:500px){.ssc-chart-carousel .grid>.card{flex-basis:82%}.ssc-chart-carousel .chart-sectionhead h2{font-size:24px}.ssc-chart-carousel .chart-sectionhead{align-items:flex-start}.ssc-chart-carousel .chart-sectionhead a{font-size:13px}.ssc-chart-carousel .thumb img{height:180px}}