/* Local presentation layout for the added Hub port clarification. */
.slide-stage:has(.slide.active .bkit-port-clarification){width:100%;min-width:0;min-height:640px;height:clamp(640px,45vw,700px);aspect-ratio:auto}
.grid-2.bkit-microbit-ports{grid-template-columns:minmax(0,1.5fr) minmax(330px,1fr);gap:20px}
.bkit-microbit-ports .card{padding:18px}
.bkit-microbit-ports .card h3{font-size:clamp(22px,1.6vw,26px);line-height:1.2}
.bkit-microbit-ports .card p{font-size:clamp(19px,1.45vw,22px);line-height:1.4;margin:12px 0}
.bkit-microbit-ports .bkit-hub-port-note{color:#0b2447}
.bkit-microbit-ports .bkit-hub-port-note b{display:inline;color:#0b2447;font-size:inherit}
.bkit-microbit-ports .tip{font-size:18px;line-height:1.4}
.grid-2.bkit-nezha-ports{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)!important;gap:20px!important}
.bkit-nezha-ports>.visual{height:100%;min-height:0}
.bkit-nezha-ports>div{gap:10px!important;min-height:0}
.bkit-nezha-ports .card{padding:14px 18px!important}
.bkit-nezha-ports .card h3{font-size:clamp(20px,1.55vw,25px);line-height:1.2}
.bkit-nezha-ports .card p{font-size:clamp(18px,1.3vw,21px);line-height:1.3;margin:0}
@media(max-width:780px){
 .slide-stage:has(.slide.active .bkit-port-clarification){min-height:880px;aspect-ratio:auto}
 .grid-2.bkit-microbit-ports,.grid-2.bkit-nezha-ports{grid-template-columns:1fr!important;grid-template-rows:200px auto;gap:14px!important;align-content:start;height:auto}
 .bkit-port-clarification .visual{height:200px!important;min-height:0}
 .bkit-port-clarification .visual img{height:100%!important;max-height:200px!important;width:100%;object-fit:contain}
 .bkit-microbit-ports .card p{font-size:19px}
 .bkit-microbit-ports .card h3{font-size:22px}
 .bkit-nezha-ports .card h3{font-size:21px}
 .bkit-nezha-ports .card p{font-size:18px}
}