.am-ct{
  --ct-bg:#f7f9fc;
  --ct-card:#fff;
  --ct-text:#16202a;
  --ct-muted:#687585;
  --ct-line:#dfe6ee;
  --ct-accent:#d92525;
  --ct-cold:#2367b1;
  --ct-warm:#c64b1c;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--ct-text);
  background:var(--ct-bg);
  border:1px solid var(--ct-line);
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 10px 30px rgba(20,35,55,.08);
}
.am-ct *{box-sizing:border-box}
.am-ct__header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding:24px 26px;background:linear-gradient(135deg,#fff,#f4f7fb);border-bottom:1px solid var(--ct-line)}
.am-ct__eyebrow{font-size:12px;font-weight:800;letter-spacing:.12em;color:var(--ct-accent);margin-bottom:5px}
.am-ct h2{font-size:clamp(22px,3vw,34px);line-height:1.1;margin:0 0 7px;font-weight:850}
.am-ct__subtitle{margin:0;color:var(--ct-muted);font-size:15px;font-weight:650}
.am-ct__headright{text-align:right;display:grid;gap:6px;font-size:13px;color:var(--ct-muted);white-space:nowrap}
.am-ct__headright a{color:var(--ct-accent);font-weight:800;text-decoration:none}
.am-ct__tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:14px 16px;background:#fff;border-bottom:1px solid var(--ct-line)}
.am-ct__tabs button{appearance:none;border:1px solid var(--ct-line);background:#f8fafc;color:#334155;padding:11px 12px;border-radius:10px;font-size:13px;font-weight:760;cursor:pointer;transition:.15s ease}
.am-ct__tabs button:hover{transform:translateY(-1px);border-color:#bcc9d7}
.am-ct__tabs button.is-active{background:#17212b;color:#fff;border-color:#17212b;box-shadow:0 5px 14px rgba(23,33,43,.18)}
.am-ct__summary{display:grid;grid-template-columns:repeat(3,1fr) minmax(280px,1.8fr);gap:10px;padding:16px}
.am-ct__metric{background:#fff;border:1px solid var(--ct-line);border-radius:12px;padding:12px 14px;min-width:0}
.am-ct__metric span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--ct-muted);font-weight:800;margin-bottom:3px}
.am-ct__metric strong{font-size:20px;line-height:1.2}
.am-ct__metric--period strong{font-size:13px;font-weight:750;display:block;line-height:1.35}
.am-ct__controls{display:grid;grid-template-columns:1.1fr .7fr 1fr 1.3fr auto;gap:10px;align-items:end;padding:0 16px 16px}
.am-ct__controls label{display:grid;gap:5px;color:var(--ct-muted);font-size:11px;text-transform:uppercase;letter-spacing:.05em;font-weight:800}
.am-ct select,.am-ct input{width:100%;height:42px;border:1px solid #cfd8e3;border-radius:9px;background:#fff;color:var(--ct-text);padding:0 11px;font:inherit;font-size:14px;text-transform:none;letter-spacing:normal;outline:none}
.am-ct select:focus,.am-ct input:focus{border-color:#8196ac;box-shadow:0 0 0 3px rgba(80,120,160,.12)}
.am-ct__invert{height:42px;border:1px solid #cfd8e3;background:#fff;border-radius:9px;padding:0 14px;cursor:pointer;font-weight:750;color:#334155;white-space:nowrap}
.am-ct__notice{margin:0 16px 14px;padding:11px 13px;border-radius:10px;background:#fff6dc;border:1px solid #ebd18b;color:#6e5617;font-size:13px;font-weight:650}
.am-ct__tablewrap{margin:0 16px 16px;background:#fff;border:1px solid var(--ct-line);border-radius:13px;overflow:auto;max-height:760px}
.am-ct__table{width:100%;border-collapse:separate;border-spacing:0;min-width:720px;font-size:14px}
.am-ct__table thead th{position:sticky;top:0;z-index:2;background:#17212b;color:#fff;text-align:left;padding:11px 12px;font-size:12px;text-transform:uppercase;letter-spacing:.04em}
.am-ct__table tbody td{padding:10px 12px;border-bottom:1px solid #edf1f5;vertical-align:middle}
.am-ct__table tbody tr:last-child td{border-bottom:0}
.am-ct__table tbody tr:hover{background:#f8fafc}
.am-ct__rank{width:76px;text-align:center!important}
.am-ct__value{width:125px;text-align:right!important}
.am-ct__time{width:165px}
.am-ct__medal{font-size:18px;display:inline-block;min-width:26px}
.am-ct__station{font-weight:800}
.am-ct__dep{display:inline-flex;align-items:center;gap:7px;color:#465466}
.am-ct__depcode{font-size:11px;font-weight:850;background:#eef2f6;border-radius:6px;padding:3px 6px;color:#425064}
.am-ct__temp{display:inline-block;min-width:74px;text-align:center;padding:5px 9px;border-radius:8px;font-weight:900;font-variant-numeric:tabular-nums;background:#f0f3f6}
.am-ct__temp.is-cold{background:#e7f2ff;color:#145a9c}
.am-ct__temp.is-freeze{background:#dbeafe;color:#174d86}
.am-ct__temp.is-warm{background:#fff0df;color:#a64416}
.am-ct__temp.is-hot{background:#ffe1dd;color:#ad281c}
.am-ct__loading,.am-ct__empty{text-align:center!important;padding:28px!important;color:var(--ct-muted);font-weight:650}
.am-ct__footer{display:flex;flex-wrap:wrap;gap:8px 18px;padding:12px 17px;background:#fff;border-top:1px solid var(--ct-line);color:var(--ct-muted);font-size:11px}
@media(max-width:980px){
  .am-ct__tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .am-ct__summary{grid-template-columns:repeat(2,1fr)}
  .am-ct__metric--period{grid-column:1/-1}
  .am-ct__controls{grid-template-columns:repeat(2,minmax(0,1fr))}
  .am-ct__search{grid-column:1/-1}
  .am-ct__invert{width:100%}
}
@media(max-width:640px){
  .am-ct{border-radius:12px}
  .am-ct__header{display:block;padding:18px}
  .am-ct__headright{text-align:left;margin-top:12px;white-space:normal}
  .am-ct__tabs{grid-template-columns:1fr;padding:10px}
  .am-ct__summary{grid-template-columns:1fr 1fr;padding:10px}
  .am-ct__controls{grid-template-columns:1fr;padding:0 10px 10px}
  .am-ct__search{grid-column:auto}
  .am-ct__tablewrap{margin:0 10px 10px;max-height:680px}
  .am-ct__footer{padding:10px}
}
