/* Approved October 11, 2026. Shared by every directory and building page. */
:root { --radius: 0; }
*, *::before, *::after { border-radius: 0 !important; }
.intro { align-items: flex-start; margin-bottom: var(--s8); }
.intro h1 { font-size: clamp(26px, 3vw, 40px); letter-spacing: -.035em; line-height: 1.15; max-width: 30ch; }
.intro p { max-width: 75ch; font-size: var(--text-base); line-height: 1.7; margin-top: var(--s4); }
.directory-page .card-caption { padding: var(--s5); min-height: 100px; gap: var(--s3); }
.directory-page .card-caption > p { margin: 0; color: var(--muted); font-size: var(--text-sm); }
.directory-page .card-caption h2 { margin: 0; }
.card-meta { display: flex; flex-wrap: wrap; gap: var(--s2); align-items: center; }
.card-meta .separator { color: var(--muted); }
.gallery { margin-bottom: var(--s6); }
.building-page .image-reading { margin-top: var(--s8); padding-top: var(--s8); border-top: 1px solid var(--line); }
.image-reading h2 { margin-bottom: var(--s5); }
.image-reading .article-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s5); list-style: none; padding: 0; }
.image-reading .article-cards li { min-width: 0; border: 0; }
.image-reading .article-card { display: flex; flex-direction: column; height: 100%; padding: 0; color: var(--ink); text-decoration: none; border: 1px solid var(--line); background: var(--surface); overflow: hidden; }
.article-card img { width: 100%; height: auto; aspect-ratio: 1.6; object-fit: cover; display: block; }
.article-card .article-text { padding: var(--s4); display: flex; flex-direction: column; gap: var(--s2); }
.article-card time { color: var(--muted); font-size: var(--text-xs); }
.article-card h3 { font-size: var(--text-base); line-height: 1.5; font-weight: 500; margin: 0; }
.article-card--text-only .article-text { flex: 1; }
.image-reading .article-card { transition: border-color .18s, box-shadow .18s; }
.image-reading .article-card:hover { border-color: var(--ink); box-shadow: 2px 2px 0 var(--ink); }
.image-reading .city-feed-status { font-size: var(--text-xs); color: var(--muted); margin: var(--s4) 0; }
.data-disclosure { border-top: 1px solid var(--line); padding: var(--s6) 0; margin-top: var(--s4); }
.data-disclosure h2 { font-size: var(--text-base); font-weight: 500; margin-bottom: var(--s3); }
.data-disclosure p { font-size: var(--text-sm); color: var(--muted); line-height: 1.8; max-width: 95ch; }
.data-disclosure a { color: var(--ink); text-underline-offset: 3px; overflow-wrap: anywhere; }
/* Homepage city-news panels remain present; stack the groups to give images room. */
.directory-page .city-reading { grid-template-columns: 1fr; }
@media (max-width: 760px) {
  .intro h1 { max-width: 25ch; }
  .image-reading .article-cards { grid-template-columns: 1fr; gap: var(--s4); }
  .image-reading .article-card { display: grid; grid-template-columns: 112px minmax(0, 1fr); align-items: start; }
  .article-card img { height: 112px; aspect-ratio: 1; }
  .article-card .article-text { padding: var(--s3); }
  .article-card h3 { font-size: var(--text-sm); line-height: 1.5; }
  .image-reading .article-card--text-only { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; }
}

/* Header mark: window-grid tower, BUILDINGS centered under wordmark (approved Oct 25, 2026). */
.brand{gap:var(--s3);align-items:center}
.brand>span{display:inline-flex;flex-direction:column;align-items:center;line-height:1}
.brand svg{width:36px;height:40px}
.brand-sub{margin-top:6px;letter-spacing:.3em;padding-left:.3em;font-size:12px;line-height:1}
@media(max-width:520px){.brand svg{width:30px;height:33px}.brand-sub{margin-top:4px;letter-spacing:.24em;padding-left:.24em}}

/* Oct 25: photo labels removed from building-page gallery tiles. */
.gallery .image-label{display:none!important}
/* Oct 25: dropdown arrow inset from the right edge. */
select.control{-webkit-appearance:none;appearance:none;padding-right:52px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23151614' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 20px center;background-size:12px 8px}
[data-theme=dark] select.control{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23f0f0e9' stroke-width='2'/%3E%3C/svg%3E")}
@media(min-width:521px){select.control{min-width:176px}#type.control{min-width:216px}}
@media(max-width:520px){select.control{padding-right:40px;background-position:right 14px center}}