/* Pradžios puslapio demonstracija: brėžinys -> atpažinti plotai -> sąmatos eilutė. Naudoja home5.css kintamuosius. */
.h5 .hx{padding:28px 0 56px}
.hx .hgrid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(20px,3vw,48px);align-items:center}
.hx .hgrid>div{min-width:0}
.hx h1{font-family:var(--fd);margin:0;font-weight:700;font-size:clamp(34px,4.3vw,60px);line-height:1.04;letter-spacing:-.035em;text-wrap:balance;color:var(--ink)}
.hx .sub2{margin:20px 0 0;max-width:34ch;color:var(--ink2);font-size:clamp(16px,1.3vw,19px);line-height:1.5}
.hx .cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin-top:28px}
.hx .lnk{font-weight:700;font-size:15.5px;text-underline-offset:4px;color:var(--ink)}
.hx .fine{margin:16px 0 0;color:#6B7586;font-size:14px}
.hx .demo{background:#fff;border:1px solid var(--rule);border-radius:18px;box-shadow:0 28px 60px -42px rgba(15,23,42,.5);overflow:hidden}
.hx .pl{position:relative;background:#FAFAF8;border-bottom:1px solid var(--rule)}
.hx .pbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;border-bottom:1px solid var(--rule);background:#fff}
.hx .tag{font-size:13px;font-weight:700;color:var(--ink2)}
.hx .pl svg{display:block;width:100%;height:auto}
.hx .rm{cursor:pointer}
.hx .rm .fl{fill:transparent;stroke:none;transition:fill .25s}
.hx .rm:hover .fl{fill:rgba(79,70,229,.06)}
.hx .rm.on .fl{fill:rgba(79,70,229,.10);stroke:#4F46E5;stroke-width:2.2;vector-effect:non-scaling-stroke;stroke-linejoin:round}
.hx .rm .nm{font:700 .38px var(--ff);fill:#1E293B;text-anchor:middle;pointer-events:none}
.hx .rm .ar{font:400 .31px var(--ff);fill:#64748B;text-anchor:middle;pointer-events:none;font-variant-numeric:tabular-nums}
.hx .rm.on .nm,.hx .rm.on .ar{fill:#4338CA}
.hx .rm:focus-visible{outline:none}.hx .rm:focus-visible .fl{stroke:#4F46E5;stroke-width:2;vector-effect:non-scaling-stroke;stroke-dasharray:5 4}
.hx .sh{padding:16px 22px 16px}
.hx .sh-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:8px}
.hx .sh-h b{font-size:16px;color:var(--ink)}
.hx .sh-h span{font-size:13.5px;color:#6B7586}
.hx table{width:100%;border-collapse:collapse;font-size:15.5px;font-variant-numeric:tabular-nums}
.hx th{font-weight:400;font-size:12.5px;color:#6B7586;text-align:right;padding:4px 8px;border-bottom:1px solid var(--rule)}
.hx th:first-child,.hx th:nth-child(2),.hx td:first-child,.hx td:nth-child(2){text-align:left}
.hx td{padding:9px 10px;text-align:right;border-bottom:1px solid var(--rule2);white-space:nowrap}
.hx td:nth-child(2){color:var(--ink2);white-space:normal}
.hx tbody tr{cursor:pointer;transition:background .2s}
.hx tbody tr:hover{background:#F4F5F8}
.hx tbody tr.on{background:var(--accbg);box-shadow:inset 3px 0 0 var(--acc)}
.hx tbody tr.on td{font-weight:700;color:var(--ink)}
.hx tfoot td{border:0;padding-top:8px;font-weight:700;font-size:16px;color:var(--ink)}
.hx tfoot td:first-child{font-weight:400;color:var(--ink2);font-size:14px}
.hx tr[hidden]{display:none}
.hx .ft{display:flex;align-items:center;justify-content:space-between;gap:10px 18px;flex-wrap:wrap;margin-top:10px}
.hx .note{margin:0;font-size:13px;color:#6B7586}
.hx .lk{display:flex;gap:18px;flex-wrap:wrap}
.hx .lk button,.hx .lk a{font:700 14.5px var(--ff);color:var(--acc2);background:none;border:0;padding:6px 0;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.hx .lk button:hover,.hx .lk a:hover{color:var(--ink)}
.hx .fullb{display:none;font:700 13px var(--ff);color:var(--ink);background:#fff;border:1px solid var(--rule);border-radius:99px;padding:5px 12px;cursor:pointer}
.hx .one{display:none}
.hx .cap{margin:14px 4px 0;font-size:13.5px;color:#6B7586;max-width:78ch}
@media(max-width:1100px){.hx .hgrid{grid-template-columns:minmax(0,1fr);gap:26px}}
@media(max-width:640px){
  .h5 .hx{padding:20px 0 36px}
  .hx .cta{margin-top:18px;flex-direction:column;align-items:stretch;gap:12px;text-align:center}
  .hx .cta .btn{width:100%}
  .hx .fine{display:none}
  .hx .sub2{margin-top:12px;max-width:none}
  .hx .pbar{padding:8px 12px}
  .hx .tag{font-size:12.5px}
  .hx .rm .nm{font-size:.42px}.hx .rm .ar{font-size:.34px}
  .hx .sh{padding:14px 16px 16px}
  .hx table,.hx .sh-h,.hx #more{display:none}
  .hx .fullb{display:block}
  .hx .pl svg:not(.fl2) .rm:not(.on) text{display:none}
  .hx .pl svg.fl2 .rm .nm{font-size:.62px}.hx .pl svg.fl2 .rm .ar{font-size:.5px}
  .h5 .acts .btn.sm:not(.keep){display:none}
  .hx .one{display:block}
  .hx .one .tp{display:flex;align-items:center;justify-content:space-between;gap:8px}
  .hx .one h3{margin:0;font-size:20px;letter-spacing:-.02em;color:var(--ink)}
  .hx .one .nav2{display:flex;gap:6px}
  .hx .one .nav2 button{width:40px;height:40px;border-radius:10px;border:1px solid var(--rule);background:#fff;font-size:20px;line-height:1;padding:0}
  .hx .one .ln{margin-top:10px;display:grid;grid-template-columns:1fr auto;gap:2px 12px;align-items:end}
  .hx .one .ln small{color:var(--ink2);font-size:15px}
  .hx .one .ln b{font-size:24px;letter-spacing:-.02em;grid-row:1/3;grid-column:2;white-space:nowrap}
  .hx .one .sum{margin-top:12px;padding-top:12px;border-top:1px solid var(--rule);display:flex;justify-content:space-between;align-items:baseline;font-size:15px;color:var(--ink2)}
  .hx .one .sum b{font-size:20px;color:var(--ink);white-space:nowrap}
}
@media(prefers-reduced-motion:reduce){.hx .rm .fl,.hx tbody tr{transition:none}}