/* Shared closing-slide master. The same component is used in every real deck. */
.starter-deck .slide.has-shared-ending .slide-body {overflow:auto;display:block}
.bkit-finale {
  --bf-ink:#0b2447; --bf-copy:#344b66; --bf-accent:#115bad; --bf-soft:#f0f6ff;
  color:var(--bf-ink);display:grid;grid-template-rows:minmax(0,1fr) auto;
  gap:18px;height:100%;min-height:0;min-width:0;font-family:inherit;
}
.bkit-finale.bf-recap {--bf-accent:#b24c0d;--bf-soft:#fff5e9}
.bkit-finale.bf-cleanup {--bf-accent:#0b7469;--bf-soft:#edf9f5}
.bkit-finale .bf-content {display:grid;grid-template-columns:minmax(0,.32fr) minmax(0,.68fr);gap:22px;min-width:0;min-height:0}
.bkit-finale .bf-hero {display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:18px;padding:26px;border:1px solid #d5e2ee;border-radius:18px;background:var(--bf-soft);min-width:0}
.bkit-finale .bf-icon {font-size:74px;line-height:1.1}
.bkit-finale .bf-tag {font-size:12px;font-weight:850;color:var(--bf-accent);letter-spacing:.09em;margin-bottom:12px;line-height:1.5}
.starter-deck .slide-body .bkit-finale h3.bf-heading {font-size:clamp(26px,2.9cqw,36px)!important;line-height:1.16!important;color:var(--bf-ink)!important;margin:0 0 14px!important;font-weight:850;letter-spacing:-.025em}
.starter-deck .slide-body .bkit-finale p.bf-note {font-size:clamp(17px,1.7cqw,20px)!important;line-height:1.45!important;color:var(--bf-copy)!important;margin:0!important}
.bkit-finale .bf-items {list-style:none;padding:0;margin:0;display:grid;grid-template-rows:repeat(var(--bf-count),minmax(min-content,1fr));gap:10px;min-width:0;min-height:0}
.bkit-finale.bf-recap .bf-items {grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(var(--bf-rows),minmax(min-content,1fr))}
.bkit-finale.bf-recap .bf-item:last-child:nth-child(odd) {grid-column:1/-1}
.bkit-finale.bf-recap .bf-item {align-items:flex-start;padding:13px 14px;gap:10px}
.starter-deck .slide-body .bkit-finale.bf-recap p.bf-item-text {font-size:clamp(18px,1.78cqw,20px)!important;line-height:1.35!important}
.bkit-finale .bf-item {display:flex;align-items:center;gap:14px;margin:0;padding:14px 17px;border:1px solid #d5e2ee;border-radius:14px;background:#fff;min-width:0;box-shadow:0 3px 10px rgba(11,36,71,.025)}
.bkit-finale .bf-index {display:flex;align-items:center;justify-content:center;flex:0 0 37px;width:37px;height:37px;background:var(--bf-soft);border-radius:11px;color:var(--bf-accent);font-size:16px;font-weight:850;line-height:1}
.starter-deck .slide-body .bkit-finale p.bf-item-text {flex:1;min-width:0;margin:0!important;font-size:clamp(18px,1.9cqw,22px)!important;line-height:1.38!important;color:var(--bf-copy)!important;word-break:normal;overflow-wrap:normal;white-space:normal}
.starter-deck .slide-body .bkit-finale strong.bf-item-title {font-size:inherit!important;line-height:inherit!important;color:var(--bf-ink)!important;font-weight:850;display:inline!important;width:auto;height:auto;padding:0;margin:0;background:none;border:0;white-space:normal}
.bkit-finale .bf-stages {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;border-top:1px solid #d5e2ee;padding-top:13px;min-width:0}
.bkit-finale .bf-stage {display:flex;align-items:center;justify-content:center;gap:9px;background:#f7f9fc;border:1px solid transparent;border-radius:10px;padding:10px 12px;color:#4e647d;font-size:15px;font-weight:750;line-height:1.3;white-space:nowrap;min-width:0}
.bkit-finale .bf-stage.is-current {background:var(--bf-soft);color:var(--bf-accent);border-color:var(--bf-accent)}
.bkit-finale .bf-stage-number {font-weight:850;font-size:12px}
/* Keep all six recap entries readable at laptop/tablet widths. */
@container (max-width:850px) {
 .bkit-finale {gap:14px}
 .bkit-finale .bf-content {grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:14px}
 .bkit-finale .bf-hero {flex-direction:row;align-items:center;justify-content:flex-start;gap:18px;padding:17px 20px}
 .bkit-finale .bf-icon {font-size:52px;flex:none}
 .bkit-finale .bf-tag {font-size:11px;margin-bottom:5px}
 .starter-deck .slide-body .bkit-finale h3.bf-heading {font-size:28px!important;margin-bottom:5px!important}
 .starter-deck .slide-body .bkit-finale p.bf-note {font-size:17px!important}
 .bkit-finale.bf-recap .bf-items {grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:minmax(min-content,1fr)}
 .bkit-finale .bf-item {padding:12px 14px;gap:12px}
 .starter-deck .slide-body .bkit-finale p.bf-item-text {font-size:19px!important}
}
@container (max-width:550px) {
 .bkit-finale {height:auto;grid-template-rows:auto auto}
 .bkit-finale .bf-content {grid-template-rows:auto auto}
 .bkit-finale .bf-hero {padding:18px 16px;align-items:flex-start;gap:12px}
 .bkit-finale .bf-icon {font-size:42px}
 .starter-deck .slide-body .bkit-finale h3.bf-heading {font-size:25px!important;line-height:1.22!important}
 .bkit-finale .bf-items,.bkit-finale.bf-recap .bf-items {grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-auto-rows:auto;gap:10px}
 .starter-deck .slide-body .bkit-finale p.bf-item-text {font-size:18px!important}
 .bkit-finale .bf-item {padding:14px 12px;align-items:flex-start;gap:11px}
 .bkit-finale .bf-index {flex-basis:31px;width:31px;height:31px;font-size:14px}
 .bkit-finale .bf-stages {gap:5px}
 .bkit-finale .bf-stage {font-size:13px;padding:10px 4px;gap:5px}
 .bkit-finale .bf-stage-number {font-size:10px}
}
/* Requested MakeCode substitutions: editor on the left, unchanged notes on the right. */
.starter-deck .slide-body > .grid-2.bkit-makecode-layout {grid-template-columns:minmax(0,1.65fr) minmax(310px,1fr)!important;gap:20px;align-items:stretch;height:100%;min-height:0}
.starter-deck .bkit-makecode-layout>.makecode-reference {height:100%;min-height:0;align-self:stretch}
.starter-deck .bkit-makecode-layout .makecode-frame {min-height:320px;flex:1;width:100%;border:0}
.starter-deck .bkit-makecode-layout .makecode-ref-head {flex:none;min-height:42px}
.starter-deck .bkit-makecode-layout .makecode-ref-head span {font-size:13px}
.starter-deck .bkit-makecode-layout .makecode-ref-head a {font-size:13px;white-space:nowrap}
.starter-deck .bkit-makecode-layout .makecode-ref-foot {padding:8px 12px}
.starter-deck .bkit-makecode-layout .makecode-ref-foot strong {font-size:13px;color:#0b2447}
.starter-deck .bkit-makecode-layout .makecode-ref-foot span {font-size:12px;line-height:1.4;color:#425970}
.starter-deck .bkit-makecode-layout > .starter-panel {align-self:center;min-width:0}
.starter-deck .bkit-makecode-layout .mini {grid-template-columns:1fr}
@media (min-width:781px) and (max-width:1190px) {
 .starter-deck .slide-body > .grid-2.bkit-makecode-layout {grid-template-columns:minmax(0,1.3fr) minmax(260px,1fr)!important;gap:14px}
}
@media(max-width:780px) {
 .starter-deck .slide-body > .grid-2.bkit-makecode-layout {grid-template-columns:1fr!important;height:auto;gap:18px}
 .starter-deck .bkit-makecode-layout>.makecode-reference {height:520px;min-height:520px}
 .starter-deck .slide.has-shared-ending .slide-body {overflow:visible}
}