/* 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}

/* v104 showcase list */
html body .card-format-group[data-format-group=list]{grid-template-columns:minmax(0,1fr)!important;gap:10px!important}
html body .card-format-group[data-format-group=list]>[data-card-format]{max-width:none!important}
html body .phone-deck[data-card-format=list],html body .demo-phone[data-card-format=list]{height:170px!important;min-height:170px!important;max-height:170px!important;border-width:2px!important;padding:10px 14px!important;border-radius:18px!important;gap:4px!important}
html body [data-card-format=list]:before,html body [data-card-format=list]>.card-format-back,html body [data-card-format=list] .card-report-link{display:none!important}
html body [data-card-format=list] h3{font-size:16px!important;margin:2px 0!important;line-height:1.3}
html body [data-card-format=list] .deck-page p{margin:3px 0!important;font-size:14px!important;-webkit-line-clamp:1}
html body [data-card-format=list] img{width:56px!important;height:56px!important;object-fit:cover;float:right;border-radius:12px!important}
html body [data-card-format=list]>.preview-open{align-self:flex-end;width:auto!important;min-height:36px!important;padding:6px 12px!important;margin:0!important;font-size:13px!important;color:#0756ed!important}
html body .card-format-group[data-format-group=list]>[data-card-format=phone]{max-width:440px!important;justify-self:center}
@media(max-width:480px){html body [data-card-format=list]{padding:10px!important}.card-format-switch button{font-size:13px;line-height:1.3;min-height:48px}}
html body [data-card-format=list]>.card-top-tools{display:none!important}
html body [data-card-format=list] .card-photo-tools{width:56px!important;float:right;margin:0 0 4px 10px!important}
html body [data-card-format=list] .deck-page>div{min-width:0}
html body [data-card-format=list] time{font-size:12px}
html body [data-card-format=list] .deck-page{max-height:none!important}
html body .phone-deck[data-card-format=list]{display:flex!important;flex-direction:column!important}
html body [data-card-format=list]>.deck-content{flex:1 1 0!important;min-height:0!important;overflow:hidden!important}
html body [data-card-format=list]>.preview-open{flex:0 0 36px!important;position:static!important;max-height:36px!important;bottom:auto!important}
html body [data-card-format=list] .deck-page p{display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden!important}
html body .card-format-group .phone-deck.compact-preview[data-card-format=list]>.deck-content{min-height:0!important;max-height:102px!important;flex:1 1 0!important}
html body .card-format-group .phone-deck.compact-preview[data-card-format=list]>.preview-open{min-height:36px!important;height:36px!important;flex:0 0 36px!important}
html body .card-format-group .phone-deck.compact-preview[data-card-format=list] .deck-page p{font-size:13px!important;line-height:1.3!important;-webkit-line-clamp:1!important}
html body [data-card-format=list] time{display:none!important}
html body .card-format-group .phone-deck.compact-preview[data-card-format=list] .deck-page h3{margin:2px 0!important;font-size:16px!important}
/* Public demo rows keep the same accessible opening action. */
html body .card-format-group .demo-phone.compact-preview[data-card-format=list]{display:flex!important;flex-direction:column!important}
html body .card-format-group .demo-phone.compact-preview[data-card-format=list]>.demo-surface{flex:1 1 0!important;min-height:0!important;max-height:88px!important;overflow:hidden!important}
html body .card-format-group .demo-phone.compact-preview[data-card-format=list]>.preview-open{position:static!important;min-height:36px!important;height:36px!important;flex:0 0 36px!important;display:block!important}