.tx-hero{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:28px;align-items:center;margin:50px 0 20px;padding:32px 24px;border:1px solid var(--rule);border-radius:14px;background:var(--paper);overflow:hidden}.tx-hero .side{display:flex;min-width:0;flex-direction:column;gap:6px}.tx-hero .side.left{text-align:right}.tx-hero .label{color:var(--ink-faint);font-family:var(--display);font-size:.74rem;letter-spacing:.12em;text-transform:uppercase}.tx-hero .text{font-family:var(--mono);font-size:.95rem;color:var(--ink)}.tx-stack{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:6px;width:min(100%,260px);min-width:0;padding:18px 42px 18px 18px}.tx-stack .stack-bracket{position:absolute;right:14px;top:78px;bottom:78px;width:12px;border:1.5px solid var(--ink-faint);border-left:0;border-radius:0 6px 6px 0}.tx-stack .stack-bracket-label{position:absolute;right:0;top:50%;transform:translateY(-50%);color:var(--ink-faint);font-family:var(--display);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;writing-mode:vertical-rl;white-space:nowrap}.tx-block{position:relative;padding:10px 14px;border:1px solid var(--rule);border-radius:8px;background:var(--paper-2);color:var(--ink);font-family:var(--display);font-size:.86rem;text-align:center;transition:all .4s ease}.tx-block.input,.tx-block.output{background:var(--paper);border-color:var(--ink);font-weight:500}.tx-block.layer{display:flex;align-items:center;justify-content:center;gap:10px}.tx-block .layer-label{flex:0 0 auto;padding:2px 8px;border-radius:4px;background:var(--paper);color:var(--ink-faint);font-family:var(--mono);font-size:.72rem}.tx-block.layer.lit{background:var(--coral-soft);border-color:var(--coral-deep);box-shadow:0 0 0 3px oklch(.93 .05 35/.5)}.tx-stack .arrow{margin-left:auto;margin-right:auto;width:1.5px;height:12px;background:var(--ink-faint);position:relative}.tx-stack .arrow:after{content:"";position:absolute;bottom:-1px;left:50%;transform:translate(-50%);border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid var(--ink-faint)}.pipeline{display:grid;gap:16px}.pipeline-input input{width:100%;padding:12px 16px;border:1.5px solid var(--rule);border-radius:8px;background:var(--paper);font-family:var(--serif);font-size:1.05rem}.pipeline-input input:focus{outline:none;border-color:var(--coral-deep)}.pipeline-stages{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.pipe-stage{position:relative;padding:14px 10px;border:1.5px solid var(--rule);border-radius:10px;background:var(--paper);text-align:center;transition:all .3s ease;min-height:84px;display:flex;flex-direction:column;justify-content:center;gap:6px}.pipe-stage:after{content:"";position:absolute;right:-7px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:6px solid var(--ink-faint);border-top:5px solid transparent;border-bottom:5px solid transparent;z-index:2}.pipe-stage:last-child:after{display:none}.pipe-stage.active{background:var(--coral-soft);border-color:var(--coral-deep);transform:translateY(-2px);box-shadow:0 8px 18px -10px #3c281466}.pipe-stage.done{background:var(--sage-soft);border-color:#58905a}.stage-label{color:var(--ink-faint);font-family:var(--display);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}.stage-content{font-family:var(--mono);font-size:.84rem;color:var(--ink);word-break:break-all}.pipeline-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.cutaway{display:grid;grid-template-columns:240px 1fr;gap:20px;align-items:stretch}.cutaway-stack{display:flex;flex-direction:column;gap:4px;padding:6px;border:1px dashed var(--rule);border-radius:10px;background:var(--paper-2)}.cutaway-step{display:block;width:100%;min-height:44px;padding:12px 14px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--ink);cursor:pointer;font-family:var(--display);font-size:.95rem;text-align:left;transition:all .2s ease}.cutaway-step:hover{background:var(--paper);border-color:var(--rule)}.cutaway-step.active{background:var(--ink);border-color:var(--ink);color:var(--paper)}.cutaway-step .num{display:block;margin-bottom:2px;color:var(--ink-faint);font-family:var(--mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}.cutaway-step.active .num{color:#ecc3b8}.cutaway-detail{padding:22px 24px;border:1px solid var(--rule);border-radius:10px;background:var(--paper);min-height:240px}.cutaway-detail h3{font-family:var(--display);font-size:1.4rem;margin:0 0 4px}.cutaway-detail .role{color:var(--coral-deep);font-family:var(--display);font-size:.92rem;margin-bottom:14px}.cutaway-detail .body{color:var(--ink);font-family:var(--serif);font-size:1rem;line-height:1.6;margin-bottom:18px}.cutaway-detail .formula{display:inline-block;max-width:100%;padding:8px 14px;border:1px solid var(--rule);border-radius:8px;background:var(--paper-2);font-family:var(--mono);font-size:.92rem;color:var(--ink);margin-bottom:14px;overflow-wrap:anywhere}.cutaway-detail .why{padding-top:12px;border-top:1px dashed var(--rule);color:var(--ink-soft);font-family:var(--display);font-size:.88rem;font-style:italic}.residual{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;padding:8px 4px}.residual-col{position:relative;display:flex;flex-direction:column;gap:4px}.col-label{margin-bottom:6px;color:var(--ink-faint);font-family:var(--display);font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;text-align:center}.res-cell{padding:6px 4px;border:1px solid var(--rule);border-radius:5px;background:var(--paper-2);color:var(--ink-faint);font-family:var(--mono);font-size:.74rem;text-align:center}.res-cell.update{background:var(--coral-soft);border-color:#fdbcab;color:var(--coral-deep)}.res-cell.heavy{background:var(--coral-deep);border-color:var(--coral-deep);color:var(--paper);font-weight:500}.residual-arrow{position:absolute;top:50%;right:-11px;transform:translateY(-50%);width:0;height:0;border-left:7px solid var(--ink-faint);border-top:5px solid transparent;border-bottom:5px solid transparent;z-index:1}.residual-legend{display:flex;flex-wrap:wrap;gap:18px;justify-content:center;margin-top:16px;font-family:var(--display);font-size:.84rem;color:var(--ink-soft)}.residual-legend .swatch{display:inline-block;width:14px;height:14px;margin-right:7px;border:1px solid var(--rule);border-radius:3px;vertical-align:middle}.sampling{display:grid;gap:18px}.sampling-prompt{padding:18px 22px;border:1px solid var(--rule);border-radius:10px;background:var(--paper-2);font-family:var(--serif);font-size:1.25rem;text-align:center}.sampling-prompt .target{display:inline-block;width:12px;height:18px;margin-left:4px;vertical-align:-2px;background:var(--coral-deep);animation:blink 1.1s ease-in-out infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.2}}.sampling-controls{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:16px 18px;border:1px dashed var(--rule);border-radius:10px;background:var(--paper)}.sampling-control label{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px;color:var(--ink-soft);font-family:var(--display);font-size:.84rem}.sampling-control label .val{color:var(--ink);font-family:var(--mono);font-size:.95rem}.sampling-control input[type=range]{width:100%;min-height:44px;-webkit-appearance:none;appearance:none;height:4px;border-radius:2px;background:var(--rule);outline:none;background-clip:content-box;padding-block:20px}.sampling-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--ink);cursor:pointer;border:3px solid var(--paper)}.sampling-bars{display:grid;gap:6px}.samp-row{display:grid;grid-template-columns:110px 1fr 60px;gap:12px;align-items:center;padding:6px 12px;border-radius:7px;transition:all .3s ease}.samp-row .label{font-family:var(--display);font-size:.95rem;color:var(--ink)}.samp-row .track{height:18px;border-radius:4px;background:var(--paper-2);overflow:hidden}.samp-row .fill{height:100%;background:var(--coral-soft);border-right:2px solid var(--coral-deep);transition:width .4s ease}.samp-row .pct{font-family:var(--mono);font-size:.84rem;color:var(--ink-faint);text-align:right}.samp-row.cut{opacity:.32}.samp-row.cut .fill{background:var(--rule);border-right-color:var(--ink-faint)}.samp-row.picked{background:var(--paper-2)}.samp-row.picked .fill{background:var(--coral-deep);border-right-color:var(--ink)}.samp-row.picked .label{font-weight:500}.sampling-output{padding:14px 18px;border-top:1px dashed var(--rule);font-family:var(--serif);font-size:1.1rem;text-align:center;color:var(--ink-soft)}.sampling-output .picked-word{padding:2px 10px;border-radius:6px;background:var(--coral-deep);color:var(--paper);font-weight:500}.scale-table{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;border:1px solid var(--rule);border-radius:10px;overflow:hidden;background:var(--paper)}.scale-table .head{padding:12px 16px;background:var(--ink);color:var(--paper);font-family:var(--display);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.scale-table .row-name,.scale-table .row-val{padding:14px 16px;border-top:1px solid var(--rule);font-family:var(--display);font-size:.95rem;color:var(--ink)}.scale-table .row-val{font-family:var(--mono);font-size:.92rem;color:var(--ink-soft);text-align:right}.caveats{display:grid;gap:4px;margin-top:18px}.caveats article{padding:18px 0;border-top:1px solid var(--rule)}.caveats article h4{font-family:var(--display);font-size:1.05rem;margin:0 0 6px}.caveats article p{margin:0;color:var(--ink-soft);font-size:.96rem}.next-lesson-card{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;margin-top:60px;padding:22px 24px;border:1.5px solid var(--rule);border-radius:14px;background:var(--paper);text-decoration:none;background-image:none;transition:all .2s ease}.next-lesson-card:hover{border-color:var(--ink-soft);background-image:none;box-shadow:0 18px 36px -22px #3c28144d;transform:translateY(-2px)}.next-lesson-card .num{font-family:var(--display);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint)}.next-lesson-card .title{font-family:var(--display);font-size:1.15rem;font-weight:500;color:var(--ink);margin-top:2px}.next-lesson-card .arrow{font-family:var(--display);font-size:1.4rem;color:var(--ink-faint)}@media(max-width:880px){.tx-hero{grid-template-columns:1fr;gap:18px;padding:24px 18px}.tx-hero .side.left,.tx-hero .side{text-align:center}.tx-stack{margin-inline:auto}.cutaway{grid-template-columns:1fr}.cutaway-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.sampling-controls{grid-template-columns:1fr}}@media(max-width:720px){.pipeline-stages{grid-template-columns:repeat(2,1fr)}.pipe-stage:after{display:none}.stage-content{font-size:.74rem}.cutaway-stack{grid-template-columns:1fr}.cutaway-detail{padding:18px}.cutaway-detail h3{font-size:1.2rem}.residual{grid-template-columns:repeat(2,1fr);gap:10px}.residual-arrow{display:none}.residual-legend{gap:10px;justify-content:flex-start}.scale-table{grid-template-columns:1.4fr 1fr 1fr}.samp-row{grid-template-columns:80px 1fr 48px;gap:8px}.sampling-prompt{font-size:1.05rem}}