body { font-family: Arial, "MS UI Gothic", sans-serif; color: #333; margin: 0; padding: 0; background-color: #fff; }
    a { text-decoration: none; color: #333; }
    #M_wrapper { max-width: 960px; margin: 0 auto; padding: 0 10px; }
    header { border-bottom: 2px solid #333; padding-bottom: 10px; }
    .h-nav ul { list-style: none; padding: 0; display: flex; flex-wrap: wrap; background: #eee; }
    .h-nav li { padding: 10px 15px; border-right: 1px solid #ccc; }
    .top-hero { background: #000; color: #fff; padding: 40px; text-align: center; margin: 20px 0; }
    .grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); gap: 10px; }
    .img-box { border: 1px solid #ccc; padding: 5px; text-align: center; }
    .footer { text-align: center; padding: 20px; font-size: 0.8em; border-top: 1px solid #ccc; margin-top: 40px; }
    @media (max-width: 768px) { .grid { grid-template-columns: repeat(2, 1fr); } }
    .logout-btn { display: inline-block; padding: 5px 10px; border: 1px solid #999; background: #f0f0f0; }