/* the plain pages (buildings, neighborhoods): the map's tokens, written by dev/build-pages.py */
:root{--paper:#EBECE9;--surface:#F7F7F5;--ink:#111213;--ink-2:#45474A;--ink-3:#65676B;--rule:#CBCCC8;--accent:#2A44D6;--on-accent:#FFFFFF;
  --font:"Familjen Grotesk","Helvetica Neue",Helvetica,Arial,system-ui,sans-serif;
  --gl:max(16px,env(safe-area-inset-left,0px));--gr:max(16px,env(safe-area-inset-right,0px));color-scheme:light}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--paper:#121315;--surface:#191A1D;--ink:#E9EAE6;--ink-2:#B5B7B3;--ink-3:#8D8F93;--rule:#313337;--accent:#7B96FF;--on-accent:#0B0C0E;color-scheme:dark}}
:root[data-theme="dark"]{--paper:#121315;--surface:#191A1D;--ink:#E9EAE6;--ink-2:#B5B7B3;--ink-3:#8D8F93;--rule:#313337;--accent:#7B96FF;--on-accent:#0B0C0E;color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:400 15px/1.5 var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}
a{color:inherit}
.wrap{width:100%;max-width:1200px;margin:0 auto;padding:0 max(24px,var(--gr)) 0 max(24px,var(--gl))}
.top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:calc(18px + env(safe-area-inset-top,0px))}
.wm{display:block;color:var(--ink);text-decoration:none}
.wm svg{height:32px;width:auto}
.top nav a{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 14px;border:1px solid var(--ink);background:var(--ink);color:var(--paper);font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap;transition:transform .16s cubic-bezier(.23,1,.32,1),background-color .15s,border-color .15s,color .15s}
.top nav a:active{transform:scale(.97)}
@media (hover:hover){.top nav a:hover{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}}
.doc{max-width:720px;padding:44px 0 72px}
.crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:13px;font-weight:600;color:var(--ink-3)}
.crumbs a{text-decoration:none}
@media (hover:hover){.crumbs a:hover{text-decoration:underline;text-underline-offset:3px}}
h1{margin:14px 0 0;font-family:"Libre Caslon Display",Georgia,serif;font-size:clamp(34px,6vw,54px);line-height:1.02;font-weight:400;letter-spacing:-.005em;text-wrap:balance}
.facts{margin:12px 0 0;color:var(--ink-2)}
.lede{margin:20px 0 0;font-size:17px;color:var(--ink-2);text-wrap:pretty}
.cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin:24px 0 0}
.cta span{font-size:13px;color:var(--ink-3)}
.cta > a:not(.btn){font-size:14px;font-weight:600}
.btn{display:inline-flex;align-items:center;height:42px;padding:0 18px;border:1px solid var(--ink);background:var(--ink);color:var(--paper);font-size:14px;font-weight:650;text-decoration:none}
@media (hover:hover){.btn:hover{background:transparent;color:var(--ink)}}
h2{margin:44px 0 0;padding-top:18px;border-top:1px solid var(--rule);font-size:13px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.lore{list-style:none;margin:28px 0 0;padding:0}
.lore li{display:grid;grid-template-columns:64px 1fr;gap:16px;padding:20px 0;border-top:1px solid var(--rule)}
.lore li:first-child{border-top:0;padding-top:0}
h2 + .lore{margin-top:18px}
.yr{font-size:17px;font-weight:700;font-variant-numeric:tabular-nums}
.meta{margin:2px 0 0;font-size:12px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
.lore h3{margin:6px 0 0;font-size:18px;line-height:1.3;font-weight:650;text-wrap:balance}
.lore p{margin:8px 0 0;color:var(--ink-2);text-wrap:pretty}
.lore .src{font-size:13px;color:var(--ink-3)}
.lore blockquote{margin:10px 0 0;padding:0 0 0 12px;text-indent:-.42em;border-left:2px solid var(--rule);font-style:italic;color:var(--ink-2);text-wrap:pretty}
.lore details summary{margin-top:6px;cursor:pointer;font-size:13px;font-weight:600;color:var(--ink-3);text-decoration:underline;text-decoration-color:var(--rule);text-underline-offset:3px}
.lore details[open] summary{margin-bottom:-2px}
.note{margin:20px 0 0;font-size:13px;color:var(--ink-3)}
.taxphs{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 14px;margin:24px 0 0}
.taxphs:not(:has(.taxph.ok)) .taxnote{display:none}
.taxph{margin:0}
.taxph:not(.ok){position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}
.taxnote{flex-basis:100%;margin:0;font-size:13px;color:var(--ink-3)}
.taxph img{display:block;max-width:100%;height:260px;width:auto;object-fit:cover;border:1px solid var(--rule)}
.taxph:first-child img{filter:grayscale(1)}
.taxph figcaption{margin-top:6px;font-size:13px;color:var(--ink-3)}
.taxph b{color:var(--ink-2)}
.links,.near{list-style:none;margin:16px 0 0;padding:0}
.links li,.near li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 16px;padding:10px 0;border-top:1px solid var(--rule)}
.links li:first-child,.near li:first-child{border-top:0}
.links a,.near a{font-weight:600}
.links span,.near span{font-size:13px;color:var(--ink-3)}
.list{margin-top:28px}
.more{margin:14px 0 0;font-size:14px;font-weight:600}
footer{padding:28px 0 calc(28px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--rule);font-size:12.5px;color:var(--ink-3)}
footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}
@media (max-width:560px){.lore li{grid-template-columns:1fr;gap:4px}}
/* the logo in the dark theme: a white square, its marks in the page's own gray (the blue bar stays blue) */
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]) :is(.wm svg,.wm-svg,.tbo-mark,.boot-wm) rect[fill="#000"]{fill:#FFFFFF} :root:not([data-theme="light"]) :is(.wm svg,.wm-svg,.tbo-mark,.boot-wm) polygon[fill="#fff"]{fill:var(--surface)} }
:root[data-theme="dark"] :is(.wm svg,.wm-svg,.tbo-mark,.boot-wm) rect[fill="#000"]{fill:#FFFFFF} :root[data-theme="dark"] :is(.wm svg,.wm-svg,.tbo-mark,.boot-wm) polygon[fill="#fff"]{fill:var(--surface)}