.console{display:grid;grid-template-columns:232px 1fr}
.rail{position:relative;border-right:1px solid var(--chrome-line-2);
  display:flex;flex-direction:column;padding:20px 14px;gap:3px;overflow:hidden}
.rail .house{display:flex;align-items:center;gap:10px;padding:0 8px 18px}
.rail .house svg{width:26px;height:26px;flex:0 0 auto}
.rail .house .nm{font-size:var(--t1);letter-spacing:.2em;color:var(--platinum)}
.rail .house .sub{font-size:var(--t1);letter-spacing:.14em;color:var(--silver-2);margin-top:2px}
.rail .grp{font-size:var(--t1);letter-spacing:.2em;color:var(--silver-2);padding:16px 8px 6px;text-transform:uppercase}
.seat{position:relative;display:flex;align-items:center;gap:11px;width:100%;text-align:left;
  padding:9px 11px;border-radius:11px;color:var(--silver-2);font-size:var(--t2);letter-spacing:.02em}
.seat .k{position:relative;z-index:2;width:26px;height:26px;flex:0 0 auto;display:grid;place-items:center}
.seat .k svg{width:16px;height:16px;fill:none;stroke:#98a0b2;stroke-width:1.5;
  stroke-linecap:round;stroke-linejoin:round}
.seat span{position:relative;z-index:2}
.seat::before{content:"";position:absolute;inset:0;border-radius:11px;opacity:0;
  background:linear-gradient(180deg,#080a0e,#0c0e14 46%,#111420);
  box-shadow:inset 0 2px 5px rgba(0,0,0,.9),inset 0 -1px 0 rgba(198,205,225,.09),
             0 1px 0 rgba(198,205,225,.05)}
.seat[aria-current]{color:#e6dcc2}
.seat[aria-current]::before{opacity:1}
.seat[aria-current] .k svg{stroke:#e8d3a4}
.seat[aria-current]::after{content:"";position:absolute;left:0;top:9px;bottom:9px;width:2px;
  border-radius:2px;background:linear-gradient(180deg,#e8d3a4,#c9a35c 55%,#8f7336)}
.rail .foot{margin-top:auto;padding:14px 8px 0;border-top:1px solid var(--chrome-line-2);
  font-size:var(--t1);letter-spacing:.1em;color:var(--silver-2);line-height:1.7}
.stage{display:flex;flex-direction:column;min-width:0}
.top{display:flex;align-items:center;gap:16px}
.top h1{margin:0;font-weight:500;letter-spacing:.04em;color:#e2e5ec}
.top .why{font-size:var(--t1);color:var(--silver-2);margin-top:3px;max-width:640px;line-height:1.55}
.top .rt{margin-left:auto;display:flex;align-items:center;gap:9px;flex:0 0 auto}
.role{display:flex;align-items:center;gap:8px}
.role .dot{width:5px;height:5px;border-radius:50%;background:#8f9ab0}
.role .t{font-size:var(--t1);letter-spacing:.13em;color:#aab2c4}
.blind{font-size:var(--t1);color:#6a707e;letter-spacing:.04em}
.blind b{color:#8f9ab0;font-weight:500}
.wrap{display:flex;flex-direction:column}
.cols{display:grid}
.lang{display:flex;align-items:center;gap:4px}
.lang .lb{padding:5px 10px;border-radius:8px;font-size:var(--t1);color:var(--silver-2);
  border:1px solid var(--chrome-line-1);background:rgba(198,205,225,.03)}
.lang .lb[aria-pressed="true"]{color:#e6dcc2;border-color:rgba(201,163,92,.38);background:rgba(201,163,92,.07)}
.top{padding:24px 32px 8px}
.top h1{font-size:var(--t5)}
.wrap{padding:22px 32px 64px;gap:36px}
.cols{gap:44px}
.col-l{grid-column:1;min-width:0;display:flex;flex-direction:column;gap:32px}
.col-r{grid-column:2;min-width:0;display:flex;flex-direction:column}
.rail .foot u{text-decoration:underline;text-underline-offset:3px}

body{display:flex;flex-direction:column;min-height:100vh}
.console{flex:1 0 auto;width:100%;min-width:816px;min-height:640px}
.c-2{grid-template-columns:minmax(540px,1fr) 372px}
.c-2:has(> .col-r:empty){grid-template-columns:minmax(540px,1fr)}
.col-r:empty{display:none}
.wrap:has(.col-r:empty){padding-right:12px}
.wrap{padding-bottom:30px}
.top .why{max-width:520px}

.console.m-machined{background-size:max(1252px,100%) 100%,128px 128px,max(1252px,100%) 100%}

@media (max-width:1251.98px){.top .rt{display:none}}

@media (min-width:817px){
  .col-l table{table-layout:fixed}
  .col-l thead th:nth-child(1){width:25.50%}
  .col-l thead th:nth-child(2){width:25.41%}
  .col-l thead th:nth-child(3){width:23.20%}
  .col-l thead th:nth-child(4){width:25.89%}
}

.console{flex:1 0 0;grid-template-rows:minmax(0,1fr)}

.wrap{padding-bottom:64px}
html{background:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='128' height='128'%3E%3Cfilter id='b'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9 0.04' numOctaves='2' seed='6' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .80  0 0 0 0 .82  0 0 0 0 .88  0 0 0 .045 0'/%3E%3C/filter%3E%3Crect width='128' height='128' filter='url(%23b)'/%3E%3C/svg%3E") 0 0/128px 128px,var(--room-0)}

.col-l .panel.cont .setter > .act{margin-top:0}