.mp-permits-hero{background:#111827;color:#fff;padding:54px 0}.mp-permits-hero span{color:#ffd400;font-size:.78rem;font-weight:900;letter-spacing:.14em}.mp-permits-hero h1{font-size:clamp(2.3rem,5vw,4.7rem);line-height:1;margin:.45rem 0 1rem}.mp-permits-hero p{max-width:760px;color:#e5e7eb;font-size:1.08rem;line-height:1.65}.mp-permits-main{background:#f7f4e7;padding:34px 0 70px}.mp-permit-tabs{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:22px}.mp-permit-tabs button{border:1px solid #d6b300;background:#fff;border-radius:999px;padding:10px 16px;font-weight:900;cursor:pointer;color:#111827}.mp-permit-tabs button.active{background:#111827;color:#ffd400;border-color:#111827}.mp-permit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.mp-permit-card{background:#fff;border:1px solid #e5d58b;border-radius:18px;overflow:hidden;box-shadow:0 8px 24px rgba(15,23,42,.07)}.mp-permit-card[hidden]{display:none}.mp-permit-open{display:block;position:relative;width:100%;height:280px;border:0;padding:0;background:#e5e7eb;cursor:zoom-in;overflow:hidden}.mp-permit-open img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .2s ease,filter .2s ease}.mp-permit-open:hover img{transform:scale(1.025);filter:brightness(.9)}.mp-permit-zoom{position:absolute;left:12px;bottom:12px;background:rgba(17,24,39,.92);color:#ffd400;padding:8px 11px;border-radius:999px;font-weight:900;font-size:.82rem}.mp-permit-card>div{padding:15px 16px 18px}.mp-permit-card h2{font-size:1.05rem;margin:.35rem 0 0;line-height:1.3}.mp-permit-cat{font-size:.7rem;font-weight:900;letter-spacing:.12em;color:#7a6500}.mp-permits-note{margin-top:24px;background:#fff7c8;border-left:5px solid #ffd400;border-radius:12px;padding:16px;line-height:1.55}.mp-permit-lightbox{position:fixed;inset:0;z-index:99999}.mp-permit-lightbox[hidden]{display:none}.mp-permit-backdrop{position:absolute;inset:0;background:rgba(30,32,36,.86);backdrop-filter:grayscale(1) blur(2px)}.mp-permit-dialog{position:absolute;inset:3vh 3vw;display:grid;grid-template-columns:54px minmax(0,1fr) 54px;align-items:center;gap:10px}.mp-permit-dialog figure{margin:0;height:94vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.mp-permit-dialog figure img{max-width:100%;max-height:87vh;object-fit:contain;background:#fff;border-radius:10px;box-shadow:0 20px 60px rgba(0,0,0,.45)}.mp-permit-dialog figcaption{color:#fff;font-weight:900;text-align:center;margin-top:9px}.mp-permit-close,.mp-permit-prev,.mp-permit-next{border:0;background:rgba(17,24,39,.92);color:#ffd400;cursor:pointer;border-radius:999px;font-weight:900}.mp-permit-close{position:absolute;right:0;top:0;width:44px;height:44px;font-size:1.65rem;z-index:3}.mp-permit-prev,.mp-permit-next{width:48px;height:48px;font-size:2rem}.mp-permit-prev{justify-self:start}.mp-permit-next{justify-self:end}body.mp-permit-modal-open{overflow:hidden}@media(max-width:900px){.mp-permit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mp-permit-dialog{grid-template-columns:42px minmax(0,1fr) 42px;inset:2vh 1vw}.mp-permit-prev,.mp-permit-next{width:38px;height:38px}}@media(max-width:620px){.mp-permit-grid{grid-template-columns:1fr}.mp-permit-open{height:340px}.mp-permit-dialog{grid-template-columns:1fr}.mp-permit-prev,.mp-permit-next{position:absolute;bottom:16px;z-index:4}.mp-permit-prev{left:12px}.mp-permit-next{right:12px}.mp-permit-dialog figure{height:92vh}.mp-permit-dialog figure img{max-height:80vh}}
/* 20260825 permit image loading fix */
.mp-permit-open{background:#eef1f5}
.mp-permit-open img{object-fit:contain;background:#fff}
.mp-permit-open::after{content:'Loading document…';position:absolute;inset:auto 12px 12px auto;font-size:.72rem;color:#6b7280;z-index:0}
.mp-permit-open img,.mp-permit-zoom{position:relative;z-index:1}