.page-container,.district-container{color:#333;max-width:1200px;margin:0 auto;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.breadcrumb{color:#666;flex-wrap:wrap;align-items:center;margin-bottom:2rem;padding:0;font-size:.95rem;list-style:none;display:flex}.breadcrumb a{color:#555;text-decoration:none;transition:color .2s}.breadcrumb a:hover{color:#000;text-decoration:underline}.breadcrumb-separator{color:#ccc;margin:0 .5rem}.breadcrumb-current{color:#111;font-weight:600}.hero-title{color:#111;margin-bottom:1rem;font-size:2.5rem;font-weight:700}.hero-description{color:#4a4a4a;margin-bottom:2rem;font-size:1.1rem;line-height:1.6}.hero-image-wrapper{border-radius:12px;width:100%;height:400px;margin-bottom:3rem;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000001a}.section{margin-bottom:4rem}.section-title{color:#2c3e50;border-bottom:2px solid #eee;margin-bottom:1.5rem;padding-bottom:.5rem;font-size:1.8rem;font-weight:700}.grid-simple{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;display:grid}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:2rem;display:grid}.grid-people{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;display:grid}.item-card{text-align:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:1rem;font-weight:500;transition:all .2s}.item-card:hover{background:#e9ecef;transform:translateY(-2px)}.place-card,.card{color:inherit;background:#fff;border:1px solid #e0e0e0;border-radius:12px;flex-direction:column;text-decoration:none;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden}.place-card:hover,.card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.place-image-wrapper{width:100%;height:200px;position:relative}.place-content,.card-content{padding:1.5rem}.card-content{background:#f8f9fa;justify-content:center;align-items:center;min-height:100px;display:flex}.place-title,.card-title{color:#1a1a1a;margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.card-title{color:#2c3e50;text-transform:capitalize;text-align:center;margin-bottom:0;font-weight:600}.place-desc{color:#666;font-size:.95rem;line-height:1.5}.person-card{background:#fff;border:1px solid #e0e0e0;border-radius:10px;align-items:center;gap:1rem;padding:1rem;transition:box-shadow .2s;display:flex}.person-card:hover{box-shadow:0 4px 12px #00000014}.person-image-wrapper{background-color:#eee;border-radius:50%;flex-shrink:0;width:64px;height:64px;position:relative;overflow:hidden}.person-placeholder{color:#999;background:#f0f0f0;justify-content:center;align-items:center;width:100%;height:100%;font-size:1.5rem;display:flex}.person-info h3{color:#111;margin:0 0 .25rem;font-size:1.1rem;font-weight:600}.person-info p{color:#666;margin:0;font-size:.9rem}@media (max-width:768px){.page-container,.district-container{padding:1rem}.hero-title{font-size:2rem}.hero-image-wrapper{height:250px}}.cta-button{color:#fff;background-color:#2563eb;border-radius:8px;padding:12px 24px;font-weight:600;text-decoration:none;transition:background-color .2s,transform .2s,box-shadow .2s;display:inline-block;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.cta-button:hover{background-color:#1d4ed8;transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}