.family-content{margin:10px 0;border:1px solid #cde5ef;border-radius:11px;background:#f8fcfe;overflow:hidden}.family-content>details>summary,.family-add>summary{min-height:42px;padding:9px 10px;display:flex;align-items:center;color:#075985;font-size:.76rem;font-weight:800;cursor:pointer}.family-content-body{padding:0 10px 10px}.family-empty{margin:2px 0 9px;color:#64748b;font-size:.74rem;line-height:1.45}.family-entry-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.family-entry-list li{padding:8px;background:#fff;border:1px solid #e2edf2;border-radius:9px}.family-entry-meta{display:flex;gap:8px;align-items:center;color:#64748b;font-size:.68rem}.family-entry-meta b{color:#075985}.family-entry-meta time{margin-left:auto}.family-pending{padding:2px 5px;border-radius:999px;background:#fff7ed;color:#9a3412}.family-entry-note{margin:5px 0 0;font-size:.78rem;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.family-entry-link{display:block;margin-top:5px;min-height:40px;align-content:center;color:#0369a1;font-size:.78rem;font-weight:800;overflow-wrap:anywhere}.family-add{margin-top:7px;border-top:1px solid #dbeaf0}.family-add>summary{min-height:40px;padding-left:0}.family-forms{display:grid;gap:8px}.family-forms form{display:grid;gap:6px;padding:9px;background:#fff;border:1px solid #e2edf2;border-radius:9px}.family-forms label{display:grid;gap:4px;color:#526575;font-size:.7rem;font-weight:800}.family-forms textarea,.family-forms input{width:100%;min-height:42px;padding:8px;border:1px solid #cbdde5;border-radius:8px;background:#fff;color:#082f49;font:inherit;font-size:.78rem}.family-forms textarea{resize:vertical;min-height:62px}.family-forms button{min-height:42px;border:0;border-radius:9px;background:#075985;color:#fff;font-size:.75rem;font-weight:800}.family-content-body>small{display:block;margin-top:8px;color:#64748b;font-size:.67rem;line-height:1.4}.family-status{min-height:1em;margin:7px 0 0;color:#9a3412;font-size:.72rem;line-height:1.4}.family-code-panel{margin:16px 0;padding:14px;border:1px solid #bae6fd;border-radius:14px;background:#f0f9ff}.family-code-panel h3{font-size:.95rem;margin:0 0 6px;color:#075985}.family-code-panel p{font-size:.78rem;margin:0 0 9px;line-height:1.45}.family-code-panel label{display:block;font-size:.76rem;font-weight:800}.family-code-panel input{display:block;width:100%;height:44px;margin-top:5px;border:1px solid #bae6fd;border-radius:9px;padding:0 10px;font:inherit}.family-code-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}.family-code-actions button{min-height:42px}.family-code-panel small{display:block;font-size:.7rem;color:#526575;line-height:1.45}
.leaflet-popup-content{max-height:min(68vh,620px);overflow-y:auto;overflow-x:hidden}.family-content>details>summary,.family-add>summary{font-size:.8rem}.family-entry-meta{font-size:.75rem}.family-entry-note,.family-entry-link{font-size:.85rem;line-height:1.5}.family-forms label,.family-code-panel label{font-size:.78rem}.family-forms textarea,.family-forms input,.family-code-panel input{min-height:44px;font-size:16px}.family-forms button,.family-code-actions button{min-height:44px}.family-content-body>small,.family-code-panel small,.family-status{font-size:.75rem}
@media (max-width: 760px), (max-width: 1000px) and (max-height: 600px){.family-code-actions button{flex:1 1 130px}.family-content>details>summary,.family-add>summary{min-height:44px}.family-forms button{min-height:46px}}
@media (max-width: 760px), (max-width: 1000px) and (max-height: 600px){.leaflet-popup-content{max-height:min(44vh,360px)}}
.family-entry-meta{min-height:44px}.family-entry-delete{flex:0 0 44px;width:44px;height:44px;margin-left:4px;border:1px solid #fecaca;border-radius:9px;background:#fff7f7;color:#b91c1c;font-size:1.35rem;font-weight:700;line-height:1;cursor:pointer}.family-entry-delete:focus-visible{outline:3px solid #0284c7;outline-offset:2px}.family-entry-delete:active{background:#fee2e2}.family-content>details>summary{line-height:1.5}