/* Diagrams explain connections with readable text and real equipment. */
.inf-section{overflow:clip;padding-block:clamp(92px,9vw,144px)}
.inf-section .inf-heading{max-width:850px;margin-bottom:clamp(60px,7vw,100px)}
.inf-heading h2{max-width:850px}
.inf-heading>p{max-width:730px;font-size:clamp(20px,1.8vw,25px);line-height:1.65;color:var(--muted);margin-top:28px}
.inf-flow-section{background:#ebf0e4}
.inf-flow{display:grid;grid-template-columns:1.1fr 1fr 1fr 1.1fr;gap:clamp(26px,4vw,62px);list-style:none;margin:0;padding:0}
.inf-node{min-width:0;position:relative;text-align:center}
.inf-node:not(:last-child)::after{content:'';position:absolute;top:106px;left:calc(100% - 5px);width:calc(clamp(26px,4vw,62px) + 10px);height:9px;background:var(--teal);clip-path:polygon(0 40%,89% 40%,89% 0,100% 50%,89% 100%,89% 60%,0 60%)}
.inf-node-art{height:220px;display:flex;align-items:center;justify-content:center;position:relative}
.inf-node-art>img{object-fit:contain;height:200px;width:auto;max-width:100%;filter:drop-shadow(5px 12px 12px #112f3817)}
.inf-node-art.inf-device-pair{gap:0}
.inf-device-pair>img:first-child{width:40%;height:180px;transform:translate(10%,12px)}
.inf-device-pair>img:last-child{width:65%;height:185px;transform:translate(-5%,-15px)}
.inf-node-art>svg{width:100%;max-width:240px;height:auto;fill:none;stroke:var(--ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.inf-node-art .inf-wire-drawing{stroke:var(--teal);stroke-width:2.5}
.inf-node h3{font-size:clamp(23px,2.1vw,30px);font-weight:550;line-height:1.2;letter-spacing:-.025em;margin-top:25px}
.inf-node p{font-size:18px;line-height:1.55;max-width:250px;margin:14px auto 0;color:var(--muted)}
.inf-local-section{background:#e3eef2}
.inf-local-layout{display:grid;grid-template-columns:1.55fr 1fr;gap:0;align-items:start}
.inf-zone{min-width:0}
.inf-zone-local{padding-right:clamp(40px,6vw,90px)}
.inf-zone-remote{padding-left:clamp(40px,6vw,90px);border-left:1px solid #829fa74d}
.inf-zone h3{font-size:clamp(30px,3vw,42px);line-height:1.15;letter-spacing:-.04em}
.inf-local-network{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;position:relative;padding-bottom:40px;margin-top:50px}
.inf-local-network::before{content:'';position:absolute;left:16.66%;right:16.66%;bottom:0;height:32px;border:2px solid var(--teal);border-top:0;border-radius:0 0 5px 5px}
.inf-local-device{position:relative;text-align:center;min-width:0}
.inf-local-device:nth-child(2)::after{content:'';position:absolute;left:50%;bottom:-40px;height:32px;width:2px;background:var(--teal)}
.inf-local-device>div{height:155px;display:grid;place-items:center}
.inf-local-device img{height:145px;width:auto;max-width:100%;object-fit:contain}
.inf-local-device svg{width:100%;max-width:160px;fill:none;stroke:var(--ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.inf-local-device figcaption{margin-top:17px;font-size:18px;font-weight:550;line-height:1.4;letter-spacing:0}
.inf-cable-label{text-align:center;font-size:18px;line-height:1.45;margin-top:18px;color:var(--teal)}
.inf-zone-text{font-size:clamp(19px,1.6vw,23px);line-height:1.7;color:var(--muted);margin-top:42px;max-width:590px}
.inf-zone-text strong{color:var(--ink)}
.inf-recording{display:block;margin-top:15px;font-size:18px;line-height:1.65}
.inf-remote-drawing{max-width:310px;margin:50px auto 0;height:255px;display:flex;align-items:center}
.inf-remote-drawing svg{width:100%;height:auto;fill:none;stroke:var(--ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.inf-remote-drawing .inf-active-line{stroke:var(--teal);stroke-width:3}
.inf-remote-note{font-size:18px;color:var(--teal);line-height:1.45;text-align:center;margin-top:18px}
.inf-zone-remote .inf-zone-text{margin-top:42px}
@media(max-width:1100px){
 .inf-flow{gap:30px}.inf-node:not(:last-child)::after{width:40px}.inf-node-art{height:190px}.inf-node-art>img{height:180px}.inf-node:not(:last-child)::after{top:91px}.inf-device-pair>img:first-child{height:155px}.inf-device-pair>img:last-child{height:160px}
 .inf-local-layout{grid-template-columns:1.4fr 1fr}.inf-zone-local{padding-right:35px}.inf-zone-remote{padding-left:35px}.inf-local-network{gap:10px}.inf-local-device>div{height:135px}.inf-local-device img{height:125px}.inf-remote-drawing{height:235px}
}
@media(max-width:800px){
 .inf-flow{grid-template-columns:1fr;gap:54px;max-width:620px;margin-inline:auto}
 .inf-node{display:grid;grid-template-columns:155px 1fr;gap:28px;text-align:left;align-items:center}
 .inf-node-art{grid-column:1;grid-row:1/3;height:155px}.inf-node-art>img{height:150px}.inf-device-pair>img:first-child{height:125px}.inf-device-pair>img:last-child{height:130px}
 .inf-node h3{font-size:27px;margin:0;align-self:end}.inf-node p{font-size:18px;margin:-16px 0 0;max-width:310px;align-self:start}
 .inf-node:not(:last-child)::after{top:calc(100% + 6px);left:73px;width:9px;height:42px;clip-path:polygon(40% 0,60% 0,60% 85%,100% 85%,50% 100%,0 85%,40% 85%)}
 .inf-local-layout{grid-template-columns:1fr;gap:75px}.inf-zone-local{padding-right:0}.inf-zone-remote{padding:65px 0 0;border:0;border-top:1px solid #829fa74d}.inf-zone h3{font-size:36px}
 .inf-local-network{max-width:590px;margin:40px auto 0}.inf-local-device>div{height:160px}.inf-local-device img{height:150px}.inf-remote-drawing{height:215px;max-width:310px;margin-top:40px}.inf-remote-note{margin-top:12px}.inf-zone-text,.inf-zone-remote .inf-zone-text{margin-top:30px;max-width:650px}
}
@media(max-width:480px){
 .inf-section{padding-block:88px}.inf-section .inf-heading{margin-bottom:54px}.inf-heading>p{font-size:19px;line-height:1.7;margin-top:24px}
 .inf-node{grid-template-columns:110px 1fr;gap:24px}.inf-node-art{height:125px}.inf-node-art>img{height:125px}.inf-device-pair>img:first-child{height:108px}.inf-device-pair>img:last-child{height:108px}
 .inf-node h3{font-size:23px;letter-spacing:-.025em}.inf-node p{font-size:16px;line-height:1.6;margin-top:-10px}.inf-node:not(:last-child)::after{left:51px}.inf-flow{gap:52px}
 .inf-zone h3{font-size:31px}.inf-local-network{gap:10px;margin-top:30px}.inf-local-device>div{height:100px}.inf-local-device img{height:95px}.inf-local-device figcaption{font-size:16px;margin-top:16px}.inf-local-network::before{height:28px}.inf-local-device:nth-child(2)::after{height:28px}.inf-cable-label,.inf-recording,.inf-remote-note{font-size:16px}.inf-zone-text{font-size:19px;line-height:1.7}.inf-remote-drawing{max-width:275px;height:200px}
}
@media print{.inf-section{padding-block:30pt}.inf-heading h2{font-size:30pt}.inf-heading>p,.inf-zone-text{font-size:13pt}.inf-flow{break-inside:avoid}.inf-local-layout{display:block}.inf-zone-remote{margin-top:30px}.inf-node-art{height:150px}}