.site .ba .if{gap:14px;display:grid}.site .ba .if-box{border-radius:4px;gap:8px;min-width:0;padding:10px 12px 12px;display:grid}.site .ba .if-box.is-server{border:1px dashed var(--line-2)}.site .ba .if-box.is-client{border:1.5px solid var(--accent);background:var(--accent-2)}.site .ba .if-tag{font:400 10.5px/1.35 var(--mono);color:var(--fg-3);flex-wrap:wrap;align-items:baseline;gap:2px 10px;margin:0;display:flex}.site .ba .if-tag b{font:600 12px/1.35 var(--mono);color:var(--fg)}.site .ba .if-box.is-client>.if-tag span{color:var(--fg);font-weight:600}.site .ba .if-leaf{border:1px solid var(--line);background:var(--bg);min-width:0;font:400 11px/1.4 var(--mono);color:var(--fg-2);border-radius:3px;flex-wrap:wrap;align-items:baseline;gap:2px 10px;padding:7px 10px;display:flex}.site .ba .if-leaf b{font:600 12px/1.4 var(--mono);color:var(--fg)}.site .ba .if-leaf.is-css{border-style:dashed}.site .ba .if-key{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px;margin:0;display:grid}.site .ba .if-key div{min-width:0}.site .ba .if-key dt{font:600 11px/1.4 var(--mono);color:var(--fg);align-items:center;gap:8px;display:flex}.site .ba .if-key dd{font:400 11px/1.45 var(--mono);color:var(--fg-3);margin:2px 0 0 26px}.site .ba .if-key .if-nw{white-space:nowrap}.site .ba .if-key i{border-radius:2px;flex:none;width:18px;height:12px;display:inline-block}.site .ba .if-key i.is-server{border:1px dashed var(--line-2)}.site .ba .if-key i.is-client{border:1.5px solid var(--accent);background:var(--accent-2)}@media (max-width:559px){.site .ba .if-box{padding:8px 8px 10px}.site .ba .if-key{grid-template-columns:minmax(0,1fr)}}