.hero{background:#cdd3d1;color:#772e88;padding:50px 20px;text-align:center;font-size: large;}
.wrap{max-width:1000px;margin:auto;padding:30px 20px;background:#e6ebea;margin-top: 15px;}
#search{width:100%;padding:14px;border:1px solid #ccc;border-radius:8px;font-size:16px;margin-bottom:25px}
.category{margin:35px 0}
.category h2{border-left:5px solid #e6007e;padding-left:10px}
.item{background:#fff;border-radius:8px;margin:10px 0;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.q{padding:16px;font-weight:bold;cursor:pointer}
.a{display:none;padding:0 16px 16px;line-height:1.7}
.footer-box{margin-top:50px;background:#f6d3f5;padding:25px;border-radius:10px;text-align:center}