/* Rest area display (generated from rest-areas-ui.js CSS; keep in step). */
.ra-sec h3{font-family:'Playfair Display',serif;font-size:22px;margin:0 0 6px;color:var(--ocean-deep,#0D3B52)}
.ra-sec h4{font-size:17px;margin:18px 0 6px;color:var(--ocean-deep,#0D3B52)}
.ra-cov{font-size:15.5px;color:#3E3528;margin:4px 0 10px}
.ra-list{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:10px}
.ra-card{border:1px solid #E8D9B5;border-radius:12px;background:#fff;padding:12px 14px;scroll-margin-top:100px;transition:box-shadow .2s}
.ra-card.is-flash{box-shadow:0 0 0 3px #1B5E7B}
.ra-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ra-top strong{font-size:17px}
.ra-num{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;border-radius:999px;background:#2D6A4F;color:#fff;font-weight:800;font-size:14px}
.ra-dist{margin-left:auto;font-weight:700;color:var(--ocean,#1B5E7B);font-size:15.5px}
.ra-meta{font-size:15px;color:#5A5040;margin-top:3px}
.ra-status{margin:8px 0 0;font-size:15px;font-weight:700;padding:6px 10px;border-radius:8px;display:inline-block}
.ra-status.ra-ok{background:#D8F3DC;color:#1E4D36}
.ra-status.ra-closed{background:#FDE2DD;color:#8A2B16}
.ra-status.ra-unconf{background:#FFF4D6;color:#6B4E00}
.ra-detail{font-size:14px;color:#5A5040;margin:4px 0 0}
.ra-amen{margin-top:8px;font-size:15px}
.ra-amen summary{cursor:pointer;font-weight:700;color:var(--ocean,#1B5E7B)}
.ra-amen-l{font-size:13.5px;color:#5A5040;margin:6px 0 0}
.ra-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.ra-chip{font-size:13.5px;font-weight:600;padding:3px 9px;border-radius:999px;background:#EAF4FA;color:#0D3B52}
.ra-chip.ra-no{background:#F1EBDD;color:#5A5040}
.ra-act{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;align-items:center}
.ra-btn{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:9px;border:2px solid var(--ocean,#1B5E7B);background:#fff;color:var(--ocean,#1B5E7B);font:inherit;font-size:15px;font-weight:700;cursor:pointer;text-decoration:none}
.ra-btn:hover{background:#EAF4FA}.ra-btn.is-done{border-color:#2D6A4F;color:#1E4D36;background:#F3FAF5}
.ra-nav{position:relative}.ra-nav>summary{list-style:none}.ra-nav>summary::-webkit-details-marker{display:none}
.ra-menu{position:absolute;left:0;top:100%;z-index:20;display:grid;gap:4px;margin-top:6px;padding:8px;border:1px solid #E8D9B5;border-radius:12px;background:#fff;min-width:220px;box-shadow:0 10px 30px rgba(0,0,0,.15)}
.ra-menu-h{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#5A5040;padding:4px 12px 2px}
.ra-mi{display:flex;align-items:center;min-height:44px;padding:0 12px;border-radius:8px;font-size:16px;font-weight:600;color:var(--ocean,#1B5E7B);text-decoration:none}
.ra-mi:hover{background:#EAF4FA}
.ra-gap{display:flex;gap:10px;align-items:flex-start;border:1px solid #F0C9A8;background:#FFF6EE;border-radius:12px;padding:12px 14px;font-size:15.5px;color:#5A2E12}
.ra-gap::before{content:'\26A0\FE0F';font-size:18px;line-height:1.3}
.ra-help{font-size:14.5px;color:#5A5040;margin:2px 0 6px}
.ra-other>summary{cursor:pointer;font-weight:700;color:var(--ocean,#1B5E7B);margin-top:16px;font-size:16px}
.ra-src{margin-top:16px;padding-top:10px;border-top:1px solid #E8D9B5;font-size:13.5px;color:#5A5040}
.ra-src ul{margin:4px 0 0;padding-left:18px}.ra-src a{color:var(--ocean,#1B5E7B)}
.ra-disc{font-size:12.5px;color:#5A5040;margin:8px 0 0;line-height:1.5}
.ra-empty{font-size:15.5px;color:#3E3528}
.ra-pin{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:999px;border:2px solid #fff;background:#2D6A4F;color:#fff;font-weight:800;font-size:13px;box-shadow:0 2px 6px rgba(0,0,0,.3);cursor:pointer;padding:0}
.ra-pin.ra-pin-unknown{background:#7A6A3A}.ra-pin.ra-pin-near{background:#5B7F95}
.ra-toggle{display:flex;align-items:center;gap:8px;font-size:15.5px;margin:4px 0 10px}
.ra-state h3{font-size:19px;margin:22px 0 4px;color:var(--ocean-deep,#0D3B52)}
.ra-dirsel{display:flex;width:100%;margin:6px 0 10px}.ra-dirsel button{flex:1;min-width:0}
.ra-states{display:flex;flex-direction:column}.ra-states.ra-rev{flex-direction:column-reverse}
.ra-states.ra-rev .ra-list{display:flex;flex-direction:column-reverse}
.ra-card[hidden],.ra-gap[hidden]{display:none!important}
@media (max-width:760px){.ra-dist{margin-left:0;flex-basis:100%}}
.ra-gapbox[hidden]{display:none!important}