.ib-grid{grid-template-columns:1fr;gap:14px;display:grid}@media (min-width:720px){.ib-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.ib-lead{grid-column:1/-1}.ib-open{min-height:0}}@media (min-width:1040px){.ib-grid{grid-template-rows:auto auto auto 1fr;grid-template-columns:7fr 5fr}.ib-lead{grid-area:1/1/-1}}.ib-open-row{flex-direction:column;gap:14px;width:100%;display:flex}.ib-open-copy{flex-direction:column;gap:8px;display:flex}.ib-open-copy>.eyebrow{margin-bottom:0}.ib-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);min-height:168px;transition:border-color var(--t-ui) var(--ease), background var(--t-ui) var(--ease), transform var(--t-ui) var(--ease);flex-direction:column;gap:14px;padding:clamp(16px,2vw,22px);display:flex;position:relative;overflow:hidden}.ib-card:hover{border-color:var(--line2);background:var(--panel2)}.ib-lead:before{content:"";background:linear-gradient(90deg, var(--blue2), transparent 62%);opacity:.7;height:2px;position:absolute;inset:0 0 auto}.ib-title{font-family:var(--disp);font-weight:600;font-size:var(--fs-subhead);letter-spacing:-.01em;color:var(--ink);text-wrap:balance;margin:0;line-height:1.2}.ib-lead .ib-title{font-size:var(--fs-heading)}.ib-blurb{color:var(--ink2);max-width:46ch;margin:0;font-size:14px;line-height:1.5}.ib-marks{flex-wrap:wrap;gap:10px;margin-top:auto;display:flex}.ib-mark{width:44px;height:44px;color:var(--ink2);background:var(--sunken);border:1px solid var(--line);border-radius:var(--r-md);transition:color var(--t-ui) var(--ease), border-color var(--t-ui) var(--ease);justify-content:center;align-items:center;display:flex}.ib-card:hover .ib-mark{color:var(--ink);border-color:var(--line2)}.ib-mark-lbl{text-align:center;flex-direction:column;align-items:center;gap:6px;width:auto;min-width:66px;max-width:110px;display:flex}.ib-mark-lbl span{font-family:var(--disp);letter-spacing:0;color:var(--ink);font-size:14px;font-weight:500;font-stretch:100%;line-height:1.3}.ib-mark-lbl .ib-status{font-family:var(--mono);letter-spacing:.08em;color:var(--ink3);font-size:12px;font-weight:700;font-stretch:87.5%}.ib-status{border:2px solid var(--ink);background:var(--paper);padding:2px 6px;display:inline-block}.ib-status[data-state=connected]{background:var(--signal);color:var(--on-signal);border-color:var(--signal)}.ib-status[data-state=reachable]{color:var(--tram);border-color:var(--tram);background:0 0}.ib-status[data-state=error]{background:var(--ink);color:var(--paper)}.ib-status[data-state=planned]{border-style:dashed}.ib-stack{gap:18px;min-width:0;display:grid}.ib-wall{min-width:0;margin-top:28px}.ib-box{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);gap:20px;min-width:0;padding:clamp(16px,3vw,28px);display:grid}.ib-box .nb-head{overflow-wrap:break-word;margin:0}.ib-box-marks{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;margin:0;padding:0;list-style:none;display:flex}.ib-box-mark{margin:0}.ib-box-rest{border:2px solid var(--ink);background:var(--paper);min-height:44px;font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink2);flex-direction:column;justify-content:center;align-items:flex-start;padding:4px 8px;font-size:12px;font-weight:700;font-stretch:87.5%;display:flex}.ib-box-rest-n{font-variant-numeric:tabular-nums;color:var(--ink);letter-spacing:0;font-size:16px}.ib-box-wfs{counter-reset:wf;gap:8px;min-width:0;margin:0;padding:0;list-style:none;display:grid}.ib-box-wf{font-family:var(--disp);color:var(--ink);overflow-wrap:break-word;counter-increment:wf;margin:0;padding:0 0 0 2.2em;font-size:16px;font-weight:600;line-height:1.3;position:relative}.ib-box-wf:before{content:counter(wf);font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--ink3);font-size:12px;font-weight:700;font-stretch:87.5%;position:absolute;top:0;left:0}.ib-box-gaps{color:var(--ink2);overflow-wrap:break-word;margin:0;font-size:14px;line-height:1.45}.ib-box-go{margin:0}.ib-box-go a{border:4px solid var(--ink);background:var(--paper);min-height:44px;color:var(--ink);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;box-shadow:8px 8px 0 0 var(--ink);transition:transform .15s var(--ease,cubic-bezier(.16, 1, .3, 1)), box-shadow .15s var(--ease,cubic-bezier(.16, 1, .3, 1));align-items:center;padding:8px 14px;font-size:12px;font-weight:700;font-stretch:87.5%;text-decoration:none;display:inline-flex}.ib-box-go a:hover{box-shadow:4px 4px 0 0 var(--ink);transform:translate(2px,2px)}.ib-eco{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);gap:8px;min-width:0;padding:clamp(16px,2vw,22px);display:grid}.ib-eco-fig,.ib-eco-zero{color:var(--ink);margin:0;line-height:1.35}.ib-eco-n{font-family:var(--disp);letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--ink);font-size:clamp(40px,8vw,72px);font-weight:700;line-height:.95;display:block}.ib-eco-fig{max-width:36ch;font-size:16px;font-weight:600}.ib-eco-zero{color:var(--ink2);max-width:46ch;font-size:14px}.ib-eco-z{font-family:var(--mono);font-variant-numeric:tabular-nums;font-weight:700;font-stretch:87.5%}.ib-shelves{gap:8px;min-width:0;display:grid}.ib-shelf{border:1px solid var(--line);background:var(--panel);border-radius:var(--r-md);min-width:0}.ib-shelf-sum{cursor:pointer;gap:4px;padding:12px 14px;list-style:none;display:grid}.ib-shelf-sum::-webkit-details-marker{display:none}.ib-shelf-title{font-family:var(--disp);color:var(--ink);font-size:16px;font-weight:700;line-height:1.25}.ib-shelf-why{color:var(--ink2);font-size:14px;line-height:1.45}.ib-shelf-named{color:var(--ink);overflow-wrap:anywhere;margin:0;padding:0 14px 12px;font-size:13px;line-height:1.45}.ib-gaps{gap:10px;min-width:0;padding-top:4px;display:grid}.ib-gaps-head{color:var(--ink2);max-width:52ch;margin:0;font-size:14px;line-height:1.45}.ib-gaps-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.ib-gap{border:1px solid var(--line);background:var(--panel);border-radius:var(--r-md);padding:10px 12px}.ib-gap-name{font-family:var(--disp);color:var(--ink);margin:0 0 4px;font-size:14px;font-weight:600}.ib-gap-instead{color:var(--ink2);margin:0;font-size:13px;line-height:1.45}@media (prefers-reduced-motion:reduce){.ib-card,.ib-eco,.ib-eco-motion,.ib-shelf,.ib-gap,.ib-box,.ib-box-go a{opacity:1;transition:none;animation:none;transform:none}.ib-box-go a{box-shadow:8px 8px 0 0 var(--ink)}}.ib-flow{border:1px solid var(--line);border-radius:var(--r-md);background:linear-gradient(var(--line) 1px, transparent 1px) 0 0 / 100% 22px, linear-gradient(90deg, var(--line) 1px, transparent 1px) 0 0 / 22px 100%, var(--sunken);background-blend-mode:normal;flex:1;min-height:150px;margin-top:6px;position:relative;overflow:hidden}.ib-flow:after{content:"";background:var(--sunken);opacity:.55;pointer-events:none;position:absolute;inset:0}.ib-flow-svg{z-index:1;width:100%;height:100%;position:absolute;inset:0}.ib-node{z-index:2;background:var(--panel);border:1px solid var(--line2);border-radius:var(--r-md);box-shadow:0 var(--shadow-offset-y) var(--shadow-blur) color-mix(in srgb, var(--shadow-color) calc(var(--shadow-opacity) * 100%), transparent);align-items:center;gap:8px;padding:8px 11px;display:flex;position:absolute}.ib-node span{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);white-space:nowrap;font-size:12px;font-stretch:75%}.ib-node-mark{width:20px;height:20px;color:var(--ink2);justify-content:center;align-items:center;display:flex}.ib-node-src{top:50%;left:14px;transform:translateY(-50%)}.ib-node-dst{top:50%;right:14px;transform:translateY(-50%)}.ib-flow-dot{fill:var(--blue2)}.ib-payload{border:4px solid var(--ink);background:var(--ink-block);box-shadow:8px 8px 0 0 var(--ink);border-radius:0;margin-top:18px;overflow:hidden}.ib-payload-bar{border-bottom:1px solid var(--line);background:var(--panel2);justify-content:space-between;align-items:center;gap:16px;padding:10px 14px;display:flex}.ib-payload-file{font-family:var(--mono);color:var(--ink2);align-items:center;gap:10px;font-size:12px;font-stretch:87.5%;display:flex}.ib-payload-verb{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--on-primary);background:var(--blue);border-radius:var(--r-sm);padding:2px 7px;font-size:12px;font-stretch:75%}.ib-payload-copy{border:1px solid var(--line2);color:var(--ink2);border-radius:var(--r-lg);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:color var(--t-ui) var(--ease), border-color var(--t-ui) var(--ease);background:0 0;padding:5px 12px;font-size:12px;font-stretch:75%}.ib-payload-copy:hover{color:var(--ink);border-color:var(--steel)}.ib-payload-code{font-family:var(--mono);color:var(--signal);background:var(--ink-block);tab-size:2;margin:0;padding:16px 18px;font-size:12px;font-stretch:87.5%;line-height:1.7;overflow-x:auto}.ib-payload-code .js-key{color:var(--signal)}.ib-payload-code .js-str{color:#f2f4f6}.ib-payload-code .js-num,.ib-payload-code .js-bool{color:var(--ember)}.ib-payload-code .js-punc{color:#f2f4f6}.ib-payload-foot{border-top:1px solid var(--line);background:var(--panel2);flex-wrap:wrap;align-items:center;gap:16px;padding:10px 14px;display:flex}.ib-payload-foot-item{font-family:var(--mono);color:var(--ink3);align-items:center;gap:7px;font-size:12px;font-stretch:87.5%;display:flex}.ib-payload-dot{background:var(--steel);border-radius:0;width:7px;height:7px}.ib-payload-dot.ok{background:var(--patina)}.ib-payload-dot.warn{background:var(--flag)}.ib-flow-caption{z-index:2;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink3);white-space:nowrap;font-size:12px;font-stretch:75%;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}
