.j3d-compare{max-width:1100px}.j3d-compare label{display:grid;gap:5px;font-weight:600}.j3d-compare input,.j3d-compare textarea,.j3d-compare select{box-sizing:border-box;width:100%;padding:9px;border:1px solid #aeb8c2;border-radius:5px;font:inherit;font-weight:400}.j3d-compare button{padding:9px 13px;border:1px solid #396da6;border-radius:5px;background:#fff;color:#164f87;cursor:pointer}.j3d-compare :is(input,textarea,select,button,a):focus-visible{outline:3px solid #3275c0;outline-offset:2px}.j3d-compare__pickers,.j3d-compare__faces{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:15px 0}.j3d-compare__picker{min-width:0}.j3d-compare__options{display:grid;position:relative;z-index:2;max-height:230px;overflow:auto}.j3d-compare__options button{text-align:left;border-color:#d1dbe6;border-radius:0}.j3d-compare__controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.j3d-compare__controls label[hidden]{display:none}.j3d-compare__preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:15px 0}.j3d-compare__panel{min-width:0;padding:16px;border:1px solid #d6dfe9;border-radius:8px;background:#f8fafc}.j3d-compare__caption{min-height:25px;font-weight:700;color:#345}.j3d-compare__sample{min-height:135px;white-space:pre-wrap;overflow-wrap:anywhere;margin:14px 0}.j3d-compare__preview--rows{grid-template-columns:1fr}.j3d-compare__preview--overlay{display:grid;grid-template-columns:1fr;gap:0}.j3d-compare__preview--overlay .j3d-compare__panel{grid-area:1/1;padding:16px;border-radius:8px}.j3d-compare__preview--overlay #compare-panel-b{background:transparent;border-color:transparent;color:#b01634;pointer-events:none}.j3d-compare__preview--overlay #compare-panel-b .j3d-compare__caption,.j3d-compare__preview--overlay #compare-panel-b a{visibility:hidden}.j3d-compare__preview--overlay #compare-panel-b .j3d-compare__sample{color:#b01634}.j3d-compare__table-wrap{overflow-x:auto}.j3d-compare__table{width:100%;border-collapse:collapse;table-layout:fixed}.j3d-compare__table th,.j3d-compare__table td{padding:10px;border:1px solid #dce2e9;vertical-align:top;overflow-wrap:anywhere;text-align:left}.j3d-compare__table th:first-child{width:25%}@media(max-width:700px){.j3d-compare__pickers,.j3d-compare__faces{grid-template-columns:1fr}.j3d-compare__controls{grid-template-columns:repeat(2,minmax(0,1fr))}.j3d-compare__preview--side{grid-template-columns:1fr}.j3d-compare__panel{padding:12px}}@media(max-width:380px){.j3d-compare__controls{grid-template-columns:1fr}}
.j3d-compare__variable{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.j3d-compare__variable label[hidden]{display:none}@media(max-width:700px){.j3d-compare__variable{grid-template-columns:1fr}}
.j3d-compare__error{color:#a11929;font-weight:600}.j3d-compare__sample[hidden],.j3d-compare__error[hidden]{display:none}
.j3d-compare__related{margin-top:34px}
.j3d-compare__related h2{margin:0 0 18px;color:#3542a7;font-size:22px;line-height:1.3}
.j3d-compare__related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.j3d-compare__related-card{display:flex;min-width:0;flex-direction:column;gap:8px;padding:16px;background:#fff;border:1px solid #e6e9f1;border-radius:8px;color:#586477;text-decoration:none;box-shadow:0 2px 8px rgba(34,48,84,.04);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.j3d-compare__related-card:hover,.j3d-compare__related-card:focus-visible{border-color:#aeb5e3;box-shadow:0 5px 16px rgba(66,76,185,.12);transform:translateY(-2px);text-decoration:none}
.j3d-compare__related-card:focus-visible{outline:3px solid #3275c0;outline-offset:2px}
.j3d-compare__related-card .fa{font-size:21px;color:#424cb9}
.j3d-compare__related-card strong{color:#3542a7;font-size:15px;line-height:1.35}
.j3d-compare__related-card span:last-child{font-size:13px;line-height:1.5}
@media(max-width:900px){.j3d-compare__related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:500px){.j3d-compare__related h2{font-size:19px}.j3d-compare__related-grid{grid-template-columns:1fr}}