.bf-split,.bf-solo{padding:var(--small);border-radius:var(--xlarge);background:var(--grey-100);margin-inline:auto}.bf-split{align-items:start;gap:var(--small);grid-template-columns:minmax(0,1fr) minmax(0,23rem);max-width:76rem;display:grid}.bf-solo{max-width:52rem}.ae .bf-card.cl-form{border-radius:var(--small);min-height:27rem;padding:clamp(1.4rem,3vw,2.75rem)}.bf-aside{gap:var(--small);flex-direction:column;display:flex;position:sticky;top:6.5rem}.bf-box{border-radius:var(--small);background:var(--white);padding:1.4rem 1.5rem}.bf-box.is-ink{background:var(--bg-dark);color:#f4f4ef}.bf-head{font-family:var(--mono);font-size:var(--t-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary);margin:0 0 .9rem}.bf-head:lang(th){font-family:var(--body);font-size:var(--t-sm);color:var(--black);font-weight:600}.bf-box.is-ink .bf-head{color:var(--green)}.bf-steps,.bf-qs{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.bf-steps{counter-reset:after;gap:.9rem}.bf-steps li{font-size:var(--t-sm);counter-increment:after;grid-template-columns:1.75rem minmax(0,1fr);gap:.75rem;line-height:1.6;display:grid}.bf-steps li:before{content:counter(after);background:var(--green);width:1.75rem;height:1.75rem;color:var(--bg-dark);font-family:var(--mono);border-radius:50%;place-items:center;font-size:.8rem;display:grid}.bf-qs{counter-reset:question}.bf-qs li{border-top:1px solid var(--grey-200);font-size:var(--t-sm);counter-increment:question;gap:.7rem;padding:.5rem 0;line-height:1.5;display:flex}.bf-qs li:first-child{border-top:0;padding-top:0}.bf-qs li:before{content:counter(question, decimal-leading-zero);font-family:var(--mono);color:var(--text-secondary);flex:none;font-size:.75rem;line-height:1.9}.bf-text{font-size:var(--t-sm);color:var(--text-secondary);margin:0;line-height:1.6}.bf-chat{flex-wrap:wrap;gap:.5rem;margin:1rem 0 .9rem;display:flex}.bf-small{font-size:var(--t-sm);color:var(--text-secondary);margin:.4rem 0 0;line-height:1.55}.bf-small a{color:var(--black);text-underline-offset:.2em;word-break:break-all;text-decoration:underline}@media screen and (max-width:991px){.bf-split{grid-template-columns:minmax(0,1fr)}.bf-aside{position:static}.ae .bf-card.cl-form{min-height:0}}