.block-property-panel{position:absolute;z-index:42;left:110px;bottom:24px;width:min(360px,calc(100% - 140px));max-height:44%;overflow:auto;box-sizing:border-box;background:var(--map-surface,#fffdf5);color:var(--map-ink,#244b43);border:1px solid var(--map-border,#a9bcb0);border-radius:18px;padding:14px;box-shadow:var(--map-shadow,0 8px 28px #0003);font-size:16px}
.block-property-panel[hidden]{display:none}
.block-property-head{display:flex;gap:8px;align-items:start;justify-content:space-between}.block-property-head h2{font-size:18px;line-height:1.35;margin:4px 0 10px;overflow-wrap:anywhere}
.block-property-panel button,.block-property-panel select{font:inherit;min-height:44px;color:inherit;border:1px solid var(--map-border,#a9bcb0);border-radius:10px;background:var(--map-surface,#fffdf5);padding:8px 10px;cursor:pointer}
.block-property-head button{flex:0 0 44px;font-size:24px;padding:0}.block-property-panel p{font-size:14px;line-height:1.45;margin:7px 0}.block-property-panel label{display:block;font-size:14px;margin:10px 0 5px}.block-property-panel select{width:100%;max-width:100%}
.block-property-nav{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:10px 0}.block-property-nav span{font-size:14px;white-space:nowrap}.block-property-nav button:disabled{opacity:.4;cursor:default}
.block-property-panel .property-value{display:block;font-size:26px;margin:5px 0}.block-property-panel .property-assessment{border-top:1px solid var(--map-border,#a9bcb0);margin-top:10px;padding-top:8px}.block-property-panel a{color:inherit;text-decoration:underline}.block-property-panel summary{padding:10px 0;min-height:24px;font-size:14px;cursor:pointer}.block-property-panel details p{font-size:14px}
.block-property-panel :focus-visible{outline:3px solid #9a6b13;outline-offset:2px}
.block-property-open #discovery-tray{display:none!important}
@media(max-width:600px){.block-property-panel{left:10px;right:10px;bottom:calc(88px + env(safe-area-inset-bottom,0px));width:auto;max-height:38%;padding:12px}.block-property-head h2{font-size:17px}.block-property-panel button{font-size:14px}}

/* Block browsing deliberately uses a short scrolling panel instead of cards. */
html body #app .block-explorer-panel{left:12px;right:12px;top:auto;bottom:calc(18px + var(--ui-bottom,0px));width:min(420px,calc(100% - 24px));height:auto;max-height:min(290px,38%);padding:10px 12px;display:flex;flex-direction:column;overflow:hidden;border-radius:16px}
html body #app .block-explorer-panel[hidden]{display:none}
html body #app .block-explorer-panel .block-property-head{flex:0 0 auto;align-items:center;gap:8px}
html body #app .block-explorer-panel .block-property-head h2{font:600 20px/1.2 Georgia,serif;margin:0}
html body #app .block-explorer-panel .block-property-head button{border:0;background:transparent}
html body #app .block-explorer-scroll{min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;padding:0 3px 3px}
html body #app .block-address-list{display:grid;gap:4px}
html body #app .block-address-list button{display:flex;justify-content:space-between;align-items:center;text-align:left;width:100%;min-height:44px;padding:8px 10px;font-size:14px}
html body #app .block-explorer-panel .property-value{font-size:22px}
@media(min-width:701px){html body #app .block-explorer-panel{left:110px}}