/* === Base Lessons-style container === */

.lessons-container {
    margin: auto;
    max-width: 960px;
    background: #ffffff;
    padding: 20px;
}

/* Headings – same colors as main Lessons page */
.lessons-container h1 {
    font-size: 1.5em;
    color: #1A468C;
}

.lessons-container h2 {
    font-size: 1.2em;
    color: #1A468C;
}

/* Generic lesson section spacing */
.lesson-section {
    margin-bottom: 10px;
}

/* Slight extra space between sections so they don't stick together */
.lessons-container .lesson-section + .lesson-section {
    margin-top: 16px;
}

/* Highlight styles – same as Lessons page */

.lessons-container .highlight {
    font-weight: bold;
    color: #1A468C;
    text-decoration: none;
}

.lessons-container a.highlight-link {
    color: #1A468C;
    text-decoration: none;
}

.lessons-container a.highlight:hover {
    color: #C10FFF;
    text-decoration: underline;
}

.lessons-container a.highlight-link {
    color: #1A468C;
    text-decoration: underline;
}

.lessons-container a.highlight-link:hover {
    color: #C10FFF;
    text-decoration: none;
}

/* === Group Lessons page specific === */

/* Extra padding tuning for this page only */
.lessons-container.group-lessons {
    padding: 20px 24px 24px 24px;
}

/* Lists inside group lessons sections */
.group-lessons .lesson-section ul {
    margin-top: 0;
    margin-bottom: 10px;
    padding-left: 20px;
}

.group-lessons .lesson-section li {
    margin-bottom: 4px;
}

/* "Available Group Lessons" list as soft cards */
.group-lessons .group-lessons-list {
    list-style: none;          /* remove default bullets */
    padding-left: 0;
    margin-top: 8px;
}

.group-lessons .group-lessons-list li {
    padding: 10px 12px;
    margin-bottom: 10px;
    border-left: 3px solid #1A468C; /* brand accent */
    background: #f8f9ff;            /* very light blue */
    border-radius: 4px;
}

/* Meta line under each course name */
.group-lessons .lesson-meta {
    font-size: 0.9em;
    color: #555555;
    margin-top: 2px;
}

/* Divider before "Questions About Group Lessons?" section */
.group-lessons #group-questions-title {
    margin-top: 20px;
    padding-top: 12px;
    border-top: 1px solid #dddddd;
}