.transformer-page .transformer-key{border-top:1px solid #2b4058;border-bottom:1px solid #2b4058;padding:14px 0;margin:28px 0 0;color:#b5c4d4}.transformer-key b{color:#78e5bd;font-size:11px;letter-spacing:.14em}.transformer-equation{font-size:clamp(25px,4vw,46px);font-weight:850;letter-spacing:-.04em;margin-top:5px}.transformer-equation span{color:#78e5bd;margin:0 10px}.transformer-core{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}.transformer-core h2{font-size:32px}.architecture-map,.analogy-panel{border:1px solid #2b4058;border-radius:22px;background:linear-gradient(145deg,#102032,#0b1622);padding:26px}.architecture-map{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;align-items:center}.arch-node{padding:15px 10px;border:1px solid #38516d;border-radius:13px;background:#07111a;text-align:center;font-size:14px}.arch-node b{display:block;color:#78e5bd}.arch-arrow{color:#78e5bd;text-align:center}.transformer-page .detail-section{margin:0!important}.transformer-page .detail-sections{gap:30px!important}.glance{display:grid;grid-template-columns:1fr 250px;gap:22px;align-items:center}.pipeline{display:grid;gap:8px}.pipeline div{padding:13px 18px;border-left:3px solid #78e5bd;background:#0b1723;border-radius:10px}.pipeline i{color:#78e5bd;text-align:center;font-style:normal}.annotation{padding:18px;border:1px dashed #38516d;border-radius:15px;color:#b5c4d4}.analogy-panel{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:center}.analogy-visual{min-height:230px;display:grid;place-items:center;position:relative}.word{padding:9px 15px;border:1px solid #7fb1ff;border-radius:999px;background:#0d1d2c;position:absolute}.word:nth-child(1){top:15%;left:14%}.word:nth-child(2){top:15%;right:14%}.word:nth-child(3){bottom:15%;left:14%}.word:nth-child(4){bottom:15%;right:14%}.analogy-visual:before{content:"";width:170px;height:170px;border:1px solid #78e5bd;border-radius:50%;box-shadow:0 0 0 35px rgba(120,229,189,.04)}.mapping{display:grid;gap:7px;margin-top:18px;color:#b5c4d4}.mapping b{color:#f7fafc}.process{display:grid;gap:0}.process-step{display:grid;grid-template-columns:80px 1fr 1.2fr;gap:18px;padding:20px 0;border-top:1px solid #2b4058;align-items:center}.process-step strong{color:#78e5bd;font:800 12px ui-monospace,monospace}.process-step h3{margin:0;font-size:20px}.process-step p{margin:0;color:#b5c4d4}.attention-example{border-left:3px solid #7fb1ff;padding:20px 24px;background:#0b1723}.token-pills{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.token-pills span{padding:7px 12px;border:1px solid #38516d;border-radius:999px}.token-pills .focus{border-color:#78e5bd;color:#78e5bd}.compact-grid,.boundary-grid,.concept-map{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.compact-card,.boundary-card,.concept-node{padding:18px;border:1px solid #38516d;border-radius:15px;background:#07111a}.compact-card small,.boundary-card small{color:#78e5bd;font-weight:800;letter-spacing:.1em}.compact-card h3,.boundary-card h3{margin:8px 0}.compact-card p,.boundary-card p,.concept-node span{margin:0;color:#b5c4d4;font-size:14px}.takeaway{border-top:3px solid #78e5bd;padding:24px 0}.takeaway blockquote{font-size:clamp(24px,3vw,36px);font-weight:800;line-height:1.2;margin:8px 0}.concept-map{grid-template-columns:repeat(4,1fr)}.concept-node b{display:block;color:#78e5bd}.concept-node span{display:block;margin-top:7px}.video-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px;align-items:center}.video-layout video{margin:0}@media(max-width:760px){.transformer-core,.glance,.analogy-panel,.video-layout{grid-template-columns:1fr}.architecture-map{grid-template-columns:1fr}.arch-arrow{transform:rotate(90deg)}.process-step{grid-template-columns:60px 1fr}.process-step p{grid-column:2}.compact-grid,.boundary-grid,.concept-map{grid-template-columns:1fr}.word:nth-child(1),.word:nth-child(2){top:12%}.word:nth-child(3),.word:nth-child(4){bottom:12%}}