body{padding:0;background-color:#f5f5f5;margin:0;font-family:Arial,sans-serif}.diyarbakir-container{padding:20px;max-width:1200px;flex-direction:column;margin:0 auto;display:flex}h1{margin-bottom:20px;color:#333;text-align:center}h2{color:#444}h2,h3{margin-bottom:15px}h3{font-size:20px;color:#333;margin-top:0}.map-container{height:600px;overflow:hidden;border:1px solid #ddd;margin-bottom:20px;box-shadow:0 2px 5px rgba(0,0,0,.1);border-radius:4px}#diyarbakir-map{height:100%;width:100%}.districts-info{padding:15px;border:1px solid #ddd;background-color:#fff;box-shadow:0 2px 5px rgba(0,0,0,.1);border-radius:4px}#districts-list{list-style:none;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));padding:0;margin-bottom:20px;gap:10px;display:grid}#districts-list li{border-left-style:solid;padding:8px 10px;border-left-width:3px;font-size:14px;transition:all .2s ease;background-color:#f9f9f9;border-radius:3px;cursor:pointer}#districts-list li:hover{background-color:#efefef}.central-districts{font-weight:700}.district-label{font-size:11px;border:none;font-weight:700;color:#333;background-color:transparent;box-shadow:none}.highlighted{font-weight:700;background-color:#e0e0e0}.selected{border-color:#38f!important;font-weight:700;background-color:#c0e0ff;box-shadow:0 0 5px rgba(0,0,255,.3)}.district-content{padding-top:15px;border-top:1px solid #eee;margin-top:20px}.content-box{padding:10px;background-color:#f9f9f9;box-shadow:0 1px 3px rgba(0,0,0,.05);border-radius:4px}.content-box p{color:#444;margin:0 0 10px;line-height:1.5}.read-more{text-align:right;margin-top:15px}.read-more-btn{padding:8px 15px;text-decoration:none;font-weight:700;color:#fff;transition:background-color .3s ease;background-color:#e41a1c;border-radius:4px;display:inline-block}.read-more-btn:hover{text-decoration:none;background-color:#c41016}.info{border-left:3px solid #e41a1c;padding:8px 10px;font:14px/16px Arial,Helvetica,sans-serif;box-shadow:0 0 10px rgba(0,0,0,.2);border-radius:3px;background:#fff;background:hsla(0,0%,100%,.9)}.info h4{font-size:15px;color:#333;border-bottom:1px solid #eee;margin:0 0 7px;padding-bottom:5px}.info b{font-size:15px;color:#e41a1c}.info b a{text-decoration:none;color:#e41a1c;transition:color .3s ease}.info b a:hover{text-decoration:underline;color:#c41016}.content-box h3 a{text-decoration:none;color:#333;transition:color .3s ease}.content-box h3 a:hover{text-decoration:underline;color:#e41a1c}.legend{padding:6px 8px;color:#555;line-height:18px}.legend i{height:18px;margin-right:8px;opacity:.7;width:18px;float:left}@media screen and (max-width:768px){.diyarbakir-container{padding:15px}h1{font-size:24px}#diyarbakir-map{height:400px}#districts-list{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}