/* Expanded recommendation content. The incident bubble coordinator owns its
 * anchor and size; the default dimensions also support the standalone panel. */
#mapAdvicePopup{position:absolute;z-index:23;box-sizing:border-box;width:380px;max-width:calc(100% - 16px);max-height:calc(100% - 16px);overflow:auto;overscroll-behavior:contain;padding:15px;border:1px solid #4ba394;border-radius:10px;background:#102724fa;color:#e6f7f2;box-shadow:0 12px 38px #0008;backdrop-filter:blur(9px);scrollbar-width:thin;scrollbar-color:#498d80 #102724}
#mapAdvicePopup[hidden]{display:none!important}
#mapAdvicePopup>header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:5px}
#mapAdviceTitle{font-size:14px;font-weight:650;line-height:1.4;letter-spacing:.01em}
#mapAdviceClose{min-width:30px;min-height:28px;flex:0 0 auto;padding:5px 8px;border:1px solid #416b5d;border-radius:6px;background:#17352c;color:#c9e7df;font-size:10px;font-weight:550;line-height:1.3;white-space:nowrap;cursor:pointer}
#mapAdviceClose:hover{border-color:#78bba4;background:#26483b}
#mapAdvicePopup button:focus-visible,#mapAdvicePopup summary:focus-visible{outline:2px solid #8be1ce;outline-offset:3px}
.warning-advice-eyebrow{margin:0 0 12px;color:#a3c7bc;font-size:10px;line-height:1.5}
.warning-advice-progress{display:flex;align-items:center;gap:9px;margin:10px 0;padding:12px;border:1px solid #397667;border-radius:7px;color:#c7ece2;background:#1a3931;font-size:12px;line-height:1.5}
.warning-advice-progress i{flex:0 0 13px;width:13px;height:13px;border:2px solid #457265;border-top-color:#a1edcf;border-radius:50%;animation:warning-advice-spin 1s linear infinite}
.warning-advice-card{margin:9px 0;padding:12px;border:1px solid #39594f;border-radius:8px;background:#142e28}
.warning-advice-card.preferred{border-color:#68b59a;background:linear-gradient(135deg,#244b3b,#15362e)}
.warning-advice-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#b0d3c3;font-size:9px;line-height:1.5}
.warning-advice-card-head>span{text-transform:uppercase;letter-spacing:.06em;overflow-wrap:anywhere}
.warning-advice-card-head>b{flex-shrink:0;color:#9fdbbe;font-size:8px;font-weight:650;letter-spacing:.045em}
.warning-advice-card h4{margin:9px 0;color:#eefaf4;font-size:13px;font-weight:550;line-height:1.55;overflow-wrap:anywhere}
.warning-advice-effect{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px;margin:11px 0 5px;font-size:20px;font-variant-numeric:tabular-nums;line-height:1.3}
.warning-advice-effect>span{color:#adc6bb}.warning-advice-effect>span:nth-child(2){font-size:14px;color:#79a592}.warning-advice-effect strong{color:#c2f2d6;font-weight:550}.warning-advice-effect small{font-size:11px}
.warning-advice-detail,.warning-advice-reason,.warning-advice-baseline{margin:6px 0;color:#b0c7bc;font-size:10px;line-height:1.6;overflow-wrap:anywhere}
.warning-advice-reason{color:#dfc6b9}.warning-advice-baseline{margin:5px 0 11px}
#mapAdvicePopup .btn{min-height:33px;padding:7px 10px;border-color:#496b5d;border-radius:6px;color:#dfede5;background:#254235;font-size:10px;line-height:1.4;white-space:normal}
#mapAdvicePopup .btn:hover:not(:disabled){border-color:#83cda9;background:#31583f}
#mapAdvicePopup .warning-advice-primary{width:100%;margin-top:9px;border-color:#6fbb96;background:#346c4e;color:#f1fff7;font-weight:600}
#mapAdvicePopup .btn:disabled{opacity:.46;cursor:not-allowed}
.warning-advice-toolbar{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px;padding-top:11px;border-top:1px solid #335247}.warning-advice-toolbar>.btn{flex:1}
.warning-advice-scope{margin:11px 0 0;color:#97b9a9;font-size:9px;line-height:1.65}
.warning-advice-error,.warning-advice-success,.warning-advice-empty{margin:10px 0;padding:9px 10px;border-radius:6px;font-size:11px;line-height:1.55;overflow-wrap:anywhere}
.warning-advice-error{border:1px solid #856058;color:#efcdc4;background:#3a2d27}.warning-advice-success{border:1px solid #62967a;color:#c9efd7;background:#244d34}.warning-advice-empty{color:#bfd2c5;background:#1d392e}
.warning-advice-alternatives{margin:10px 0}.warning-advice-alternatives>summary{cursor:pointer;padding:8px 2px;color:#c0dbcd;font-size:11px}.warning-advice-alternatives .warning-advice-card{padding:10px;background:#152c25}
.warning-advice-open #mapContextPopup{box-sizing:border-box;overscroll-behavior:contain}
.warning-advice-stacked #mapContextPopup,.warning-advice-stacked #mapAdvicePopup{padding:11px 13px}
.warning-advice-stacked #mapContextPopup>header,.warning-advice-stacked #mapAdvicePopup>header{margin-bottom:4px}
@keyframes warning-advice-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.warning-advice-progress i{animation:none}}
@media(max-width:420px){#mapAdvicePopup{padding:11px}.warning-advice-card{padding:10px}.warning-advice-effect{font-size:18px}.warning-advice-card-head{align-items:flex-start}.warning-advice-card-head>b{font-size:7px}}
