.online-note{padding:12px;background:#f3f5f7;border-radius:10px;font-size:13px;line-height:1.6}.online-actions{display:flex;gap:8px;flex-wrap:wrap}.online-login{max-width:400px;margin:12vh auto;padding:24px}.online-login form{display:grid;gap:16px}.online-login label{display:grid;gap:6px}.online-login input{width:100%;box-sizing:border-box}.online-login button{width:100%}code.share-code{display:block;overflow-wrap:anywhere;user-select:all;padding:12px;background:#f5f5f7}.shell{min-height:100dvh}@media(max-width:700px){.shell{display:block}#nav .nv{min-width:max-content}#main{padding:18px;min-width:0}.ph{flex-wrap:wrap}.form{grid-template-columns:1fr}.tbl-w{overflow:auto}}button:disabled{opacity:.5;cursor:wait}
.location-map{height:300px;border:1px solid #d7dde4;border-radius:10px;isolation:isolate}.search-input{flex:1;min-width:180px}.place-results{display:grid;gap:6px;margin-top:8px}.place-result{white-space:normal;text-align:left;justify-content:flex-start}.term-body{min-height:320px!important;line-height:1.7}.modal .leaflet-container{font-family:inherit}.modal .leaflet-container a{color:#17538e}.modal .leaflet-control-attribution{font-size:10px}#xF .online-actions,#termForm .online-actions{align-items:center}#ov .modal{max-height:90dvh}#ov .mb{overscroll-behavior:contain}
#ov .ov{z-index:200;align-items:center;padding:20px;overflow:hidden}#ov .modal{max-height:calc(100dvh - 40px);overflow:hidden}#ov .modal header,#ov .modal footer{flex-shrink:0}#ov .modal .mb{overflow:auto;min-height:0}body.dialog-open{overflow:hidden}@media(max-width:700px){#ov .ov{padding:10px}#ov .modal{max-height:calc(100dvh - 20px)}.location-map{height:250px}}
#ov .modal footer{flex-wrap:wrap}
.location-check{line-height:1.65}.location-check p{margin:0 0 12px}.location-accuracy{margin-top:12px!important;font-weight:700;font-variant-numeric:tabular-nums}.location-help{font-size:14px}.location-help summary{cursor:pointer;font-weight:700;padding:8px 0}.location-help ol{padding-left:20px}.location-help li{margin-bottom:10px}.location-actions{display:grid!important;gap:8px}#locationStatus{padding:12px;border-radius:10px;background:#edf5fc;color:#194e74}

/* Match the fixed header to the mobile shell; reserve space below it. */
.mobile-web .screen:has(> .top){padding-top:68px}.mobile-web .screen:has(> .bar){padding-top:52px}
.mobile-web .screen > .top,.mobile-web .screen > .bar{position:fixed;top:0;left:50%;transform:translateX(-50%);width:100%;max-width:440px;z-index:10;flex-shrink:0}
.mobile-web .screen > .top{height:calc(68px + env(safe-area-inset-top,0px));padding-top:calc(10px + env(safe-area-inset-top,0px))}.mobile-web .screen > .bar{height:calc(52px + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);border-bottom-color:var(--line)}
.mobile-web .top .me > span:not(.qr-ic){min-width:0}.mobile-web .top .me b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
