.lx .hd{ margin-bottom: 12.2px; }
.lx .kicker{
  display: inline-flex; align-items: center; gap: 4.6px;
  font: 600 13.0px/1 var(--body); color: var(--c);
  margin-bottom: 4.6px;
}
.lx .kicker .n{
  background: var(--c); color: var(--c-ink); border-radius: 3.5px;
  padding: 2.0px 4.3px 2.6px; font: 700 12.2px/1 var(--display);
}
.lx h1{ font: 800 31.5px/1.25 var(--display); letter-spacing: -0.2px; color: var(--ink); }
.lx h1 em{ font-style: normal; color: var(--c); }
.lx .lane{
  height: 2.6px; margin-top: 7.5px; width: 100%;
  background: repeating-linear-gradient(to left, var(--c) 0 17.4px, transparent 17.4px 26.1px);
  border-radius: 1.4px;
}
.lx .sub{ color: var(--ink-2); font-size: 15.2px; margin-top: 5.2px; }
.lx h2{
  font: 700 17.8px/1.3 var(--display); color: var(--ink);
  display: flex; align-items: center; gap: 5.8px; margin: 8.7px 0 5.2px;
}
.lx h2 .num{
  width: 14.5px; height: 14.5px; border-radius: 50%;
  border: 1.2px solid var(--c); color: var(--ink);
  display: inline-flex; align-items: center; justify-content: center;
  font: 700 12.6px/1 var(--display); flex: none;
}
.lx h2 .hint{ font: 400 12.2px var(--body); color: var(--mute); margin-inline-start: auto; }
.lx .grid{ display: grid; gap: 6.4px; }
.lx .g2{ grid-template-columns: 1fr 1fr; }
.lx .g3{ grid-template-columns: 1fr 1fr 1fr; }
.lx .g4{ grid-template-columns: repeat(4, 1fr); }
.lx .card{
  border: 0.9px solid var(--line); border-radius: 7.5px;
  padding: 7.0px 5.2px 6.4px; text-align: center; background: #fff;
  display: flex; flex-direction: column; align-items: center;
}
.lx .card .sg{ height: 40.6px; width: auto; margin-bottom: 4.6px; }
.lx .card.big .sg{ height: 49.3px; }
.lx .card .t{ font: 700 14.4px/1.3 var(--display); color: var(--ink); }
.lx .card .fr{ font: 400 10.7px/1.3 var(--body); color: var(--mute); direction: ltr; margin-top: 1.4px; }
.lx .card .d{ font-size: 12.8px; line-height: 1.45; color: var(--ink-2); margin-top: 2.9px; }
.lx .card .d b{ color: var(--ink); }
.lx .card.hl{ background: var(--c-bg); border-color: transparent; }
.lx .row{
  display: flex; align-items: center; gap: 8.7px;
  border: 0.9px solid var(--line); border-radius: 7.5px; padding: 7.0px 8.7px;
  background: #fff;
}
.lx .row + .row{ margin-top: 5.8px; }
.lx .row .ic{ flex: none; width: 34.8px; height: 34.8px; display: flex; align-items: center; justify-content: center; }
.lx .row .ic img,.lx .row .ic svg{ max-width: 34.8px; max-height: 34.8px; }
.lx .row .t{ font: 700 15.9px/1.3 var(--display); }
.lx .row .d{ font-size: 13.7px; color: var(--ink-2); line-height: 1.45; }
.lx .row.tint{ background: var(--c-bg); border-color: transparent; }
.lx .row.r{ border-right: 3.5px solid var(--red); }
.lx .row.g{ border-right: 3.5px solid var(--green); }
.lx .row.b{ border-right: 3.5px solid var(--blue); }
.lx .row.a{ border-right: 3.5px solid var(--amber); }
.lx .steps{ counter-reset: s; display: flex; flex-direction: column; gap: 5.2px; }
.lx .step{
  counter-increment: s; display: flex; gap: 7.5px; align-items: flex-start;
  background: var(--mist); border-radius: 7.0px; padding: 6.4px 7.5px;
  font-size: 14.4px; line-height: 1.45;
}
.lx .step::before{
  content: counter(s); flex: none; width: 14.5px; height: 14.5px; border-radius: 50%;
  background: var(--ink); color: #fff; font: 700 12.6px/14.5px var(--display); text-align: center;
}
.lx .step b{ font-family: var(--display); font-weight: 700; }
.lx .chips{ display: flex; flex-wrap: wrap; gap: 4.6px; }
.lx .chip{
  border-radius: 29.0px; padding: 3.2px 8.7px 3.8px; font: 600 13.3px/1.3 var(--body);
  background: var(--mist); color: var(--ink);
}
.lx .chip.no{ background: var(--red-bg); color: #b4232a; }
.lx .chip.ok{ background: var(--green-bg); color: #0a7550; }
.lx .chip.info{ background: var(--blue-bg); color: #1a46ad; }
.lx .tip{
  background: var(--asphalt); color: #fff; border-radius: 8.7px;
  padding: 9.9px 11.0px 9.9px; position: relative; margin-top: 9.9px;
  font-size: 15.2px; line-height: 1.55;
}
.lx .tip::before{
  content: ""; position: absolute; top: 0; left: 11.6px; right: 11.6px; height: 2.3px;
  background: repeating-linear-gradient(to left, var(--marker) 0 14.5px, transparent 14.5px 23.2px);
}
.lx .tip .lb{ display: block; font: 700 12.6px/1 var(--display); color: var(--marker); margin-bottom: 4.1px; letter-spacing: 0.4px; }
.lx .tip b{ color: var(--marker); font-weight: 600; }
.lx .note{
  background: var(--c-bg); border-radius: 7.5px; padding: 7.5px 9.3px;
  font-size: 14.1px; line-height: 1.5; margin-top: 7.5px;
}
.lx .note .lb{ font: 700 13.7px/1.3 var(--display); color: var(--ink); display: block; margin-bottom: 1.7px; }
.lx .note.warn{ background: var(--red-bg); }
.lx .note.warn .lb{ color: #b4232a; }
.lx .note.go{ background: var(--green-bg); }
.lx .note.go .lb{ color: #0a7550; }
.lx .note.y{ background: var(--amber-bg); }
.lx table.t{ width: 100%; border-collapse: separate; border-spacing: 0; font-size: 13.7px; }
.lx table.t th{ font: 600 12.2px/1.2 var(--body); color: var(--mute); padding: 3.5px 4.6px; text-align: center; }
.lx table.t td{ padding: 4.9px 4.6px; text-align: center; border-top: 0.9px solid var(--line); }
.lx table.t td:first-child{ font-family: var(--display); font-weight: 700; }
.lx table.t tr.hl td{ background: var(--c-bg); }
.lx .rv .hd .kicker .ref{ color: var(--mute); font-weight: 400; }
.lx .keys{ display: flex; flex-direction: column; gap: 3.5px; }
.lx .key{
  display: flex; gap: 6.4px; align-items: flex-start;
  font-size: 14.4px; line-height: 1.45;
  padding: 4.3px 7.0px; border-radius: 6.4px; background: var(--mist);
}
.lx .key::before{
  content: ""; flex: none; width: 9.3px; height: 9.3px; margin-top: 1.7px;
  border-radius: 2.3px; background: var(--c);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect width='16' height='16' rx='4'/%3E%3C/svg%3E");
}
.lx .key b{ font-weight: 600; }
.lx .qcm{ display: flex; flex-direction: column; gap: 4.6px; }
.lx .q{ border: 0.9px solid var(--line); border-radius: 7.0px; padding: 4.6px 7.5px; }
.lx .q .qq{ font: 600 14.4px/1.4 var(--body); margin-bottom: 3.8px; display: flex; gap: 4.6px; }
.lx .q .qq i{ font-style: normal; font: 700 12.2px/1 var(--display); background: var(--ink); color: #fff; border-radius: 2.9px; padding: 2.6px 3.8px; height: fit-content; margin-top: 0.9px; }
.lx .q .opts{ display: flex; flex-wrap: wrap; gap: 3.5px 8.7px; font-size: 13.5px; color: var(--ink-2); }
.lx .q .opts span{ display: inline-flex; align-items: center; gap: 3.2px; }
.lx .q .opts span::before{ content: ""; width: 9.0px; height: 9.0px; border-radius: 50%; border: 0.9px solid #9aa0ab; }
.lx .q .opts b{ font-family: var(--display); color: var(--ink); }
.lx .two{ display: grid; grid-template-columns: 1fr 1fr; gap: 7.0px; }
.lx .three{ display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 6.4px; }
.lx .mt1{ margin-top: 4.6px; }
.lx .mt2{ margin-top: 8.7px; }
.lx .mt3{ margin-top: 13.0px; }
.lx .c{ text-align: center; }
.lx .ltr{ direction: ltr; display: inline-block; }
.lx .lat{ font-family: var(--body); direction: ltr; unicode-bidi: isolate; }
.lx .small{ font-size: 12.6px; color: var(--mute); }
.lx .stat{ border-radius: 7.5px; padding: 7.5px; text-align: center; background: var(--mist); }
.lx .stat .v{ font: 800 31.5px/1.05 var(--display); }
.lx .stat .l{ font-size: 12.6px; color: var(--ink-2); margin-top: 2.3px; line-height: 1.35; }
.lx .stat.dark{ background: var(--asphalt); color: #fff; }
.lx .stat.dark .l{ color: #c9ccd3; }
.lx .stat.red{ background: var(--red); color: #fff; }
.lx .stat.red .l{ color: #ffe1e1; }
.lx .stat.blue{ background: var(--blue); color: #fff; }
.lx .stat.blue .l{ color: #dde7ff; }
.lx .stat.green{ background: var(--green); color: #fff; }
.lx .stat.green .l{ color: #d6f4e8; }
.lx .stat.amber{ background: var(--amber); color: var(--ink); }
.lx .stat.amber .l{ color: var(--ink-2); }
.lx .diagram{ border-radius: 7.5px; overflow: hidden; background: var(--mist); }
.lx .diagram svg{ display: block; width: 100%; height: auto; }
.lx .cap{ font: 700 15.5px/1.3 var(--display); margin-top: 4.6px; }
.lx .cap + .d,.lx .capd{ font-size: 13.5px; color: var(--ink-2); }
.lx .roomy .row{ padding: 9.3px 10.4px; gap: 11.6px; }
.lx .roomy .row + .row{ margin-top: 7.5px; }
.lx .roomy .row .ic{ width: 63.8px; height: 49.3px; }
.lx .roomy .row .ic img,.lx .roomy .row .ic > svg{ max-width: 63.8px; max-height: 49.3px; width: auto; height: 49.3px; }
.lx .roomy .row .t{ font-size: 17.8px; }
.lx .roomy .row .d{ font-size: 14.8px; }
.lx .roomy .two .row .ic{ width: 46.4px; height: 34.8px; }
.lx .roomy .two .row .ic > div{ width: 46.4px !important; }

.lx{font-family:var(--body);font-size:15.5px;line-height:1.6;color:var(--ink)}
.lx.ch1{--c:var(--red);--c-bg:var(--red-bg);--c-ink:#fff}.lx.ch2{--c:var(--blue);--c-bg:var(--blue-bg);--c-ink:#fff}
.lx.ch3{--c:var(--green);--c-bg:var(--green-bg);--c-ink:#fff}.lx.ch4{--c:var(--amber);--c-bg:var(--amber-bg);--c-ink:var(--ink)}
.lx h1{font-size:25px}.lx h2{font-size:17px;margin:22px 0 10px}
.lx .g3,.lx .g4{grid-template-columns:1fr 1fr}
.lx .card .sg{height:62px}.lx .card.big .sg{height:72px}
.lx .card .t{font-size:14.5px}.lx .card .fr{font-size:11.5px}.lx .card .d{font-size:13px}
.lx .row .ic{width:64px;height:64px}.lx .row .ic img,.lx .row .ic svg{max-width:64px!important;max-height:64px!important;width:64px!important;height:64px!important}
.lx .row .t{font-size:15.5px}.lx .row .d{font-size:14px}
.lx .two{grid-template-columns:1fr}.lx .roomy .two .row .ic>div{width:auto!important}
.lx .step,.lx .key{font-size:14.5px}.lx .tip{font-size:15px}.lx .note{font-size:14.5px}
.lx table.t{font-size:13.5px}.lx table.t th{font-size:12px}
.lx .stat .v{font-size:26px}.lx .stat .l{font-size:12.5px}
.lx img{max-width:100%}.lx svg{max-width:100%;height:auto}
.lx .q .opts span::before{display:none}
.lx .hd{margin-bottom:16px}
.lx .card,.lx .row,.lx .stat,.lx .key,.lx .chip{box-shadow:none;width:auto;max-width:none;height:auto;aspect-ratio:auto;flex:initial;min-width:0}
.lx .key{font-family:var(--body);font-weight:400;color:var(--ink);background:var(--mist);display:flex}
.lx .chip{display:inline-block;overflow:visible;position:static}
.lx .row{text-align:right;color:var(--ink)}
.lx .steps{margin:0;padding:0}.lx .steps b{background:none;color:inherit;padding:0;border-radius:0;font-weight:700}
.lx .stat span{font-size:inherit;color:inherit}.lx .stat b{display:inline;font:inherit}