/* Shared CanICut styles: city link grid + empty-sidebar placeholder (all metros) */
.addr{flex-wrap:wrap}.addr input{min-width:0;flex:1 1 180px}
@media(max-width:520px){.addr input{flex-basis:100%}}
.citygrid{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
@media(max-width:900px){.citygrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.citygrid{grid-template-columns:1fr}}
.citygrid li{margin:0!important}
.citygrid a,.citygrid span{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--card,#fff);border:1px solid #0001;border-radius:10px;color:var(--ink,#25302a);text-decoration:none;font-size:14px;font-weight:600;line-height:1.3;transition:background .15s,border-color .15s,transform .15s}
.citygrid a::before,.citygrid span::before{content:'🌳';font-size:13px}
.citygrid a::after{content:'›';margin-left:auto;color:var(--g,#2f6b3a);font-size:18px;line-height:1}
.citygrid a:hover,.citygrid a:focus-visible{background:var(--gl,#e3f0df);border-color:var(--g,#2f6b3a);transform:translateY(-1px)}
.citygrid li.hub a{background:var(--gl,#e3f0df)}
.panel:empty{min-height:170px;display:flex!important;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:8px;background:linear-gradient(160deg,var(--card,#fff),var(--gl,#e3f0df))}
.panel:empty::before{content:'🌳  Do I need a permit?';font-size:22px;font-weight:800;color:var(--g,#2f6b3a)}
.panel:empty::after{content:'Enter your address to see your local tree rules, permit needs and certified arborists.';font-size:15px;color:var(--mut,#6b7468);max-width:300px;line-height:1.45}
/* Hub "Tree rules at a glance" summary cards */
.sumgrid{list-style:none;margin:10px 0 18px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media(max-width:640px){.sumgrid{grid-template-columns:1fr}}
.sumgrid li{margin:0!important}
.sumgrid a{display:flex;flex-direction:column;gap:3px;height:100%;box-sizing:border-box;padding:10px 14px;background:var(--card,#fff);border:1px solid #0001;border-left:4px solid var(--g,#2f6b3a);border-radius:12px;color:var(--ink,#25302a);text-decoration:none;transition:background .15s,border-color .15s,transform .15s,box-shadow .15s}
.sumgrid a:hover,.sumgrid a:focus-visible{background:var(--gl,#e3f0df);transform:translateY(-1px);box-shadow:0 3px 10px #0001}
.sumgrid b{font-size:15px;color:var(--g,#2f6b3a)}
.sumgrid .sum{font-size:13px;line-height:1.4;color:var(--mut,#6b7468);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.sumgrid .more{margin-top:auto;font-size:12.5px;font-weight:700;color:var(--g,#2f6b3a)}