.transformer-explorer{color:var(--foreground);grid-template-columns:minmax(0,1.35fr) minmax(240px,1fr);align-items:center;gap:36px;min-width:0;padding:20px 0;display:grid}.transformer-map{min-width:0}.transformer-map svg{width:100%;height:auto;max-height:790px;display:block}.ta-node{cursor:pointer}.ta-node:focus-visible{outline:none}.ta-node:focus-visible rect{stroke-width:3px;stroke:var(--foreground)}.ta-node:hover rect{fill-opacity:.3}.ta-flow{animation:3s linear infinite transformer-flow}.transformer-explorer[data-playing=false] .ta-flow{animation-play-state:paused}.transformer-inspector-heading{color:var(--muted);justify-content:space-between;align-items:center;gap:15px;font-size:12px;display:flex}.transformer-inspector h3{font:400 clamp(23px,2.2vw,31px)/1.2 var(--font-fraunces),Georgia,serif;letter-spacing:-.025em;margin:16px 0}.transformer-inspector p{color:var(--soft);max-width:48ch;margin:0 0 20px;font-size:14px;line-height:1.8}.transformer-equation{color:var(--accent);overflow-wrap:anywhere;padding:15px 0;font-size:14px;line-height:1.7}.transformer-inspector .transformer-convention{color:var(--muted);margin-top:22px;font-size:12px}.transformer-inspector a{color:var(--soft);text-underline-offset:4px;font-size:12px}.transformer-paper{margin-top:20px;display:block}.quiet-motion{min-width:36px;min-height:36px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.quiet-motion:hover{color:var(--foreground);background:color-mix(in srgb,var(--foreground) 5%,transparent)}.quiet-motion:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.transformer-inset{border-block:1px solid var(--border);margin:10px 0;padding:20px 0}.transformer-inset p{margin-bottom:16px;font-size:12px}.transformer-inset-row{align-items:center;gap:24px;display:flex}.transformer-mask{grid-template-columns:repeat(4,16px);gap:3px;display:grid}.transformer-mask span{background:var(--accent);opacity:.65;border-radius:2px;height:16px}.transformer-mask span[data-masked=true]{background:var(--border);opacity:.3}.transformer-inset-row>div:last-child{gap:7px;font-size:13px;display:grid}.transformer-inset i{color:var(--muted);font-size:11px;font-style:normal}.transformer-inset small{color:var(--muted);margin-top:16px;font-size:10px;display:block}.transformer-compact{grid-template-columns:minmax(0,1fr);gap:0;padding:0}.transformer-compact .transformer-map svg{max-height:520px}.transformer-compact .transformer-inspector{padding:0 30px}.transformer-compact h3{margin:7px 0;font-size:20px}.transformer-compact .transformer-inspector>p{max-width:68ch;min-height:58px;margin:0;font-size:12px;line-height:1.6}.transformer-compact .transformer-equation{display:none}.transformer-compact .transformer-paper{margin-top:10px;font-size:11px}.transformer-compact .transformer-inspector-heading>span{display:none}.transformer-compact .transformer-inspector-heading{float:right}.transformer-compact .transformer-inspector-heading .quiet-motion{min-width:32px;min-height:32px}@keyframes transformer-flow{to{stroke-dashoffset:-58px}}@media (prefers-reduced-motion:reduce){.ta-flow{animation:none;display:none}}@media (max-width:760px){.transformer-explorer{grid-template-columns:1fr;gap:20px}.transformer-map svg{max-height:none}.transformer-inspector{padding:0 4px}.transformer-compact{gap:0}.transformer-compact .transformer-inspector{padding:0 10px}.transformer-compact .transformer-inspector>p{min-height:0}.transformer-compact .transformer-map svg{max-height:500px}}.transformer-original{border-top:1px solid var(--border);color:var(--muted);margin:22px 0 0;padding-top:18px;font-size:12px}.transformer-original summary{cursor:pointer;min-height:36px}.transformer-original>div{background:#fff;border-radius:8px;max-width:540px;margin:20px auto;padding:24px}.transformer-original img{width:100%;height:auto;display:block}.transformer-original figcaption{font-size:11px;line-height:1.7}.transformer-original a{color:inherit;text-underline-offset:3px}.transformer-research-note{color:var(--muted);justify-content:space-between;align-items:baseline;gap:30px;padding:22px 0;font-size:13px;line-height:1.8;display:flex}.transformer-research-note p{max-width:70ch;margin:0}.transformer-research-note a{color:var(--soft);text-underline-offset:4px;flex-shrink:0}@media (max-width:760px){.transformer-research-note{display:block}.transformer-research-note a{margin-top:14px;display:block}}
