.area-view-controls{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin:.35rem 0 .9rem;color:#626d51;font-size:.82rem}
.area-view-controls button{font:inherit;color:#485333;background:#f4f6ef;border:1px solid #ccd3c0;border-radius:.65rem;padding:.45rem .7rem;cursor:pointer}
.area-view-controls button:hover{background:#e9eddf}.area-view-controls button:focus-visible{outline:2px solid #d95c2b;outline-offset:3px}
.area-view-note,.area-view-empty{color:#69745b;font-size:.82rem;line-height:1.9;margin:.6rem 0}.area-view-empty{padding:2rem 1rem;text-align:center}
@media(max-width:480px){.area-view-controls{font-size:.76rem}.area-view-controls button{padding:.4rem .55rem}}