/* Approved raised speaker at rounded corner; the entire form remains clickable. */
body article.card[data-card] .forms>button{position:relative!important;isolation:isolate;overflow:visible!important;min-height:66px!important;padding:15px 7px 10px!important;row-gap:4px!important;align-content:center;justify-items:center;border-radius:20px!important}
body article.card[data-card] .forms>button>svg{position:absolute!important;top:-5px!important;left:5px!important;width:25px!important;height:25px!important;box-sizing:border-box!important;padding:4px!important;border-radius:50%!important;background:linear-gradient(145deg,#faf8ff,#e9e3f3)!important;border:1px solid #faf8ff!important;box-shadow:2px 3px 5px #c7bddc,-2px -2px 4px #fff,inset 0 1px 1px #fff!important;color:#59348f!important;z-index:2;margin:0!important;pointer-events:none}
body article.card[data-card] .forms>button>:is(span,strong){line-height:1.3!important}
@media(max-width:767px){
 body article.card[data-card] .forms{grid-template-columns:repeat(2,minmax(0,1fr))!important;width:fit-content;max-width:100%;gap:8px!important;margin:8px auto!important}
 body article.card[data-card] .forms>button{min-width:116px!important;min-height:54px!important;padding:9px 12px 7px!important;row-gap:2px!important;border-radius:18px!important}
}
@media(max-width:360px){body article.card[data-card] .forms>button{min-width:0!important;padding-left:4px!important;padding-right:4px!important}}

/* PC: restore three learning cards; four word controls remain readable in 2x2. */
@media(min-width:768px){
 body:not(.mobile-slider) main{max-width:1040px}
 body:not(.mobile-slider) #browseScreen #results.card-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:none!important;margin-left:0!important;margin-right:0!important}
 body:not(.mobile-slider) article.card[data-card] .forms{grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;max-width:100%;gap:8px!important}
 body:not(.mobile-slider) article.card[data-card] .forms>button{min-width:0!important;padding-left:7px!important;padding-right:7px!important;min-height:66px!important}
 body:not(.mobile-slider) article.card[data-card] .forms strong{white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;font-size:var(--ge-fitted-size,14px)!important}
}
@media(min-width:1024px){body:not(.mobile-slider) #browseScreen #results.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}

/* Mobile A: full-width equal columns, compact body, reserved corner-icon height. */
@media(max-width:767px){
 body article.card[data-card] .forms{width:100%!important;max-width:100%!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:10px 0!important}
 body article.card[data-card] .forms>button{min-width:0!important;min-height:56px!important;padding:17px 10px 3px!important;row-gap:1px!important;align-content:center!important;border-radius:18px!important}
 body article.card[data-card] .forms>button>svg{width:23px!important;height:23px!important;top:-6px!important;left:8px!important}
 body article.card[data-card] .forms>button>span{font-size:11px!important;line-height:1.3!important;white-space:nowrap!important}
 body article.card[data-card] .forms strong{font-size:var(--ge-fitted-size,14px)!important;white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important;line-height:1.25!important}
}

@media(max-width:767px){body article.card[data-card] .forms{-webkit-text-size-adjust:100%;text-size-adjust:100%}}

/* Bathroom details use display:contents: the expanded forms occupy both menu columns. */
body article.card[data-card] .bathroom-detail-buttons>.details>.forms{grid-column:1 / -1!important}
body article.card[data-card] .forms>button>span{white-space:nowrap!important}