body {font-family: Arial, sans-serif; margin: 0; padding: 0; background: #f8f9fa;}
.container-p {max-width: 1140px; margin: auto; padding: 2rem;}
header {background: #0d6efd; color: white; padding: 2rem; text-align: center;}
.p-grid {display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 1.5rem; margin-top: 2rem;}
.p-card {background: #fff; border-radius: 12px; padding: 1rem; text-align: center; border: 1px solid #eee;}
.p-card a {text-decoration: none; color: #212529;}
.p-card img {width: 150px; height: 150px; object-fit: cover; border-radius: 8px; margin-bottom: 1rem; overflow: hidden;}
.paginat {display: flex; justify-content: center; gap: 0.5rem; margin-top: 2rem; flex-wrap: wrap;}
.paginat a, .paginat span {padding: 0.5rem 0.9rem; border-radius: 12px; background: #e9ecef; color: #212529; font-weight: 500; text-decoration: none;}
.paginat a:hover {background: #0d6efd; color: white;}
.paginat a.active {background: #0d6efd; color: white; font-weight: bold;}
.p-article {background: #fff; padding: 2rem; border-radius: 12px; margin-top: 2rem; box-shadow: 0 2px 8px rgba(0,0,0,0.05);}
.p-article img {width: 200px; height: auto; border-radius: 8px; float: left; margin-right: 1rem; margin-bottom: 1rem;}
.related-p {margin-top: 3rem; display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 1rem;}
.related-p a {display: block; padding: 1rem; background: #f9f9f9; border-radius: 12px; text-align: center; border: 1px solid #eee; text-decoration: none; color: #0d6efd;}
.comments{margin-top:36px;padding:29px;background:#f9fbfd;border:3px solid #006edc;border-radius:22px;box-shadow:0 6px 15px rgba(0,0,0,.1);font-family:"Calibri",sans-serif}.comments h2{margin:0 0 20px;font-size:25px;color:#006edc;border-bottom:1px dashed #006edc;padding-bottom:7px}.comment{margin:0 0 18px;padding:17px 22px;background:#fff;border:1px solid #ccc;border-left:5px solid #006edc;border-radius:13px;transition:all .2s ease-in-out}.comment:hover{background:#e8f4ff;transform:translateY(-2px)}.comment strong{color:#006edc;display:block;margin:0 0 5px}.comment em{display:block;margin-top:7px;padding:8px 14px;background:#f7f7f7;color:#444;font-style:normal;border-left:3px solid #00a3ff;border-radius:7px}