/* Listed Buildings around Wandsworth Common. Loaded after /hwc.css. Build 3, 17 October 2026 (map buttons and full screen added). */
.lastmod { text-align:center; font-family:'Lucida Grande',Verdana,Arial,sans-serif; font-size:0.75em; color:#888; margin:0 0 0.8em; }
.reading { max-width: 40em; margin: 0 auto; }
p.crumbs { text-align:center; font-family:'Lucida Grande',Verdana,Arial,sans-serif; font-size:0.8em; color:#666; letter-spacing:0.02em; margin:0.4em 0 1em 0; }
p.crumbs a { color:#611010; text-decoration:none; }
p.crumbs .sep { color:#611010; font-size:1.25em; font-weight:bold; line-height:1; padding:0 0.35em; }
p.crumbs .here { color:#333; }
h3 { margin-top: 2em; }
h3 .cnt { font-weight:normal; color:#888; font-size:0.75em; }
p.hint, p.gintro { font-family:'Lucida Grande',Verdana,Arial,sans-serif; font-size:0.78em; color:#666; line-height:1.5; }
p.gintro { font-size:0.85em; }
p.jump { font-family:'Lucida Grande',Verdana,Arial,sans-serif; font-size:0.8em; line-height:1.9; text-align:center; }
p.jump a { color:#611010; text-decoration:none; white-space:nowrap; }
#lbmap { height: 34em; max-height: 75vh; border:1px solid #d8cfc0; margin: 0.6em 0; }
.key { font-size:1.2em; }
.k2 { color:#2f6b8a; } .k2s { color:#611010; }
div.lb { border-left: 3px solid #d8cfc0; padding: 0.15em 0 0.15em 0.9em; margin: 0 0 1.1em; scroll-margin-top: 1em; }
div.lb.star { border-left-color: #611010; }
div.lb.flash { background:#faf3e0; transition: background 1.5s; }
div.lb p { margin: 0.15em 0; }
p.lbhead { font-weight:bold; }
p.lbhead .num { display:inline-block; min-width:1.7em; font-family:'Lucida Grande',Verdana,Arial,sans-serif; font-size:0.75em; color:#fff; background:#2f6b8a; border-radius:0.9em; text-align:center; padding:0.05em 0.3em; margin-right:0.3em; vertical-align:0.1em; }
div.lb.star p.lbhead .num { background:#611010; }
p.lbhead .grade { font-weight:normal; font-family:'Lucida Grande',Verdana,Arial,sans-serif; font-size:0.72em; color:#2f6b8a; border:1px solid #2f6b8a; border-radius:3px; padding:0 0.35em; margin-left:0.3em; vertical-align:0.1em; white-space:nowrap; }
p.lbhead .grade.star { color:#611010; border-color:#611010; }
p.lbaddr { color:#444; font-size:0.95em; }
p.lbnote { font-size:0.95em; }
p.lbmeta { font-family:'Lucida Grande',Verdana,Arial,sans-serif; font-size:0.75em; color:#777; }
p.lbmeta a, p.comment a { color:#611010; }
p.totop { text-align:right; font-family:'Lucida Grande',Verdana,Arial,sans-serif; font-size:0.75em; }
p.totop a { color:#611010; text-decoration:none; }
.lbpop { font-family:'Lucida Grande',Verdana,Arial,sans-serif; font-size:12px; line-height:1.4; }
.lbpop b { color:#611010; }
.lbpop a { color:#611010; }
.lbnum { background:none; border:none; }
.lbnum span { display:block; width:20px; height:20px; line-height:20px; border-radius:50%; text-align:center; color:#fff; font:bold 10px 'Lucida Grande',Verdana,Arial,sans-serif; background:#2f6b8a; border:1.5px solid #fff; box-shadow:0 0 2px rgba(0,0,0,0.5); }
.lbnum.star span { background:#611010; width:24px; height:24px; line-height:24px; font-size:11px; }
@media print { #lbmap, form, p.totop { display:none; } }
/* local list */
.kl { color:#3a7d44; }
div.lb.local { border-left-color:#bcd6c0; }
div.lb.local p.lbhead .num { background:#3a7d44; }
p.lbhead .grade.loc { color:#3a7d44; border-color:#3a7d44; }
div.lb.local p.lbhead { font-size:0.95em; }
div.lb.local p.lbnote { font-size:0.9em; color:#333; }
h4 .cnt { font-weight:normal; color:#888; font-size:0.8em; }
.lbnum.loc span { background:#3a7d44; width:18px; height:18px; line-height:18px; font-size:9px; }
.leaflet-control-layers { font-family:'Lucida Grande',Verdana,Arial,sans-serif; font-size:12px; }
/* map buttons (standard for zoomable maps) and full screen */
.lb-ctl { display:flex; flex-direction:row; gap:2px; background:rgba(250,248,245,0.94); border:1px solid #c9c2b4; border-radius:4px; box-shadow:0 1px 4px rgba(0,0,0,0.15); padding:2px; }
.lb-ctl button { width:40px; height:36px; display:flex; align-items:center; justify-content:center; background:transparent; border:none; border-radius:3px; cursor:pointer; padding:0; color:#611010; }
.lb-ctl button:hover { background:#efe8dc; }
.lb-ctl button:focus-visible { outline:2px solid #611010; outline-offset:-2px; }
.lb-ctl button.sep { border-left:1px solid #d6cfc2; border-radius:0 3px 3px 0; margin-left:2px; }
.lb-ctl svg { width:22px; height:22px; stroke:currentColor; fill:none; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
#lbmap.full { position:fixed !important; top:0; left:0; right:0; bottom:0; width:auto; height:auto; max-height:none; margin:0; border:none; z-index:10000; }
html.lbmap-full, html.lbmap-full body { overflow:hidden; }
@media (max-width: 600px) { .lb-ctl button { width:36px; height:34px; } }