/* ProGuide Membership - マイページ / 資料一覧 の簡易スタイル */
.pgm-mypage { max-width: 760px; margin: 0 auto; }
.pgm-mypage .pgm-h { font-size: 1.5rem; margin-bottom: 1rem; color: #12305b; }
.pgm-card {
    border: 1px solid #d5e2f4; border-radius: 10px;
    padding: 16px 20px; margin-bottom: 16px; background: #fff;
    box-shadow: 0 2px 10px rgba(27,58,102,.06);
}
.pgm-card h3 { margin: 0 0 8px; font-size: 1.05rem; color: #1b5fcb; }
.pgm-list { margin: 0; padding-left: 1.1rem; }
.pgm-list li { margin: 4px 0; }
.pgm-muted { color: #8894a5; margin: 4px 0; }
.pgm-btn {
    display: inline-block; padding: 10px 20px; border-radius: 8px;
    background: #1b5fcb; color: #fff !important; text-decoration: none; font-weight: 700;
}
.pgm-btn-ghost { background: #fff; color: #1b5fcb !important; border: 1px solid #1b5fcb; }

.pgm-whitepapers { list-style: none; padding: 0; margin: 0; }
.pgm-wp-item {
    display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
    padding: 12px 0; border-bottom: 1px solid #eef2f7;
}
.pgm-wp-title { font-weight: 700; color: #12305b; }
.pgm-wp-desc { color: #5b6b7f; font-size: .9rem; }
.pgm-wp-dl, .pgm-wp-lock, .pgm-event-login {
    margin-left: auto; padding: 6px 14px; border-radius: 6px; text-decoration: none; font-weight: 700;
}
.pgm-wp-dl { background: #1b5fcb; color: #fff !important; }
.pgm-wp-lock, .pgm-event-login { background: #eef3fb; color: #1b5fcb !important; }
.pgm-event-btn {
    padding: 10px 18px; border: 0; border-radius: 8px;
    background: #e08a1e; color: #fff; font-weight: 700; cursor: pointer;
}