.ha-diagram{--tile-width:clamp(16px, 4.8vw, 38px);--tile-height:calc(var(--tile-width) * 389 / 272);border:1px solid var(--line);background:var(--surface-raised);color:var(--ink);border-radius:.85rem;padding:clamp(1rem,3vw,1.75rem)}.article-body figure.ha-diagram{max-width:820px;margin-block:2rem}.ha-board{padding:calc(var(--tile-height) * .65) 0 .5rem;scrollbar-width:thin;max-width:100%;overflow-x:auto}.ha-strip{vertical-align:middle;flex:none;align-items:flex-end;gap:1px;display:inline-flex}.ha-tile{width:var(--tile-width);height:var(--tile-height);flex:none;display:inline-block;position:relative}.article-body .ha-tile img{object-fit:contain;border-radius:0;width:100%;max-width:none;height:100%;display:block}.ha-tile--inverted img{transform:rotate(180deg)}.ha-tile--sideways{width:calc(var(--tile-width) * 360 / 272);height:calc(var(--tile-width) * 302 / 272)}.ha-tile[data-raised=true]{transform:translateY(calc(var(--tile-height) * -.5));outline:2px solid var(--green);outline-offset:2px}.ha-tile[data-faded=true]{opacity:.35}.ha-tile--gap{margin-inline-start:var(--tile-width)}.ha-tile--small-gap{margin-inline-start:calc(var(--tile-width) * .22)}.ha-hand{align-items:flex-end;gap:calc(var(--tile-width) * .5);display:inline-flex}.ha-inline{--tile-width:1.05em;--tile-height:calc(var(--tile-width) * 389 / 272);vertical-align:middle;white-space:nowrap;margin-inline:.1em;line-height:1;display:inline-block}.ha-labeled-row{grid-template-columns:4.5rem minmax(0,1fr);align-items:center;gap:.75rem;display:grid}.ha-labeled-row+.ha-labeled-row{margin-top:1.75rem}.ha-row-label{color:var(--muted);font:600 .75rem/1.6 var(--sans)}.ha-centered-row{justify-content:center;min-width:max-content;display:flex}.ha-leak-board{padding-top:calc(var(--tile-height) * .65)}.ha-leak-board .ha-tile[data-raised=true]{outline:none}.ha-river-row,.ha-call-stage+.ha-call-stage{margin-top:calc(var(--tile-height) * 1.5)}.ha-incoming{margin-bottom:calc(var(--tile-height) * 1.5);display:flex}.ha-call-board--opposite{width:max-content}.ha-call-board--opposite .ha-incoming{justify-content:flex-end}.ha-divider{margin:calc(var(--tile-height) * .8) 0;border:0;border-top:1px solid var(--line)}.ha-layout-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;display:grid}.ha-comparison{--tile-width:clamp(17px, 3vw, 25px)}.ha-braced{align-items:center;gap:.5rem;display:flex}.ha-brace{min-height:5rem;color:var(--line-strong);flex:0 0 1.1rem;align-self:stretch;position:relative}.ha-brace svg{width:100%;height:100%;position:absolute;inset:0}.ha-branches{flex:1;gap:.5rem;min-width:0;display:grid}.ha-branch{white-space:nowrap;font:600 .8rem/1.5 var(--sans);align-items:center;gap:.4rem;padding:.5rem 0;display:flex}.ha-red-layouts{gap:2rem;display:grid}.ha-red-layouts .ha-reorder+.ha-reorder{border-top:1px solid var(--line);padding-top:2rem}.ha-reorder{justify-content:center;align-items:center;gap:clamp(.5rem,2vw,1.5rem);display:flex}.ha-arrow{color:var(--green);font-size:2rem}.ha-alternatives,.ha-alternative{justify-items:center;gap:.6rem;display:grid}.ha-or{color:var(--muted);text-align:center;font-size:.8rem}.ha-extension-summary{--tile-width:clamp(17px, 4.3vw, 32px)}.ha-summary-path{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:.6rem;padding:.6rem 0;font-size:.8rem;display:flex}.ha-summary-path:last-child{border-bottom:0}.ha-summary-wait{align-items:center;gap:.5rem;display:inline-flex}@media (width<=760px){.ha-layout-grid{grid-template-columns:minmax(0,1fr)}.ha-comparison{--tile-width:clamp(18px, 5vw, 28px)}.ha-arrangement-card+.ha-arrangement-card{border-top:1px solid var(--line);padding-top:1.5rem}}@media (width<=540px){.ha-labeled-row{grid-template-columns:minmax(0,1fr)}.ha-extension-summary{--tile-width:17px}.ha-summary-path{gap:.4rem}.ha-summary-path>span:first-child{width:100%}}@media (width<=400px){.ha-diagram{--tile-width:16px}.ha-comparison{--tile-width:18px}}@media (width<=360px){.ha-comparison,.ha-extension-summary{--tile-width:16px}}:lang(zh-CN) .article-body h2{font-variant-numeric:lining-nums}:lang(zh-CN) .article-body h2:not(:last-of-type):first-letter{font-size:1.15em}