.stt__sw{display:inline-flex;gap:6px;background:var(--card);border-radius:var(--pill);padding:6px;margin-top:36px;max-width:100%;flex-wrap:wrap}
.stt__swb{padding:13px 30px;border-radius:var(--pill);font-size:15px;font-weight:500;color:var(--gray);border:0;background:none;cursor:pointer;font-family:inherit;transition:.2s;white-space:nowrap}
.stt__swb:hover{color:var(--navy)}
.stt__swb.is-on{background:var(--navy);color:#fff}
.stt__pane{display:none}
.stt__pane.is-on{display:block}
.stt__tabs{display:flex;gap:6px;background:var(--card);border-radius:var(--pill);padding:6px;margin-bottom:32px;width:100%;max-width:100%;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.stt__tabs::-webkit-scrollbar{display:none}
.stt__tab{padding:11px 22px;border-radius:var(--pill);font-size:14px;font-weight:500;color:var(--gray);border:0;background:none;cursor:pointer;font-family:inherit;white-space:nowrap;transition:.2s;flex:0 0 auto}
.stt__tab:hover{color:var(--navy)}
.stt__tab.is-on{background:var(--white);color:var(--navy)}
.stt__view{display:none}
.stt__view.is-on{display:block}
.stt__panel{background:var(--white);border-radius:var(--r-xl);padding:44px 40px;border:1px solid var(--line);max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.stt__panel--gray{background:var(--card);border-color:var(--card)}
.stt__panel h3{font-size:19px;font-weight:500;color:var(--navy);text-transform:none;margin:0 0 20px}
.stt__tbl{width:100%;border-collapse:collapse;min-width:0}
.stt__tbl th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--gray);font-weight:400;padding:0 14px 14px 0;border-bottom:1px solid var(--line)}
.stt__tbl td{padding:18px 14px 18px 0;border-bottom:1px solid var(--line);font-size:16px;vertical-align:middle}
.stt__tbl tr:last-child td{border-bottom:0}
.stt__tbl td.v{font-size:26px;font-weight:300;color:var(--navy);width:110px;line-height:1}
.stt__tbl td.m{color:var(--gray);width:150px;font-size:15px}
.stt__tbl td.d{width:80px;font-size:15px;color:var(--orange);font-weight:500}
.stt__tbl tr.tot td{font-weight:400}
.stt__tbl tr.tot td.v{font-size:32px;color:var(--orange)}
.stt__bc{width:34%}
.stt__bars{display:flex;flex-direction:column;gap:6px}
.stt__bt{height:8px;background:var(--plane);border-radius:var(--pill);overflow:hidden}
.stt__bf{height:8px;border-radius:var(--pill);background:var(--navy)}
.stt__bf.or{background:var(--orange)}
.stt__bf.g{background:#c9d3e6}
.stt__leg{display:flex;gap:26px;margin-top:20px;font-size:13px;color:var(--gray);flex-wrap:wrap}
.stt__leg i{display:inline-block;width:18px;height:8px;border-radius:var(--pill);margin-right:8px;vertical-align:middle}
.stt__split{display:grid;grid-template-columns:320px 1fr;gap:44px;align-items:center}
.stt__donut{width:280px;height:280px;border-radius:50%;position:relative;margin:0 auto}
.stt__donut::after{content:attr(data-c);position:absolute;inset:58px;background:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:34px;font-weight:300;color:var(--navy)}
.stt__dleg{list-style:none;margin:0;padding:0}
.stt__dleg li{display:flex;align-items:center;gap:14px;padding:15px 0;border-bottom:1px solid var(--line);font-size:16px}
.stt__dleg li:last-child{border-bottom:0}
.stt__dleg i{width:14px;height:14px;border-radius:4px;flex:0 0 auto}
.stt__dleg b{margin-left:auto;font-weight:300;font-size:22px;color:var(--navy)}
.stt__cols{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}
.stt__cols ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.stt__cols li{padding:14px 0;border-bottom:1px solid var(--line);font-size:16px;color:var(--navy)}
.stt__cols li:last-child{border-bottom:0}
.stt__scale{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:20px}
.stt__lv{background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);padding:28px 24px}
.stt__lv b{display:block;font-size:32px;font-weight:300;color:var(--navy);margin-bottom:10px}
.stt__lv span{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--gray);line-height:1.5}
.stt__note{margin-top:20px;background:var(--card);border-radius:var(--r-lg);padding:26px 30px;font-size:15px;line-height:1.65;color:#4a4a4a}
.stt__note b{color:var(--navy);font-weight:500}
@media(max-width:1000px){
  .stt__split{grid-template-columns:1fr}
  .stt__scale,.stt__cols{grid-template-columns:1fr}
  .stt__tbl td.v,.stt__tbl td.m,.stt__tbl td.d,.stt__bc{width:auto}
}
@media(max-width:640px){
  .stt__sw{display:flex;width:100%}
  .stt__swb{flex:1 1 auto;justify-content:center;padding:12px 16px;font-size:14px}
  .stt__tabs{margin-bottom:22px}
  .stt__tab{padding:10px 16px;font-size:13px}
  .stt__panel{padding:22px 16px}
  .stt__tbl th{font-size:11px;padding:0 10px 12px 0}
  .stt__tbl td{padding:14px 10px 14px 0;font-size:14px}
  .stt__tbl td.v{font-size:22px}
  .stt__tbl tr.tot td.v{font-size:26px}
  .stt__note{padding:20px 18px;font-size:14px}
}