.academy-prose:has(.transformer-figure){font-size:19px}.academy-prose:has(.transformer-figure)>p{max-width:72ch}.transformer-context{display:grid;grid-template-columns:1fr 1fr;gap:24px 40px;margin:34px 0;padding:28px 0;border-block:1px solid #deddd6}.transformer-closing>span,.transformer-context>div>span,.transformer-lifecycle>div>span,.transformer-qkv>div>span{font:500 11px/1.6 var(--font-reading);letter-spacing:.08em;color:#743d46}.transformer-context>div>p{margin:12px 0 0;font:27px/1.5 var(--font-serif);color:#2e3d32}.transformer-context em{color:#743d46}.transformer-context>p{grid-column:1/-1;margin:0;font:14px/1.7 var(--font-reading);color:#697568}.transformer-qkv{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:30px 0}.transformer-qkv>div{border-top:1px solid #cbbabc;padding-top:14px}.transformer-qkv p{font:15px/1.75 var(--font-reading);margin:10px 0 0}.transformer-figure{margin:36px 0;border:1px solid #deded6;border-radius:5px;padding:28px 28px 0;background:#ffffff30}.transformer-figure-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px}.transformer-figure .transformer-figure-heading h3{margin:0;font:500 16px/1.5 var(--font-reading);color:#344337}.transformer-figure-heading>span{flex-shrink:0;font:10px/1.5 var(--font-reading);letter-spacing:.08em;color:#737d70}.transformer-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;gap:0;padding:0;margin:28px 0 0}.transformer-step{min-width:0;padding:20px 16px;border-top:1px solid #d9ddd3}.transformer-step:first-child{padding-left:0}.transformer-step:last-child{padding-right:0}.transformer-step--block{background:#edeae680;border-color:#b89ba0}.transformer-step-number{font:11px/1.5 var(--font-reading);color:#743d46}.transformer-step h4{margin:16px 0 8px;color:#344337;font:500 15px/1.5 var(--font-reading)}.transformer-step p{margin:0;font:13px/1.7 var(--font-reading)}.transformer-mixing,.transformer-prediction,.transformer-token-strip{display:flex;align-items:center;gap:6px;height:34px;margin-top:24px}.transformer-token-strip i{display:block;width:15px;height:21px;background:#ccd2c7;border:1px solid #b9c4b2}.transformer-token-strip--mixed i{background:#ccb8bb;border-color:#bba1a6}.transformer-token-strip--mixed i:nth-child(2n){background:#e0d3d4}.transformer-mixing{position:relative;justify-content:space-between;max-width:96px}.transformer-mixing:after,.transformer-mixing:before{content:"";position:absolute;inset:14px 2px;border-top:1px solid #aa858c;transform:rotate(15deg)}.transformer-mixing:after{transform:rotate(-15deg)}.transformer-mixing i{width:7px;height:7px;z-index:1;border-radius:50%;background:#743d46}.transformer-prediction{align-items:end}.transformer-prediction i{width:12px;height:26px;background:#743d46}.transformer-prediction i:nth-child(2){height:18px;opacity:.65}.transformer-prediction i:nth-child(3){height:10px;opacity:.4}.transformer-prediction i:nth-child(4){height:6px;opacity:.25}.transformer-repeat{font:13px/1.6 var(--font-reading);color:#743d46;margin:18px 0 22px}.transformer-repeat>span{margin-right:8px}.transformer-figure figcaption{font:12px/1.8 var(--font-reading);color:#69736c;padding-bottom:24px}.academy-prose .attention-instruction{font:15px/1.75 var(--font-reading);margin:12px 0 20px}.attention-mode{display:flex;gap:24px;border:0;padding:0;margin:0 0 24px}.attention-mode label{display:flex;align-items:center;gap:8px;font:14px/1.5 var(--font-reading);cursor:pointer}.attention-mode input{width:16px;height:16px;accent-color:#743d46}.attention-mode input:focus-visible{outline:2px solid #743d46;outline-offset:4px}.attention-bars,.attention-token-picker{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.attention-token-picker button{min-width:0;padding:12px 2px;border:1px solid #d5d8d0;border-radius:4px;font:15px/1.4 var(--font-reading);transition:background .15s,color .15s}.attention-token-picker button span{display:block;margin-top:5px;font-size:10px;opacity:.7}.attention-token-picker button[aria-pressed=true]{background:#743d46;color:#fff;border-color:#743d46}.attention-token-picker button:hover:not([aria-pressed=true]){background:#ece7e5}.attention-bars{margin:20px 0}.attention-bars>div{text-align:center;color:#687467;font:11px/1.5 var(--font-reading)}.attention-bar-space{height:100px;display:flex;align-items:end;justify-content:center;border-bottom:1px solid #d6d8d1;margin-bottom:9px}.attention-bar-space>span{width:30%;min-width:10px;background:#a47b83;transition:height .25s ease}.attention-bars [data-masked=true] .attention-bar-space{background:repeating-linear-gradient(135deg,transparent,transparent 5px,#e4e4dd70 0,#e4e4dd70 6px)}.attention-explanation{font:15px/1.8 var(--font-reading);margin:20px 0;min-height:54px}.attention-explanation p{margin:0}.attention-calculation{padding:16px 0;border-top:1px solid #deded6;margin-bottom:20px;font:14px/1.8 var(--font-reading)}.attention-calculation summary{cursor:pointer;color:#743d46}.attention-calculation p{margin:16px 0 0}.attention-formula{padding:14px 16px;background:#eee7e580;overflow-wrap:anywhere;color:#743d46}.transformer-lifecycle{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin:32px 0;padding-block:24px;border-block:1px solid #deded6}.transformer-lifecycle h3{margin:12px 0 8px;font:25px/1.2 var(--font-serif);color:#344337}.transformer-lifecycle p{margin:0;font:14px/1.8 var(--font-reading)}.transformer-families{margin:30px 0}.transformer-families>div{display:grid;grid-template-columns:minmax(140px,.6fr) 1.4fr;gap:8px 28px;border-top:1px solid #deded6;padding:23px 0}.transformer-families h3{grid-row:span 2;font:25px/1.3 var(--font-serif);margin:0;color:#344337}.transformer-families p{margin:0;font:16px/1.8 var(--font-reading)}.transformer-families span{font:12px/1.7 var(--font-reading);color:#737e6c}.transformer-closing{border-left:2px solid #743d46;padding-left:25px;margin:34px 0 0}.transformer-closing p{margin:12px 0 0;font:23px/1.55 var(--font-serif);color:#344337}@container academy-topic (max-width: 700px){.transformer-flow{grid-template-columns:1fr 1fr;gap:18px}.transformer-step{padding:16px}.transformer-step:first-child,.transformer-step:last-child{padding-inline:16px}.transformer-qkv{gap:16px}}@container academy-topic (max-width: 480px){.transformer-context{grid-template-columns:1fr;gap:24px}.transformer-lifecycle,.transformer-qkv{grid-template-columns:1fr;gap:22px}.transformer-families>div{grid-template-columns:1fr;gap:12px}.transformer-families h3{grid-row:auto}.transformer-figure{padding:20px 16px 0}.transformer-flow{gap:14px 8px}.transformer-step,.transformer-step:first-child,.transformer-step:last-child{padding:14px 8px}.transformer-figure-heading{gap:12px}.attention-bars,.attention-token-picker{gap:4px}.attention-token-picker button{font-size:12px}}@media(max-width:760px){.academy-prose:has(.transformer-figure){font-size:17px}}@media(prefers-reduced-motion:reduce){.attention-bar-space>span,.attention-token-picker button{transition:none}}