.bridge-main{max-width:1320px}.bridge-hero{display:grid;grid-template-columns:1.5fr 1fr;gap:2rem;align-items:end;margin:1rem 0 2.5rem}.bridge-hero h1{max-width:14ch}.bridge-hero .lead{font-size:1.12rem;max-width:52ch}.bridge-boundary{border-left:3px solid var(--lab-accent);padding:1rem 1.25rem}.bridge-links{display:flex;gap:.5rem 1.2rem;flex-wrap:wrap}.bridge-links a{display:inline-flex;align-items:center;min-height:44px}.bridge-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:1.2rem}.bridge-card{min-width:0}.bridge-card h2{font-size:1.45rem;margin-top:0}.bridge-card h3{font-size:1.05rem}.bridge-card p{font-size:.94rem}.bridge-form{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.bridge-form .wide{grid-column:1/-1}.bridge-form :is(input,select,textarea){display:block;width:100%}.bridge-form textarea{min-height:100px;resize:vertical}.bridge-steps{display:flex;list-style:none;padding:0;gap:.5rem;flex-wrap:wrap;font:.8rem/1.5 Consolas,monospace}.bridge-steps li{border:1px solid var(--lab-line);padding:.4rem .7rem;border-radius:var(--lab-radius)}.bridge-steps [data-done=true]{border-color:var(--lab-accent);font-weight:700}.bridge-status{padding:1rem;border-left:4px solid var(--lab-accent);background:var(--lab-surface);min-height:72px}.bridge-status[data-error=true]{border-color:#a82731}.bridge-output{white-space:pre-wrap;overflow-wrap:anywhere;max-height:320px;font-size:.85rem;line-height:1.6}.bridge-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin:1rem 0}.bridge-summary div{border-top:1px solid var(--lab-line);padding:.8rem 0}.bridge-summary dt{font-size:.72rem;color:var(--lab-muted)}.bridge-summary dd{font:700 .95rem/1.5 Consolas,monospace;margin:.25rem 0;overflow-wrap:anywhere}.bridge-stack{display:grid;gap:1.2rem}.bridge-table{font-size:.85rem}.bridge-table caption{text-align:left;font-weight:700;margin-bottom:.75rem}.bridge-table td{vertical-align:top}.bridge-limits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.bridge-limits h3{font-size:1.12rem}.bridge-limits p{font-size:.9rem}.bridge-tutorial{max-width:1000px}.bridge-tutorial :is(p,li,dd){line-height:1.8}.bridge-tutorial h2{font-size:1.8rem}.bridge-tutorial dt{margin-top:1rem}.bridge-tutorial pre{font-size:1rem;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.bridge-tutorial section{scroll-margin-top:1rem}.bridge-recording{margin-top:2rem}.bridge-notes{display:none}.bridge-annotation{display:none}.bridge-live-note{font-size:.84rem;border-top:1px solid var(--lab-line);padding-top:.75rem}.bridge-diagram{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;list-style:none;padding:0}.bridge-diagram li{border:1px solid var(--lab-line);padding:1rem;background:var(--lab-surface);border-radius:var(--lab-radius);font-size:.9rem}.bridge-diagram strong{display:block;margin-bottom:.5rem}.bridge-code-controls{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.bridge-code-controls p{margin:0;font-size:.8rem}body[data-bridge-presentation] :is([data-lab-header],[data-lab-footer],.bridge-hero,.bridge-links.top,.bridge-limits,#architecture){display:none}body[data-bridge-presentation] .bridge-main{max-width:1720px;padding:1.5rem;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:1.5rem}body[data-bridge-presentation] #workspace{grid-column:1}body[data-bridge-presentation] .bridge-annotation{grid-column:2;grid-row:1/5;display:block;border-left:1px dashed var(--lab-line);padding:1rem;color:var(--lab-muted);font-size:.75rem}body[data-bridge-presentation] .bridge-recording{grid-column:1;margin-top:0}body[data-bridge-presentation] .bridge-notes{display:block}body[data-bridge-presentation] .bridge-output{font-size:1rem}body[data-bridge-presentation] .bridge-status{min-height:65px}#presentation-exit{display:none}body[data-bridge-presentation] #presentation-exit{display:inline-block}body[data-bridge-presentation] #presentation-open{display:none}@media(max-width:800px){.bridge-hero,.bridge-grid{grid-template-columns:1fr}.bridge-hero{gap:1rem}.bridge-form{grid-template-columns:1fr}.bridge-form .wide{grid-column:auto}.bridge-limits{grid-template-columns:1fr}.bridge-diagram{grid-template-columns:1fr 1fr}body[data-bridge-presentation] .bridge-main{display:block;padding:1rem}body[data-bridge-presentation] .bridge-annotation{display:none}.bridge-summary{grid-template-columns:1fr 1fr}.bridge-output{font-size:.8rem}}@media(max-width:400px){.bridge-diagram{grid-template-columns:1fr}.bridge-summary{grid-template-columns:1fr}h1{overflow-wrap:anywhere}.bridge-table{min-width:440px}}