:root{--primary:#1e5faf;--primary-dark:#123c69;--accent:#2aa7ff;--bg:#f7f9fc;--card:#fff;--text:#1d2733;--muted:#667085;--border:#d9e2ef;--shadow:0 18px 45px rgba(18,60,105,.12);--radius:18px}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);background:var(--bg);line-height:1.65}h1,h2,h3{font-family:Poppins,Inter,sans-serif;line-height:1.15;color:var(--primary-dark);margin:0 0 .7rem}h1{font-size:clamp(2.2rem,5vw,4.5rem)}h2{font-size:clamp(1.6rem,3vw,2.5rem)}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.container{width:min(1180px,92vw);margin:0 auto}.skip-link{position:absolute;left:-999px}.skip-link:focus{left:1rem;top:1rem;background:white;padding:.7rem;z-index:10}.site-header{background:rgba(255,255,255,.95);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:5;backdrop-filter:blur(10px)}.nav-wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0}.brand{display:flex;align-items:center;gap:.7rem;color:var(--primary-dark)}.brand:hover{text-decoration:none}.brand-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,var(--primary),var(--accent));color:white;font-weight:800}.brand strong{display:block;font-family:Poppins}.brand em{display:block;font-style:normal;font-size:.85rem;color:var(--muted)}.main-nav{display:flex;gap:1rem;flex-wrap:wrap}.main-nav a{font-weight:700;color:var(--primary-dark)}.home-hero,.page-hero{padding:5rem 0 3rem;background:radial-gradient(circle at top right,#dff2ff,transparent 35%),linear-gradient(180deg,#fff,var(--bg))}.hero-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:2rem;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:var(--primary);font-size:.82rem}.hero-lede{font-size:1.2rem;color:#425466;max-width:760px}.hero-actions,.lesson-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.2rem}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--primary);color:#fff;padding:.78rem 1.15rem;font-weight:800;border:2px solid var(--primary)}.button:hover{text-decoration:none;background:var(--primary-dark);border-color:var(--primary-dark)}.button-outline{background:transparent;color:var(--primary)}.button-secondary{background:#eef6ff;color:var(--primary-dark);border-color:#eef6ff}.hero-panel,.course-card,.lesson-card,.sidebar-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.4rem}.portrait-placeholder{height:180px;border:2px dashed var(--border);border-radius:var(--radius);display:grid;place-items:center;color:var(--muted);background:#f2f6fb;margin-bottom:1rem}.credibility-stats{display:grid;grid-template-columns:repeat(3,minmax(140px,1fr));gap:1rem;margin-top:2rem}.credibility-stats div{background:white;border:1px solid var(--border);border-radius:16px;padding:1rem}.credibility-stats strong{display:block;font-size:1.5rem;color:var(--primary-dark)}.credibility-stats span{color:var(--muted);font-size:.9rem}.section{padding:3.5rem 0}.section-muted{background:#fff}.section-heading{text-align:center;max-width:760px;margin-bottom:1.5rem}.course-grid,.lesson-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}.card-icon{font-size:2rem;margin-bottom:.6rem}.lesson-card{display:flex;flex-direction:column}.lesson-card p{flex:1}.lesson-meta{font-weight:800;color:var(--primary);font-size:.85rem;margin-bottom:.6rem}.breadcrumbs{width:min(1180px,92vw);margin:1rem auto 0;display:flex;gap:.5rem;flex-wrap:wrap;color:var(--muted);font-size:.95rem}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:2rem;align-items:start}.lesson-content{background:white;border:1px solid var(--border);border-radius:var(--radius);padding:2rem;box-shadow:var(--shadow)}.lesson-content h2,.lesson-content h3{margin-top:1.2rem}.lesson-callout{background:#eef6ff;border-left:5px solid var(--primary);padding:1rem;border-radius:12px;margin:1.2rem 0}.lesson-sidebar{display:grid;gap:1rem}.ad-shell{margin:1.5rem 0;background:white;border:1px solid var(--border);border-radius:var(--radius);padding:1rem;text-align:center;min-height:120px}.ad-label{text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;color:var(--muted);margin-bottom:.5rem}.ad-placeholder{display:grid;place-items:center;min-height:90px;border:2px dashed var(--border);border-radius:14px;color:var(--muted)}.ad-slot-card{min-height:250px}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.feature-list p{background:white;border:1px solid var(--border);border-radius:12px;padding:.8rem 1rem}.site-footer{background:var(--primary-dark);color:#dbeafe;padding:3rem 0 1rem}.site-footer h2,.site-footer h3{color:white}.site-footer a{color:white}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:2rem}.footer-bottom{border-top:1px solid rgba(255,255,255,.2);margin-top:2rem;padding-top:1rem;color:#bdd7f5}@media(max-width:900px){.hero-grid,.content-layout,.two-column{grid-template-columns:1fr}.course-grid,.lesson-grid{grid-template-columns:1fr 1fr}.main-nav{font-size:.92rem}.credibility-stats{grid-template-columns:1fr}}@media(max-width:640px){.nav-wrap{align-items:flex-start;flex-direction:column}.course-grid,.lesson-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}h1{font-size:2.3rem}}

.site-logo {
    width: 72px;
    height: auto;
    display: block;
    object-fit: contain;
}
.brand-text {
    display: grid;
    gap: .1rem;
}
@media (max-width: 720px) {
    .site-logo { width: 58px; }
}


/* Lesson Engine Components */
.lesson-content {
    font-size: 1.05rem;
    line-height: 1.75;
}
.lesson-content h2,
.lesson-content h3,
.lesson-content h4 {
    margin-top: 2rem;
    margin-bottom: .75rem;
    line-height: 1.25;
}
.lesson-content p {
    margin: 0 0 1rem;
}
.lesson-image {
    margin: 2rem 0;
    text-align: center;
}
.lesson-image img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    border-radius: 14px;
    border: 1px solid #d9e2ec;
    box-shadow: 0 12px 30px rgba(15, 23, 42, .12);
    background: #fff;
}
.lesson-image figcaption {
    margin-top: .65rem;
    color: #64748b;
    font-size: .92rem;
}
.lesson-video-card,
.lesson-download-card,
.lesson-note {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    margin: 1.25rem 0;
    padding: 1rem 1.1rem;
    border: 1px solid #d9e2ec;
    border-radius: 14px;
    background: #ffffff;
    box-shadow: 0 8px 20px rgba(15, 23, 42, .06);
}
.lesson-video-icon,
.lesson-download-icon {
    display: inline-flex;
    width: 2.4rem;
    height: 2.4rem;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: #e8f2ff;
    color: #1e5faf;
    flex: 0 0 auto;
    font-weight: 800;
}
.lesson-video-card strong,
.lesson-download-card strong {
    display: block;
    color: #123c69;
    margin-bottom: .2rem;
}
.lesson-video-card a,
.lesson-download-card a {
    font-weight: 700;
}
.lesson-note {
    border-left: 5px solid #1e5faf;
    background: #f7fbff;
}
.lesson-note strong {
    color: #123c69;
    margin-right: .25rem;
}
@media (max-width: 800px) {
    .lesson-video-card,
    .lesson-download-card,
    .lesson-note { padding: .9rem; }
}

/* Video page additions for LutherMaddy.com Version 2.0 */
.video-layout {
    align-items: start;
}

.video-content {
    overflow: hidden;
}

.responsive-video {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    background: #000;
    border-radius: var(--radius);
    overflow: hidden;
    box-shadow: var(--shadow);
    margin-bottom: 1.5rem;
}

.responsive-video iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.video-actions {
    display: flex;
    gap: .8rem;
    flex-wrap: wrap;
    margin-top: 1.5rem;
}
/* Lesson Engine Components */
.lesson-content {
    font-size: 1.05rem;
    line-height: 1.75;
}
.lesson-content h2,
.lesson-content h3,
.lesson-content h4 {
    margin-top: 2rem;
    margin-bottom: .75rem;
    line-height: 1.25;
}
.lesson-content p {
    margin: 0 0 1rem;
}
.lesson-image {
    margin: 2rem 0;
    text-align: center;
}
.lesson-image img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    border-radius: 14px;
    border: 1px solid #d9e2ec;
    box-shadow: 0 12px 30px rgba(15, 23, 42, .12);
    background: #fff;
}
.lesson-image figcaption {
    margin-top: .65rem;
    color: #64748b;
    font-size: .92rem;
}
.lesson-video-card,
.lesson-download-card,
.lesson-note {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    margin: 1.25rem 0;
    padding: 1rem 1.1rem;
    border: 1px solid #d9e2ec;
    border-radius: 14px;
    background: #ffffff;
    box-shadow: 0 8px 20px rgba(15, 23, 42, .06);
}
.lesson-video-icon,
.lesson-download-icon {
    display: inline-flex;
    width: 2.4rem;
    height: 2.4rem;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: #e8f2ff;
    color: #1e5faf;
    flex: 0 0 auto;
    font-weight: 800;
}
.lesson-video-card strong,
.lesson-download-card strong {
    display: block;
    color: #123c69;
    margin-bottom: .2rem;
}
.lesson-video-card a,
.lesson-download-card a {
    font-weight: 700;
}
.lesson-note {
    border-left: 5px solid #1e5faf;
    background: #f7fbff;
}
.lesson-note strong {
    color: #123c69;
    margin-right: .25rem;
}
@media (max-width: 800px) {
    .lesson-video-card,
    .lesson-download-card,
    .lesson-note { padding: .9rem; }
}