.abc-period{display:grid;grid-template-columns:minmax(140px,1fr) minmax(140px,1fr) minmax(220px,2fr);gap:16px}.abc-period label,.abc-chart-heading label,.abc-ranking-heading label{display:grid;gap:7px;font-size:13px}.abc-period input{width:100%;min-width:0}.abc-shortcuts{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:16px 0}.abc-shortcuts>span{font-size:12px;color:#63778f;margin-right:6px}.abc-dimensions{margin:18px 0}.abc-overview{display:grid;grid-template-columns:1.2fr .7fr 1.1fr;gap:18px;margin:24px 0 16px}.abc-overview article{display:flex;flex-direction:column;justify-content:center;gap:13px;background:#fff;border:1px solid #dbe4ec;border-radius:14px;padding:25px}.abc-overview article:first-child{background:#14263f;color:white;border-color:#14263f}.abc-overview strong{font-size:30px;letter-spacing:-.7px;line-height:1.2}.abc-overview strong.abc-source{font-size:21px;letter-spacing:0}.abc-overview small{font-size:12px;line-height:1.5;opacity:.8}.abc-reading-note{color:#61758f;font-size:13px;margin:16px 0 26px}.abc-analysis{margin-bottom:24px}.abc-analysis .section-heading{align-items:center;flex-wrap:wrap;gap:14px}.abc-analysis h2{margin:6px 0}.abc-analysis h3{font-size:18px;margin:25px 0 15px}.abc-insight{padding:17px 20px;border-left:3px solid #087f8c;background:#f0f8f8;line-height:1.7;border-radius:4px}.abc-chart-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:20px}.abc-chart-heading h3{margin:0}.abc-chart-heading select{min-width:145px}.abc-chart-scroll{overflow-x:auto;margin-top:14px}.abc-pareto{width:100%;min-width:650px;height:auto;display:block}.abc-pareto text{fill:#526980;font-size:12px;font-family:inherit}.abc-gridline{stroke:#e5ecf2;stroke-width:1}.abc-threshold{stroke:#4c768a;stroke-dasharray:5 5;opacity:.6}.abc-pareto g:focus rect,.abc-pareto g:hover rect{stroke:#14263f;stroke-width:2}.abc-legend{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;font-size:12px;margin-top:8px}.abc-legend span{display:flex;gap:7px;align-items:center}.abc-dot{width:10px;height:10px;border-radius:3px;display:inline-block}.abc-color-A{background:#087f8c}.abc-color-B{background:#d28b28}.abc-color-C{background:#7e6ac2}.abc-distribution{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.abc-distribution article{display:flex;flex-direction:column;gap:12px;padding:20px;border:1px solid #dbe4ec;border-radius:10px;background:#fbfcfe}.abc-distribution article>div{display:flex;justify-content:space-between;align-items:center}.abc-distribution strong{font-size:22px}.abc-distribution b{font-size:17px}.abc-distribution small{color:#61758f;font-size:12px}.abc-distribution meter{width:100%;height:15px}.abc-meter-A{accent-color:#087f8c}.abc-meter-B{accent-color:#d28b28}.abc-meter-C{accent-color:#7e6ac2}.abc-ranking-heading{display:flex;gap:20px;align-items:end;flex-wrap:wrap;margin-top:25px}.abc-ranking-heading h3{margin-right:auto}.abc-ranking-heading input{min-width:220px}.abc-ranking-heading select{min-width:110px}.abc-analysis table{font-size:13px}.abc-analysis th.numeric,.abc-analysis td.numeric{white-space:nowrap;text-align:right}.abc-method summary{font-weight:600;cursor:pointer}.abc-method p{line-height:1.65}.abc-filters-panel{position:relative;z-index:2}.abc-analysis .table-scroll{margin-top:18px}
@media(max-width:1050px){.abc-overview{grid-template-columns:1fr 1fr}.abc-overview article:last-child{grid-column:1/-1}.abc-overview strong{font-size:26px}}
.abc-meter-A::-webkit-meter-optimum-value{background:#087f8c}.abc-meter-B::-webkit-meter-optimum-value{background:#d28b28}.abc-meter-C::-webkit-meter-optimum-value{background:#7e6ac2}.abc-meter-A::-moz-meter-bar{background:#087f8c}.abc-meter-B::-moz-meter-bar{background:#d28b28}.abc-meter-C::-moz-meter-bar{background:#7e6ac2}
@media(max-width:650px){.abc-period{grid-template-columns:1fr 1fr}.abc-period label:last-child{grid-column:1/-1}.abc-overview{grid-template-columns:1fr}.abc-overview article{padding:20px}.abc-distribution{grid-template-columns:1fr}.abc-chart-heading{align-items:start}.abc-chart-heading h3{font-size:16px}.abc-ranking-heading{gap:12px}.abc-ranking-heading h3{width:100%;margin:0}.abc-ranking-heading input{min-width:0;width:100%}.abc-ranking-heading label:first-of-type{flex:1}.abc-analysis .section-heading .btn{width:100%}.abc-shortcuts{gap:8px}.abc-shortcuts>span{width:100%}.abc-legend{gap:12px}}