/*
Theme Name: English Learning GeneratePress Child
Theme URI: https://do9e.com/
Description: GeneratePress child theme for the English Learning / EngStep project. Dynamic Learn skill/topic layouts, footer token support, and a lightweight blue/red/white visual system.
Author: English Learning
Template: generatepress
Version: 1.0.9
Text Domain: english-learning-gp-child
*/

:root {
    --el-bg:#eef2f6; --el-surface:#fff; --el-text:#132238; --el-muted:#5f6b7a;
    --el-line:#dbe3ec; --el-blue:#1c63d5; --el-blue-dark:#154da6; --el-red:#d63b45;
    --el-soft-blue:#edf4ff; --el-soft-red:#fff1f2; --el-radius:14px;
}
.site-header{border-bottom:1px solid #eceff3;background:#fff}.inside-header{padding-top:20px;padding-bottom:20px}
.site-branding .main-title{font-size:22px;font-weight:700;line-height:1.2}.main-navigation .main-nav>ul>li>a{font-size:14px;font-weight:500}
.main-navigation .main-nav>ul>li.current-menu-item>a,.main-navigation .main-nav>ul>li.current-menu-ancestor>a,.main-navigation .main-nav>ul>li>a:hover,.main-navigation .main-nav>ul>li>a:focus{color:var(--el-blue-dark)}
.site-info{border-top:1px solid #e6ebf0;background:#fff;color:#6c7786}.inside-site-info{padding-top:18px;padding-bottom:18px;font-size:13px}
body.el-learning-skill-archive,body.el-learning-topic-archive{background:var(--el-bg)}
.el-learning-skill-archive .site-content,.el-learning-topic-archive .site-content{display:block;max-width:none;padding:0}
.el-learning-skill-archive #primary,.el-learning-skill-archive .content-area,.el-learning-topic-archive #primary,.el-learning-topic-archive .content-area{width:100%!important;max-width:none!important;margin:0!important;float:none!important}
.el-learning-category{width:100%;color:var(--el-text)}.el-cat-wrap{max-width:1160px;margin:28px auto 56px;padding:0 24px}.el-cat-wrap a{color:var(--el-blue);text-decoration:none}.el-cat-wrap a:hover,.el-cat-wrap a:focus{text-decoration:underline}
.el-cat-hero{padding:34px 38px;border:1px solid #d7e0ea;border-radius:18px;background:#f8fafc;box-shadow:none}
.el-cat-breadcrumb,.el-cat-breadcrumb .rank-math-breadcrumb p{margin:0 0 18px;color:var(--el-muted);font-size:13px}.el-cat-breadcrumb span{margin:0 7px;color:#9aa4b1}
.el-cat-kicker{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:var(--el-soft-blue);color:var(--el-blue-dark);font-size:12px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}
.el-cat-hero h1{margin:12px 0 8px;color:var(--el-text);font-size:clamp(34px,5vw,42px);line-height:1.15;letter-spacing:-.025em}.el-cat-hero>p{max-width:760px;margin:0;color:var(--el-muted);font-size:17px}.el-cat-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.el-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border:1px solid var(--el-blue);border-radius:9px;font-size:14px;font-weight:700}.el-btn:hover,.el-btn:focus{text-decoration:none!important}.el-btn-primary{background:var(--el-blue);color:#fff!important}.el-btn-primary:hover,.el-btn-primary:focus{background:var(--el-blue-dark)}.el-btn-secondary{background:#fff;color:var(--el-blue)!important}
.el-cat-section{margin-top:34px}.el-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:16px}.el-section-head h2,.el-cta h2{margin:0;color:var(--el-text);font-size:27px;line-height:1.25;letter-spacing:-.015em}.el-section-head p{margin:4px 0 0;color:var(--el-muted);font-size:14px}
.el-levels{display:flex;flex-wrap:wrap;gap:9px}.el-level{display:inline-flex;align-items:center;justify-content:center;min-width:48px;height:34px;padding:0 12px;border:1px solid var(--el-line);border-radius:999px;background:#fff;color:#465365!important;font-size:13px;font-weight:700}.el-level:hover,.el-level:focus,.el-level.is-active{border-color:#b9d1ff;background:var(--el-soft-blue);color:var(--el-blue)!important;text-decoration:none!important}
.el-topic-grid,.el-lesson-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.el-topic-card{display:flex;min-height:176px;flex-direction:column;padding:20px;border:1px solid var(--el-line);border-radius:var(--el-radius);background:var(--el-surface);transition:border-color .18s ease,background-color .18s ease}.el-topic-card:hover{border-color:#bcc9d8;background:#fbfdff;box-shadow:none}.el-topic-card.is-empty-topic{background:#f8fafc}.el-topic-top{display:flex;justify-content:space-between;gap:14px}.el-topic-card h3,.el-lesson-card h3{margin:0 0 7px;font-size:18px;line-height:1.35}.el-topic-card h3 a,.el-lesson-card h3 a{color:var(--el-text)}.el-topic-card p,.el-lesson-card p{margin:0 0 16px;color:var(--el-muted);font-size:13.5px}
.el-topic-icon{display:flex;width:38px;height:38px;flex:0 0 auto;align-items:center;justify-content:center;border-radius:10px;background:var(--el-soft-blue);color:var(--el-blue);font-size:12px;font-weight:800}.el-topic-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-top:auto}.el-badges{display:flex;flex-wrap:wrap;gap:6px}.el-badge{padding:5px 7px;border-radius:999px;background:#f1f4f8;color:#536071;font-size:11px;font-weight:700;line-height:1}.el-lesson-count{color:#7b8796;font-size:11.5px}.is-empty-topic .el-lesson-count{color:#a16a00}.el-text-link{font-size:13px;font-weight:700;white-space:nowrap}
.el-lesson-card{overflow:hidden;border:1px solid #d9e2ec;border-radius:var(--el-radius);background:#fff;box-shadow:none}.el-lesson-band{height:4px;background:var(--el-blue)}.el-lesson-body{padding:20px}.el-lesson-meta{display:flex;min-height:20px;align-items:center;gap:7px;margin-bottom:10px;color:var(--el-muted);font-size:12px}.el-meta-dot{width:4px;height:4px;border-radius:50%;background:#98a3b0}
.el-cta-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.el-cta{padding:24px;border:1px solid #d9e2ec;border-radius:16px;box-shadow:none}.el-cta-quiz{background:var(--el-soft-blue)}.el-cta-assessment{background:var(--el-soft-red)}.el-cta h2{margin-bottom:6px;font-size:21px}.el-cta p{margin:0 0 14px;color:var(--el-muted);font-size:14px}.el-cta a{font-size:14px;font-weight:750}
.el-related-skills{display:flex;flex-wrap:wrap;gap:10px}.el-related-skills a{padding:9px 13px;border:1px solid var(--el-line);border-radius:9px;background:#fff;color:#334155;font-size:13px;font-weight:650}
.el-related-topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.el-related-topic-card{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:15px 16px;border:1px solid var(--el-line);border-radius:12px;background:#fff;color:var(--el-text)!important}.el-related-topic-card:hover,.el-related-topic-card:focus{border-color:#bcc9d8;background:#fbfdff;box-shadow:none;text-decoration:none!important}.el-related-topic-icon{display:flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:10px;background:var(--el-soft-blue);color:var(--el-blue);font-size:12px;font-weight:800}.el-related-topic-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.el-related-topic-copy strong{font-size:14px}.el-related-topic-copy small{color:var(--el-muted);font-size:12px}
.el-empty-state{padding:22px;border:1px dashed #cfd8e5;border-radius:12px;background:#fff;color:var(--el-muted);font-size:14px}.el-empty-topic{display:flex;flex-direction:column;gap:5px}.el-empty-topic strong{color:var(--el-text)}
@media(max-width:900px){.el-topic-grid,.el-lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:768px){.inside-header{padding-top:18px;padding-bottom:18px}.site-branding .main-title{font-size:20px}.el-cat-wrap{margin-top:18px;padding:0 16px}.el-cat-hero{padding:26px 22px}.el-section-head{align-items:flex-start;flex-direction:column}.el-related-topic-grid{grid-template-columns:1fr}}
@media(max-width:650px){.el-topic-grid,.el-lesson-grid,.el-cta-grid{grid-template-columns:1fr}.el-topic-card{min-height:auto}.el-topic-bottom{align-items:flex-start}}


/* ============================================================
 * v1.0.4 — Global Mica-inspired page background
 * ============================================================ */
body {
    background:
        linear-gradient(
            115deg,
            #dfeff3 0%,
            #e3edf3 38%,
            #e6e6f0 70%,
            #ebe2ed 100%
        );
    color: var(--el-text);
    min-height: 100vh;
}

/* Keep content surfaces clean and readable over the global backdrop. */
.site-header,
.site-footer,
.site-info {
    background: rgba(255,255,255,.92);
}

.site-header,
.site-info {
    backdrop-filter: blur(12px) saturate(115%);
    -webkit-backdrop-filter: blur(12px) saturate(115%);
}

/* Single posts/pages use clean surfaces without drop shadows. */
.single-post .inside-article,
.page .inside-article,
.single-post .site-main article,
.page .site-main article {
    box-shadow: none;
}

.single-post .inside-article,
.page .inside-article {
    border-color: #d9e2ec;
}


/* Latest lesson cards: no accent band, no shadow. */
.el-lesson-band {
    display: none !important;
}
.el-lesson-card {
    box-shadow: none !important;
    border: 1px solid #d9e2ec;
}


/* Single-post metadata refinement. */
.single-post .entry-meta {
    color: var(--el-muted);
}
.single-post .el-post-date {
    color: var(--el-muted);
    font-size: 13px;
    line-height: 1.5;
}
.single-post .el-date-label {
    font-weight: 500;
}


/* ============================================================
 * v1.0.5 — Single-post breadcrumb and visible date
 * ============================================================ */
.single-post .el-single-breadcrumbs {
    margin: 0 0 14px;
    color: var(--el-muted);
    font-size: 12.5px;
    line-height: 1.55;
}
.single-post .el-single-breadcrumbs .rank-math-breadcrumb p {
    margin: 0;
}
.single-post .el-single-breadcrumbs a {
    color: var(--el-blue-dark);
    text-decoration: none;
}
.single-post .el-single-breadcrumbs a:hover,
.single-post .el-single-breadcrumbs a:focus {
    text-decoration: underline;
}
.single-post .el-post-date .el-date-value {
    display: inline !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: inherit;
}


/* v1.0.6 breadcrumb path spacing */
.single-post .el-breadcrumb-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0;
}
.single-post .el-breadcrumb-sep {
    margin: 0 7px;
    color: #98a3b0;
}
.single-post .el-single-breadcrumbs [aria-current="page"] {
    color: var(--el-muted);
}


/* ============================================================
 * v1.0.7 — Modern Learn root archive + archive author cleanup
 * ============================================================ */
body.el-learning-root-archive {
    background:
        linear-gradient(
            115deg,
            #dfeff3 0%,
            #e3edf3 38%,
            #e6e6f0 70%,
            #ebe2ed 100%
        );
}

.el-learning-root-archive .site-content {
    display: block;
    max-width: none;
    padding: 0;
}
.el-learning-root-archive #primary,
.el-learning-root-archive .content-area {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    float: none !important;
}

.el-skill-grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 14px;
}
.el-skill-card {
    display: flex;
    gap: 14px;
    min-height: 164px;
    padding: 20px;
    border: 1px solid #d9e2ec;
    border-radius: 14px;
    background: rgba(255,255,255,.96);
}
.el-skill-card-icon {
    display: flex;
    width: 42px;
    height: 42px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: var(--el-soft-blue);
    color: var(--el-blue);
    font-size: 12px;
    font-weight: 800;
}
.el-skill-card-body {
    display: flex;
    min-width: 0;
    flex: 1;
    flex-direction: column;
}
.el-skill-card h3 {
    margin: 0 0 7px;
    font-size: 19px;
    line-height: 1.3;
}
.el-skill-card h3 a { color: var(--el-text); }
.el-skill-card p {
    margin: 0 0 15px;
    color: var(--el-muted);
    font-size: 13.5px;
}
.el-skill-card-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: auto;
    color: #7b8796;
    font-size: 12px;
}

/* Hide visual author/byline on all standard post contexts.
 * Author metadata/schema is not removed.
 */
.post .byline,
.archive .byline,
.blog .byline,
.single-post .byline,
.entry-meta .author,
.entry-meta .byline {
    display: none !important;
}

@media (max-width:900px) {
    .el-skill-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width:650px) {
    .el-skill-grid { grid-template-columns: 1fr; }
}


/* ============================================================
 * v1.0.8 — Unified page system
 * ============================================================ */

/* Generic WordPress Pages: same width, rounded surface, outline-only depth. */
body.el-standard-page:not(.el-learning-skill-page) .site-content {
    display: block;
    width: 100%;
    max-width: 1160px;
    margin: 0 auto;
    padding: 30px 24px 56px;
}

body.el-standard-page:not(.el-learning-skill-page) #primary,
body.el-standard-page:not(.el-learning-skill-page) .content-area {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    float: none !important;
}

body.el-standard-page:not(.el-learning-skill-page) .site-main .inside-article {
    padding: 34px 38px;
    border: 1px solid #d9e2ec;
    border-radius: 18px;
    background: rgba(248,250,252,.94);
    box-shadow: none;
}

body.el-standard-page:not(.el-learning-skill-page) .entry-header {
    margin-bottom: 22px;
}

body.el-standard-page:not(.el-learning-skill-page) .entry-title {
    margin: 0;
    color: var(--el-text);
    font-size: clamp(32px,4vw,42px);
    line-height: 1.15;
    letter-spacing: -0.025em;
}

body.el-standard-page:not(.el-learning-skill-page) .entry-content {
    color: var(--el-text);
}

body.el-standard-page:not(.el-learning-skill-page) .entry-content h2 {
    color: var(--el-text);
    line-height: 1.25;
    letter-spacing: -0.012em;
}

/* Framework pages already contain a better descriptive H1, so suppress the
 * short GeneratePress title (Quiz / Assessment / Full Simulation / Blog). */
body.el-framework-page .entry-header {
    display: none;
}

body.el-framework-page .site-main .inside-article {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}

/* First H1 + intro paragraph form one flat hero surface. */
body.el-framework-page .entry-content > h1:first-child {
    margin: 0;
    padding: 32px 36px 8px;
    border: 1px solid #c7d2df;
    border-bottom: 0;
    border-radius: 18px 18px 0 0;
    background: rgba(248,250,252,.94);
    color: var(--el-text);
    font-size: clamp(32px,4vw,42px);
    line-height: 1.15;
    letter-spacing: -0.025em;
}

body.el-framework-page .entry-content > h1:first-child + p {
    margin: 0 0 28px;
    padding: 0 36px 30px;
    border: 1px solid #c7d2df;
    border-top: 0;
    border-radius: 0 0 18px 18px;
    background: rgba(248,250,252,.94);
    color: var(--el-muted);
    font-size: 16px;
    line-height: 1.7;
}

/* Each H2 + its following paragraph becomes a modern flat information card. */
body.el-framework-page .entry-content > h2 {
    margin: 14px 0 0;
    padding: 20px 22px 7px;
    border: 1px solid #d9e2ec;
    border-bottom: 0;
    border-radius: 14px 14px 0 0;
    background: rgba(255,255,255,.96);
    color: var(--el-text);
    font-size: 21px;
}

body.el-framework-page .entry-content > h2 + p {
    margin: 0 0 14px;
    padding: 0 22px 20px;
    border: 1px solid #d9e2ec;
    border-top: 0;
    border-radius: 0 0 14px 14px;
    background: rgba(255,255,255,.96);
    color: var(--el-muted);
    font-size: 14px;
    line-height: 1.65;
}

/* Links remain consistent with Learn/category cards. */
body.el-standard-page .entry-content a {
    color: var(--el-blue);
    text-underline-offset: 2px;
}

/* Forms, tables, shortcodes and dashboard surfaces inherit the same visual language. */
body.el-standard-page .entry-content table,
body.el-standard-page .entry-content form,
body.el-standard-page .entry-content .wp-block-group,
body.el-standard-page .entry-content .wp-block-table {
    box-shadow: none;
}

body.el-standard-page .entry-content input,
body.el-standard-page .entry-content select,
body.el-standard-page .entry-content textarea {
    border: 1px solid #cfd9e5;
    border-radius: 8px;
    background: rgba(255,255,255,.96);
}

body.el-standard-page .entry-content button,
body.el-standard-page .entry-content input[type="submit"] {
    border-radius: 8px;
}

/* Do not re-wrap custom learning templates; they already have their own system. */
body.el-learning-skill-page .site-main .inside-article,
body.el-learning-skill-page .entry-content {
    border: 0;
    background: transparent;
}

/* Keep legal/about/contact pages readable but aligned with the same system. */
body.el-standard-page:not(.el-framework-page):not(.el-learning-skill-page) .entry-content {
    font-size: 15px;
    line-height: 1.75;
}

@media (max-width: 768px) {
    body.el-standard-page:not(.el-learning-skill-page) .site-content {
        padding: 18px 16px 40px;
    }

    body.el-standard-page:not(.el-learning-skill-page) .site-main .inside-article {
        padding: 26px 22px;
        border-radius: 14px;
    }

    body.el-framework-page .site-main .inside-article {
        padding: 0;
        border: 0;
    }

    body.el-framework-page .entry-content > h1:first-child {
        padding: 26px 22px 8px;
        border-radius: 14px 14px 0 0;
    }

    body.el-framework-page .entry-content > h1:first-child + p {
        padding: 0 22px 24px;
        border-radius: 0 0 14px 14px;
    }
}


/* ============================================================
 * v1.0.9 — Complete page consistency pass
 * ============================================================ */

/* /learn/ now uses the same design system as skill category pages. */
body.el-learning-index-page .site-content {
    display: block;
    max-width: none;
    padding: 0;
}
body.el-learning-index-page #primary,
body.el-learning-index-page .content-area {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    float: none !important;
}

/* Skill cards are shared by /learn/ and /topics/learn/. */
.el-cefr-grid {
    display: grid;
    grid-template-columns: repeat(6,minmax(0,1fr));
    gap: 10px;
}
.el-cefr-card {
    display: flex;
    min-height: 118px;
    flex-direction: column;
    padding: 17px;
    border: 1px solid #d9e2ec;
    border-radius: 14px;
    background: rgba(255,255,255,.96);
    color: var(--el-text) !important;
}
.el-cefr-card:hover,
.el-cefr-card:focus {
    border-color: #bcc9d8;
    background: rgba(251,253,255,.98);
    text-decoration: none !important;
}
.el-cefr-card strong {
    color: var(--el-blue);
    font-size: 22px;
    line-height: 1.1;
}
.el-cefr-card span {
    margin-top: 5px;
    color: var(--el-text);
    font-size: 13px;
    font-weight: 650;
}
.el-cefr-card small {
    margin-top: auto;
    color: var(--el-muted);
    font-size: 11.5px;
}

/* Remove duplicate GeneratePress page title when content already owns the H1. */
body.el-page-has-content-h1:not(.el-learning-skill-page) .entry-header {
    display: none;
}

/* About / Contact / Privacy / Terms and other content-led static pages:
 * turn their first content H1 + intro into the same flat hero treatment.
 */
body.el-page-has-content-h1:not(.el-framework-page):not(.el-learning-skill-page):not(.el-learning-index-page) .site-main .inside-article {
    padding: 0;
    border: 0;
    background: transparent;
}
body.el-page-has-content-h1:not(.el-framework-page):not(.el-learning-skill-page):not(.el-learning-index-page) .entry-content > h1:first-child {
    margin: 0;
    padding: 32px 36px 8px;
    border: 1px solid #c7d2df;
    border-bottom: 0;
    border-radius: 18px 18px 0 0;
    background: rgba(248,250,252,.94);
    color: var(--el-text);
    font-size: clamp(32px,4vw,42px);
    line-height: 1.15;
    letter-spacing: -.025em;
}
body.el-page-has-content-h1:not(.el-framework-page):not(.el-learning-skill-page):not(.el-learning-index-page) .entry-content > h1:first-child + p {
    margin: 0 0 20px;
    padding: 0 36px 30px;
    border: 1px solid #c7d2df;
    border-top: 0;
    border-radius: 0 0 18px 18px;
    background: rgba(248,250,252,.94);
    color: var(--el-muted);
    font-size: 16px;
    line-height: 1.7;
}

/* Remaining static-page content stays in one clean reading surface rather
 * than the old GeneratePress square article box. */
body.el-page-has-content-h1:not(.el-framework-page):not(.el-learning-skill-page):not(.el-learning-index-page) .entry-content > :not(h1):not(h1 + p) {
    max-width: 100%;
}
body.el-page-has-content-h1:not(.el-framework-page):not(.el-learning-skill-page):not(.el-learning-index-page) .entry-content > h2 {
    margin: 14px 0 0;
    padding: 20px 22px 7px;
    border: 1px solid #d9e2ec;
    border-bottom: 0;
    border-radius: 14px 14px 0 0;
    background: rgba(255,255,255,.96);
    font-size: 21px;
}
body.el-page-has-content-h1:not(.el-framework-page):not(.el-learning-skill-page):not(.el-learning-index-page) .entry-content > h2 + p,
body.el-page-has-content-h1:not(.el-framework-page):not(.el-learning-skill-page):not(.el-learning-index-page) .entry-content > h2 + ul {
    margin: 0 0 14px;
    padding: 0 22px 20px;
    border: 1px solid #d9e2ec;
    border-top: 0;
    border-radius: 0 0 14px 14px;
    background: rgba(255,255,255,.96);
}

/* My Progress and shortcode-driven pages that do not contain their own H1. */
body.el-standard-page:not(.el-page-has-content-h1):not(.el-learning-skill-page) .entry-header {
    margin: 0;
    padding: 28px 32px 12px;
    border: 1px solid #c7d2df;
    border-bottom: 0;
    border-radius: 18px 18px 0 0;
    background: rgba(248,250,252,.94);
}
body.el-standard-page:not(.el-page-has-content-h1):not(.el-learning-skill-page) .entry-content {
    margin: 0;
    padding: 8px 32px 30px;
    border: 1px solid #c7d2df;
    border-top: 0;
    border-radius: 0 0 18px 18px;
    background: rgba(248,250,252,.94);
}
body.el-standard-page .eatk-notice {
    border: 1px solid #d9e2ec;
    border-radius: 12px;
    background: rgba(255,255,255,.96);
    box-shadow: none;
}

/* All ordinary page surfaces: remove any legacy square/shadow treatment. */
body.el-standard-page .inside-article,
body.el-standard-page .entry-content,
body.el-standard-page .wp-block-group,
body.el-standard-page .eatk-notice {
    box-shadow: none !important;
}

@media (max-width: 900px) {
    .el-cefr-grid {
        grid-template-columns: repeat(3,minmax(0,1fr));
    }
}
@media (max-width: 650px) {
    .el-cefr-grid {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }

    body.el-page-has-content-h1:not(.el-framework-page):not(.el-learning-skill-page):not(.el-learning-index-page) .entry-content > h1:first-child {
        padding: 26px 22px 8px;
        border-radius: 14px 14px 0 0;
    }
    body.el-page-has-content-h1:not(.el-framework-page):not(.el-learning-skill-page):not(.el-learning-index-page) .entry-content > h1:first-child + p {
        padding: 0 22px 24px;
        border-radius: 0 0 14px 14px;
    }
}