/* One record, three presentation modes; controls remain in the card. */
.card-format-switch{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 12px}.card-format-switch button{min-height:44px;padding:8px 14px;border:1px solid #b7d5ed;border-radius:12px;background:#edf5ff;color:#0646a6;font:600 14px system-ui}.card-format-switch button[aria-pressed=true]{background:#0756ed;color:white;border-color:#0756ed}
html body .card-format-group{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),360px))!important;gap:20px!important;justify-content:center;align-items:start}
html body .card-format-group[data-format-group=visit]{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),360px))!important}
html body .phone-deck[data-card-format],html body .demo-phone[data-card-format]{box-sizing:border-box;width:100%!important;max-width:400px!important;border-radius:24px!important;margin:0!important}
html body .phone-deck[data-card-format=visit],html body .demo-phone[data-card-format=visit]{height:230px!important;min-height:230px!important;max-height:230px!important;padding:12px!important;gap:4px}
html body .phone-deck[data-card-format=visit]:before,html body .demo-phone[data-card-format=visit]:before{display:none}
html body .phone-deck[data-card-format=visit]>.deck-content{min-height:0!important}
html body .phone-deck[data-card-format=visit] .deck-page p{ -webkit-line-clamp:2}
html body .phone-deck[data-card-format=summary],html body .demo-phone[data-card-format=summary]{height:330px!important;min-height:330px!important;max-height:330px!important}
html body .phone-deck[data-card-format=phone],html body .demo-phone[data-card-format=phone]{height:650px!important;min-height:480px!important;max-height:calc(100dvh - 24px)!important}
html body .phone-deck[data-card-format=phone]>.deck-content{min-height:0!important;flex:1;overflow:auto!important}
html body .phone-deck[data-card-format=phone]>.phone-dock{display:grid!important;flex:none}
html body .phone-deck[data-card-format=phone]>.deck-nav{display:grid!important;flex:none}
html body .phone-deck[data-card-format=phone] .deck-page{max-height:none!important}
html body .phone-deck[data-card-format=phone] .deck-page p{display:block;-webkit-line-clamp:unset}
html body .phone-deck[data-card-format]>.preview-open{min-height:40px!important}
html body .portal-expanded>.phone-deck[data-card-format]{max-width:none!important;height:auto!important;max-height:none!important}
.compact-showcase-menu{margin:12px 0}.compact-showcase-menu>summary{padding:12px;border:1px solid #b7d5ed;border-radius:12px;background:#edf5ff;color:#0646a6;cursor:pointer;font-weight:600}
@media(max-width:480px){.card-format-switch{gap:5px}.card-format-switch button{flex:1;padding:8px 5px;font-size:12px}.card-format-group{gap:14px!important}}
/* Public and collapsed showcase navigation share the same paired layout. */
.availability-grid,.compact-showcase-menu[open]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.compact-showcase-menu>summary{grid-column:1/-1}.availability-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.availability-pair>a{display:flex;align-items:center;justify-content:center;text-align:center;min-height:76px;padding:10px!important;box-sizing:border-box;white-space:normal!important;font-size:15px!important;border-radius:12px!important}
html body.polished .online-entry a.offline-link{background:#fff4aa!important;color:#66500b!important;border:1px solid #dfc64f!important}
@media(max-width:760px){.availability-grid,.compact-showcase-menu[open]{grid-template-columns:1fr}.availability-pair>a{font-size:16px!important;min-height:86px}.compact-showcase-menu .availability-pair{width:100%}}

html body .card-format-back{position:absolute;left:12px;bottom:12px;z-index:4;min-height:36px;width:36px;padding:4px;border:1px solid #b7d5ed;border-radius:12px;background:#edf5ff;color:#0646a6;font:700 20px system-ui}html body .card-format-back[hidden]{display:none!important}.demo-phone{position:relative}