/* R05: visibly applied phone showcase and compact media presentation. */
#mb-wireframe .r4-record{background:#f0f3f6;color:#173246;grid-template-columns:minmax(0,.76fr) minmax(0,1.24fr);gap:40px;padding:64px 56px;scroll-margin-top:25px}
#mb-wireframe .r4-record .mb-record-copy h2{color:#173246}
#mb-wireframe .r4-record .mb-record-copy p{color:#45606f;max-width:37ch}
#mb-wireframe .r4-record .mb-record-copy .mb-eyebrow{color:#086c73}
#mb-wireframe .r4-record .mb-app-explore{background:#183b51;color:white;border:1px solid #183b51}
#mb-wireframe .mb-real-phone-showcase{width:100%;min-width:0;margin:0;background:#eef1f5;border-radius:22px;overflow:hidden}
#mb-wireframe .mb-real-phone-showcase>button{border:0;padding:0;background:transparent;display:block;width:100%;cursor:zoom-in}
#mb-wireframe .mb-real-phone-image{width:100%;height:auto;display:block;aspect-ratio:4/3;object-fit:contain;max-width:100%}
#mb-wireframe .mb-app-showcase figcaption{color:#526574;font-size:12px;text-align:center;line-height:1.6;margin:12px 0 0}
#mb-wireframe .mb-phone-image-dialog{width:min(1050px,100%);max-width:100%;background:#f4f6f8}
#mb-wireframe .mb-phone-image-dialog img{width:100%;height:auto;max-height:calc(100dvh - 180px);object-fit:contain;display:block}
#mb-wireframe .mb-inline-event-player{margin:0;min-width:0}
#mb-wireframe .mb-inline-event-player .mb-event-film{width:100%;aspect-ratio:16/9;border-radius:15px;border:1px solid #d5e0e3;max-height:none;background:white;display:block}
#mb-wireframe .mb-inline-event-player figcaption{font-size:12px;line-height:1.55;color:#425e6c;margin-top:10px}
#mb-wireframe .mb-inline-event-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:5px}
#mb-wireframe .mb-event-feature-grid{align-items:start;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:30px}
#mb-wireframe .mb-events-feature-media .r4-section-heading{margin-bottom:23px}
#mb-wireframe .mb-events-feature-media .r4-event-card{padding:25px;gap:20px}
#mb-wireframe .mb-event-speaker-home{margin-top:26px}
#mb-wireframe .mb-event-speaker-home>.r4-section-heading{margin-bottom:0}
#mb-wireframe .mb-event-speaker-home>.r4-section-heading h2{font-size:23px;margin:7px 0 0}
#mb-wireframe .mb-event-speaker-home .mb-speaker-carousel{margin-top:17px;border-radius:16px}
#mb-wireframe .mb-event-speaker-home .mb-speaker-panel{grid-template-columns:minmax(140px,.45fr) minmax(0,1.55fr);min-height:205px}
#mb-wireframe .mb-event-speaker-home .mb-speaker-photo{background:#fff;padding:14px 12px 0}
#mb-wireframe .mb-event-speaker-home .mb-speaker-photo img{height:205px;max-width:230px}
#mb-wireframe .mb-event-speaker-home .mb-speaker-copy{padding:20px 28px;min-height:0}
#mb-wireframe .mb-event-speaker-home .mb-speaker-copy h3{font-size:26px;margin:7px 0 10px}
#mb-wireframe .mb-event-speaker-home .mb-speaker-topic{font-size:15px;line-height:1.6;max-width:60ch}
#mb-wireframe .mb-event-speaker-home .mb-speaker-event-label{display:none}
#mb-wireframe .mb-event-speaker-home .mb-speaker-selectors{padding:8px 12px}
#mb-wireframe .mb-event-speaker-home .mb-speaker-selectors>button{min-height:52px;font-size:13px;padding:6px 9px}
#mb-wireframe .mb-event-speaker-home .mb-speaker-selectors>button>img{width:32px;height:38px}
#mb-wireframe .mb-speaker-photo{background:#fff}
#mb-wireframe .pt-badge.neutral{color:#415f6a}
#mb-wireframe .pt-hint{color:#475f69}
#mb-wireframe .pi-brandline>div>p{color:#475f69}
#mb-wireframe h1[tabindex='-1']:focus:not(:focus-visible),#mb-wireframe h2[tabindex='-1']:focus:not(:focus-visible){outline:none}
@media(max-width:1000px){
#mb-wireframe .r4-record{padding:48px 34px;gap:25px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
}
@media(max-width:760px){
#mb-wireframe .r4-record{grid-template-columns:1fr;padding:42px 23px;gap:24px}
#mb-wireframe .r4-record .mb-record-copy p{max-width:48ch}
#mb-wireframe .mb-app-showcase{max-width:620px;justify-self:center}
#mb-wireframe .mb-event-feature-grid{grid-template-columns:1fr;gap:20px}
#mb-wireframe .mb-event-feature-grid .r4-event-card{padding:20px;gap:17px}
#mb-wireframe .mb-event-speaker-home .mb-speaker-panel{grid-template-columns:105px minmax(0,1fr);min-height:205px}
#mb-wireframe .mb-event-speaker-home .mb-speaker-photo{padding:10px 5px 0;align-items:center}
#mb-wireframe .mb-event-speaker-home .mb-speaker-photo img{width:100%;height:185px;object-position:center}
#mb-wireframe .mb-event-speaker-home .mb-speaker-copy{padding:18px 14px;min-height:205px}
#mb-wireframe .mb-event-speaker-home .mb-speaker-copy h3{font-size:20px;letter-spacing:-.25px;margin:6px 0 9px}
#mb-wireframe .mb-event-speaker-home .mb-speaker-role{font-size:9px;letter-spacing:.5px;line-height:1.5}
#mb-wireframe .mb-event-speaker-home .mb-speaker-topic{font-size:13px;line-height:1.55}
#mb-wireframe .mb-event-speaker-home .mb-speaker-selectors{gap:4px;padding:6px}
#mb-wireframe .mb-event-speaker-home .mb-speaker-selectors>button{min-height:44px;font-size:11px;flex-direction:row;text-align:left;gap:5px;padding:6px}
#mb-wireframe .mb-event-speaker-home .mb-speaker-selectors>button>img{display:none}
#mb-wireframe .mb-event-speaker-home .mb-speaker-toolbar{padding:8px 11px}
#mb-wireframe .pt-bottom{position:fixed;bottom:0;left:8px;right:8px;width:auto;z-index:80;border-radius:14px 14px 0 0;box-shadow:0 -6px 24px #183b5118;padding-bottom:max(7px,env(safe-area-inset-bottom));background:#1e3446}
#mb-wireframe .pt-main{padding-bottom:95px}
#mb-wireframe .pt-footer{padding-bottom:22px}
#mb-wireframe .it-columns>div{min-width:0;max-width:100%}
#mb-wireframe .mb-preview>div>span{max-width:72%;text-align:right;line-height:1.4;overflow-wrap:anywhere}
}
@media(max-width:360px){
#mb-wireframe .mb-event-speaker-home .mb-speaker-panel{grid-template-columns:88px minmax(0,1fr)}
#mb-wireframe .mb-event-speaker-home .mb-speaker-copy{padding:15px 12px}
#mb-wireframe .mb-event-speaker-home .mb-speaker-copy h3{font-size:18px}
#mb-wireframe .mb-event-speaker-home .mb-speaker-topic{font-size:12px}
}
@media print{#mb-wireframe .pt-bottom{display:none!important}}
