/* Keep the selected place and the map visible together. */
.detailResizeHandle{flex:0 0 26px;display:flex;align-items:center;justify-content:center;cursor:ns-resize;touch-action:none;user-select:none;margin:-5px 0 3px;border-radius:8px}
.detailResizeHandle span{width:44px;height:5px;border-radius:999px;background:#b6c8c1}
.detailResizeHandle:hover span,.detailResizeHandle:focus-visible span{background:#247f78}
.detailResizeHandle:focus-visible{outline:2px solid #247f78;outline-offset:-2px}
#detail.detailResized.show{height:var(--sheet-height)!important;max-height:var(--sheet-height)!important;top:auto!important;bottom:var(--sheet-bottom)!important}
@media(min-width:901px){#detail.show{top:auto!important;bottom:24px!important}}
#detail.detailDragging,#detail.detailSettling{transition:none!important;user-select:none;will-change:height}
#detail .detailHeader,#detail .detailHeader *{touch-action:none;-webkit-user-select:none;user-select:none}
#detail.show{display:flex;flex-direction:column;overflow:hidden!important}
#detail .detailHeader{flex:none}
#detail .detailBody{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
#detail .detailBody[hidden]{display:none!important}
.detailSummary,.detailQuickActions{display:none}
#detail button:focus-visible,#detail a:focus-visible{outline:2px solid #247f78;outline-offset:2px}
.directionsButton{display:inline-flex;align-items:center;justify-content:center;gap:5px;text-decoration:none;white-space:nowrap}
.directionsButton svg{flex:none;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:900px){
 #detail{bottom:max(24px,calc(env(safe-area-inset-bottom) + 12px))!important;max-height:min(calc(100% - 38px),max(180px,44%),245px)!important;padding:10px 12px!important;border:1px solid #dce6e2;border-radius:18px!important;box-shadow:0 5px 24px #183d3524}
 #detail.detailExpanded{max-height:68%!important}
 #detail .detailHeader{gap:8px;align-items:center}
 #detail h2{font-size:18px!important;line-height:1.3}
 #detail .businessReviewName{max-width:100%;font-weight:750;overflow-wrap:anywhere}
 #detail .detailName{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
 #detail .reviewNameHint{font-size:11px;line-height:1.5;margin-top:2px;font-weight:450}
 #detail .detailClose{width:44px;height:44px;font-size:26px;border:0;background:#f2f6f4;align-self:flex-start}
 #detail .detailSummary{display:block;min-height:0;overflow:auto;margin:6px 0 8px}
 #detail.detailExpanded .detailSummary{display:none}
 .detailSummaryMeta{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:12px;line-height:1.5;color:#64756e}
 .detailSummaryMeta>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .detailSummaryRating{flex:none;font-weight:700;color:#334c45}
 .detailSummaryRating small{font-size:11px;font-weight:450;color:#718077}
 .detailSummaryAddress{margin:4px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.6;color:#64756e}
 #detail .detailQuickActions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;flex:none}
 .detailQuickActions button,.detailQuickActions a{min-width:0;min-height:44px;padding:8px 4px;border:1px solid #dce6e2;border-radius:10px;background:#f4f7f5;color:#355e54;font:600 12px/1.4 system-ui,sans-serif;white-space:nowrap}
 .detailQuickActions .directionsButton{background:#247f78;border-color:#247f78;color:#fff}
 .detailQuickActions .grabButton{background:#edf8f0;border-color:#c4ddcd;color:#25734a}
 #detail.detailExpanded .detailQuickActions{margin:8px 0}
 #detail .detailBody{border-top:1px solid #e8eeea;padding-top:2px}
 #detail .detailBody .grabButton,#detail .detailBody .directionsButton{display:none}
 #detail .copyRow{gap:6px;margin:8px 0}
 #detail .copyBtn{flex:1;padding:8px 6px;white-space:nowrap}
 #detail .scorebox{margin:10px 0;padding:9px 11px;border-radius:12px}
 #detail .scorebig{font-size:24px!important}
 #detail .empty{padding:24px 8px;font-size:12px}
}
/* In landscape, a side card leaves a usable map to its left. */
@media(min-width:600px) and (max-width:900px) and (max-height:500px){
 #detail{left:auto!important;right:10px!important;top:10px!important;bottom:auto!important;width:300px!important;max-height:calc(100% - 40px)!important}
 #detail.detailExpanded{max-height:calc(100% - 40px)!important}
}
.placeRegistrant{margin:0 0 10px;font-size:12px;line-height:1.5;color:#64748b;overflow-wrap:anywhere}
.placeRegistrant span{margin-left:5px;color:#40594f;font-weight:600}
#pNickname[readonly]{background:#f6f8f7;color:#63766d}
#pNickname[aria-invalid="true"]{border-color:#be4545}