/* This page only: keep the rest of Academy's visual system unchanged. */
.converters-page .converter-tree{padding:8px}
.converters-page .converter-object-node + .converter-object-node{margin-top:7px}
.converters-page .converter-object-node > summary{min-height:54px;grid-template-columns:14px 34px minmax(0,1fr) auto;gap:10px;padding:7px 12px}
.converters-page .converter-object-icon{width:34px;height:34px;border-radius:9px}
.converters-page .converter-object-title strong{font-size:14px}
.converters-page .converter-object-title small{margin-top:2px;font-size:12px;line-height:1.35}
.converters-page .converter-object-total{min-width:80px;padding:7px 9px}
.converters-page .converter-host-list{padding:0 8px 8px 28px}
.converters-page .converter-host-node + .converter-host-node{margin-top:5px}
.converters-page .converter-host-node > summary{min-height:52px;grid-template-columns:14px 30px minmax(220px,1fr) 76px 154px 142px;gap:8px;padding:6px 12px}
.converters-page .converter-host-icon{width:30px;height:30px;border-radius:8px}
.converters-page .converter-host-icon svg{width:19px;height:19px}
.converters-page .converter-host-title{min-width:0}
.converters-page .converter-host-title strong{font-size:13px;line-height:1.4}
.converters-page .converter-host-title small{margin-top:2px;font-size:12px;line-height:1.35;white-space:normal;overflow-wrap:anywhere}
.converters-page .converter-host-meters{min-width:70px;padding:6px;font-size:12px}
.converters-page .converter-host-time strong{font-size:12px}
.converters-page .converter-host-time small{font-size:11px;margin-top:2px}
.converters-page .converter-status{box-sizing:border-box;min-width:142px;width:142px;height:30px;padding:0 10px;gap:8px;justify-content:flex-start;border-radius:8px;font-size:12px;line-height:1;white-space:nowrap}
.converters-page .converter-status > i{width:7px;height:7px;flex:0 0 7px;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 12%,transparent)}
.converters-page .converter-port-list{overflow-x:auto}
.converters-page .converter-port-head,.converters-page .converter-port-row{box-sizing:border-box;grid-template-columns:52px minmax(150px,1fr) 164px 50px 158px 142px;min-width:880px;gap:8px;padding:6px 12px}
.converters-page .converter-port-head{display:grid;font-size:12px;letter-spacing:.02em}
.converters-page .converter-port-row{min-height:54px;font-size:13px;color:var(--text)}
.converters-page .converter-port-row > *{min-width:0;grid-column:auto;grid-row:auto}
.converters-page .converter-port-row > .converter-status{grid-column:auto;grid-row:auto;justify-self:start}
.converters-page .converter-port-row time{grid-column:auto;font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums}
.converters-page .converter-line-cycle{grid-column:auto;white-space:nowrap;font-variant-numeric:tabular-nums}
.converters-page .converter-port-row [data-label]::before{display:none}
.converters-page .converter-line-composition,.converters-page .converter-line-group{gap:2px}
.converters-page .converter-line-group + .converter-line-group{margin-top:3px}
.converters-page .converter-line-group strong{font-size:13px;line-height:1.35}
.converters-page .converter-line-group span,.converters-page .converter-line-empty{font-size:12px;line-height:1.35}
.converters-page .converter-line-counts{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.converters-page .converter-line-button{height:27px;display:inline-flex;align-items:center;justify-content:center;gap:3px;flex:none;padding:0 7px;font-size:12px;line-height:1;white-space:nowrap}
.converters-page .converter-line-button.all{min-width:70px}
.converters-page .converter-line-button.compact{padding:0 4px}
.converters-page .converter-line-button svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:980px){
  .converters-page .converter-host-node > summary{grid-template-columns:14px 30px minmax(0,1fr) 76px}
}
@media(max-width:620px){
  .converters-page .converter-host-list{padding:0 6px 6px}
  .converters-page .converter-object-node > summary{grid-template-columns:14px 30px minmax(0,1fr);padding:7px 9px}
  .converters-page .converter-host-node > summary{grid-template-columns:12px 28px minmax(0,1fr) auto;padding:6px 8px}
  .converters-page .converter-host-icon{width:28px;height:28px}
  .converters-page .converter-port-list{overflow-x:visible}
  .converters-page .converter-port-head{display:none}
  .converters-page .converter-port-row{min-width:0;grid-template-columns:44px minmax(0,1fr);gap:6px;padding:8px 10px}
  .converters-page .converter-line-counts,.converters-page .converter-line-cycle,.converters-page .converter-port-row time,.converters-page .converter-port-row > .converter-status{grid-column:2;grid-row:auto}
  .converters-page .converter-port-row time{white-space:normal}
  .converters-page .converter-port-row [data-label]::before{display:inline;content:attr(data-label) ': ';font-size:12px}
  .converters-page .converter-line-counts::before{display:none}
}