@font-face{font-family:Instrument Sans;src:url(../architecture-site/assets/fonts/instrument-sans-400.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Instrument Sans;src:url(../architecture-site/assets/fonts/instrument-sans-600.ttf) format("truetype");font-weight:600;font-display:swap}:root{--bg:#f1f1ef;--surface:#fafaf7;--ink:#303430;--muted:#7b817c;--line:#c7cbc7;--dark:#343a36;--signal:#527e94;--sand:#9a7548;--mono:"DM Mono","SFMono-Regular",Consolas,monospace;--sans:"Instrument Sans","Helvetica Neue",Arial,"Noto Sans SC",sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:var(--sans);font-synthesis:none;text-rendering:geometricPrecision}body{overflow:hidden}.coupling-figure{height:322px;padding:12px 10px 8px;background:radial-gradient(circle at 50% 46%,rgba(88,112,101,.045),transparent 40%),var(--bg)}.section-guide{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;color:#777e79;font:600 7px var(--mono);letter-spacing:.12em}.section-guide i{height:1px;background:var(--line)}.section-guide strong{color:#919691;font-size:6.5px;font-weight:600}.training-row{display:grid;grid-template-columns:1fr 90px 1fr;gap:22px;align-items:center;margin:14px 28px 20px}.train-unit{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto 35px;align-items:center;min-height:104px;padding:14px 16px;border:1px solid #b8bdb9;border-radius:10px;background:rgba(249,249,246,.7);box-shadow:0 9px 22px rgba(46,53,48,.035)}.train-unit>span{color:#7d847f;font:600 6.5px var(--mono);letter-spacing:.12em}.train-unit>strong{margin-left:10px;font-size:13px;font-weight:600}.train-unit>code{font:600 15px Georgia,"Times New Roman",serif}.train-unit>code sub,.train-unit b sub{font-size:.58em}.train-unit>div{grid-column:1/-1;display:flex;align-items:baseline;justify-content:space-between;margin-top:10px;padding-top:9px;border-top:1px solid #d3d6d2}.train-unit small{color:#858b87;font:600 6px var(--mono);letter-spacing:.12em}.train-unit b{font:500 14px Georgia,"Times New Roman",serif}.tracker-unit{border-color:#747c76;background:var(--dark);color:#f2f4f1}.tracker-unit>span,.tracker-unit small{color:#aeb7b1}.tracker-unit>div{border-color:rgba(230,235,231,.16)}.train-separator{display:grid;grid-template-rows:1fr auto 1fr;justify-items:center;height:88px}.train-separator i{width:1px;background:repeating-linear-gradient(180deg,#aeb4af 0 3px,transparent 3px 7px)}.train-separator span{margin:7px 0;color:#8b7a65;font:600 6px/1.5 var(--mono);letter-spacing:.09em;text-align:center}.inference-guide{padding-top:12px;border-top:1px solid var(--line)}.inference-row{display:grid;grid-template-columns:1fr 42px 1fr 78px 1fr 42px 1fr;gap:9px;align-items:center;margin:16px 28px 0}.infer-node{display:grid;min-height:62px;place-content:center;border:1px solid #b8bdb9;border-radius:9px;background:rgba(250,250,247,.76);text-align:center}.infer-node small{color:#7e8580;font:600 6px var(--mono);letter-spacing:.11em}.infer-node strong{margin-top:6px;font:600 15px Georgia,"Times New Roman",serif}.infer-node sub{font-size:.58em}.tracker-node{border-color:#747c76;background:var(--dark);color:#f2f4f1}.tracker-node small{color:#aeb7b1}.infer-link{position:relative;height:1px;background:#7b827d}.infer-link::after{content:"";position:absolute;top:-3px;right:-1px;border-width:3.5px 0 3.5px 6px;border-style:solid;border-color:transparent transparent transparent #737b75}.infer-link>span{position:absolute;top:-3px;left:-1px;width:7px;height:7px;border-radius:50%;background:#747c76}.infer-link>i{position:absolute;top:-3px;left:0;width:7px;height:7px;border-radius:50%;background:var(--signal);box-shadow:0 0 0 4px rgba(82,126,148,.09);animation:packet 3.5s ease-in-out infinite}.infer-link:nth-of-type(2)>i{animation-delay:-1.15s}.infer-link:nth-of-type(3)>i{animation-delay:-2.3s}.interface-link b{position:absolute;top:50%;left:50%;display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:var(--dark);color:#f2f4f1;font:600 13px Georgia,"Times New Roman",serif;transform:translate(-50%,-50%);box-shadow:0 0 0 6px rgba(52,58,54,.07)}.interface-link b sub{font-size:.58em}@keyframes packet{0%,10%{left:0;opacity:0}20%{opacity:1}78%{left:calc(100% - 7px);opacity:1}92%,100%{left:calc(100% - 7px);opacity:0}}@media(max-width:760px){body{overflow:auto}.coupling-figure{height:650px;padding:12px 14px}.section-guide{grid-template-columns:auto 1fr}.section-guide strong{display:none}.training-row{grid-template-columns:1fr;margin:14px 0 18px}.train-separator{grid-template-columns:1fr auto 1fr;grid-template-rows:22px;height:22px;align-items:center}.train-separator i{width:100%;height:1px;background:repeating-linear-gradient(90deg,#aeb4af 0 3px,transparent 3px 7px)}.train-separator span{margin:0 8px}.inference-row{grid-template-columns:1fr;margin:14px 0}.infer-link{justify-self:center;width:1px;height:20px}.infer-link::after{top:auto;right:-3px;bottom:-1px;border-width:6px 3.5px 0;border-color:#737b75 transparent transparent}.infer-link>span{top:-1px;left:-3px}.infer-link>i{top:0;left:-3px}.interface-link{height:48px}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}
.section-guide{grid-template-columns:auto 1fr}.section-guide strong{display:none}.train-separator{display:grid;height:88px;place-items:center}.train-separator i{display:none}.train-separator span{margin:0}
@media(max-width:760px){.train-separator{display:grid;grid-template-columns:1fr;height:22px;place-items:center}}
.interface-link b{line-height:1;white-space:nowrap}
.coupling-figure{height:270px}@media(max-width:760px){.coupling-figure{height:650px}}