:root{
    --lc-blue:#1e88e5;
    --lc-blue-dark:#0a4fa3;
    --lc-orange:#ff7a00;
    --lc-red:#e63946;
    --lc-ink:#1f2933;
    --lc-muted:#657181;
    --lc-soft:#f5f9fd;
    --lc-line:#e6edf4;
}
/* Learning Center header — matches the existing About PNKids hero */
.hero-learning{
    position:relative;
    min-height:45vh;
    display:flex;
    align-items:center;
    text-align:center;
    background-image:url("../../images/Header-BG-learn.png");
    background-size:cover;
    background-position:center bottom;
    background-repeat:no-repeat;
}
.hero-learning::before{
    content:"";
    position:absolute;
    inset:0;
    background:rgb(0 0 0 / 29%);
    z-index:1;
}
.hero-learning .container{
    position:relative;
    z-index:2;
    width:100%;
    max-width:760px;
    margin:0 auto;
}
.hero-learning h1{
    margin:0 0 1rem;
    color:#fff;
    font-size:clamp(40px,5vw,46px);
    line-height:1.15;
}
.hero-learning p{
    max-width:700px;
    margin:0 auto;
    color:rgba(255,255,255,.92);
    font-size:1.1rem;
    line-height:1.65;
}
.hero-learning-topic .container{max-width:850px}
.lc-back-link-light{
    margin:0 0 20px;
    color:#fff;
    opacity:.92;
}
.lc-back-link-light:hover{color:#fff}



.lc-hero{
    background:linear-gradient(135deg,#eaf5ff 0%,#ffffff 56%,#fff2e7 100%);
    padding:88px 0 82px;
}

.lc-hero-inner{
    display:grid;
    grid-template-columns:1.02fr .98fr;
    align-items:center;
    gap:74px;
}

.lc-eyebrow,.lc-section-label{
    display:inline-block;
    color:var(--lc-orange);
    font-size:13px;
    font-weight:800;
    letter-spacing:.13em;
    text-transform:uppercase;
}

.lc-hero h1{
    max-width:680px;
    margin:14px 0 22px;
    color:var(--lc-blue-dark);
    font-size:clamp(42px,5vw,68px);
    line-height:1.06;
    letter-spacing:-.035em;
}

.lc-hero-copy>p{
    max-width:610px;
    margin:0;
    color:#465568;
    font-size:18px;
    line-height:1.8;
}

.lc-hero-actions{
    display:flex;
    flex-wrap:wrap;
    gap:14px;
    margin-top:30px;
}

.lc-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:50px;
    padding:12px 25px;
    border-radius:999px;
    font-weight:700;
    text-decoration:none;
    transition:transform .25s ease,box-shadow .25s ease,background .25s ease;
}

.lc-btn:hover{transform:translateY(-3px)}
.lc-btn-primary{background:var(--lc-orange);color:#fff;box-shadow:0 12px 26px rgba(255,122,0,.22)}
.lc-btn-primary:hover{box-shadow:0 16px 32px rgba(255,122,0,.3)}
.lc-btn-light{background:#fff;color:var(--lc-blue-dark);border:1px solid #d9e8f4}

.lc-hero-visual{position:relative;min-height:420px;display:flex;align-items:center;justify-content:center}
.lc-visual-card{position:relative;z-index:2;width:min(100%,500px);background:#fff;border-radius:28px;padding:14px;box-shadow:0 28px 70px rgba(34,74,115,.16);transform:rotate(1.5deg)}
.lc-visual-card img{width:100%;height:290px;object-fit:cover;border-radius:20px}
.lc-visual-note{display:flex;align-items:center;gap:12px;padding:18px 12px 8px;color:var(--lc-muted)}
.lc-visual-note strong{color:var(--lc-blue-dark)}
.lc-shape{position:absolute;border-radius:50%;filter:blur(.1px)}
.lc-shape-one{width:135px;height:135px;right:-12px;top:4px;background:#ffdcae}
.lc-shape-two{width:88px;height:88px;left:5px;bottom:10px;background:#a9ddff}

.lc-intro{
    position:relative;
    overflow:hidden;
    padding:88px 0;
    background:
        radial-gradient(circle at 8% 18%,rgba(255,174,83,.12),transparent 22%),
        radial-gradient(circle at 94% 82%,rgba(38,138,216,.10),transparent 26%),
        #fff;
}

.lc-intro-card{
    position:relative;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);
    align-items:center;
    gap:75px;
    padding:60px 65px;
    border:1px solid #e3edf5;
    border-radius:32px;
    background:linear-gradient(135deg,#fff 0%,#f8fbfe 100%);
    box-shadow:0 24px 65px rgba(22,65,108,.09);
}

.lc-intro-copy{
    position:relative;
    z-index:2;
}

.lc-intro-copy h2{
    max-width:650px;
    margin:12px 0 22px;
    color:black;
    font-size:clamp(34px,4vw,49px);
    line-height:1.14;
    letter-spacing:-.03em;
}

.lc-intro-copy>p{
    max-width:620px;
    margin:0;
    color:var(--lc-muted);
    font-size:16px;
    line-height:1.85;
}

.lc-intro-points{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
    margin-top:30px;
}

.lc-intro-point{
    display:flex;
    align-items:center;
    gap:13px;
    min-height:72px;
    padding:14px 16px;
    border:1px solid #e4edf5;
    border-radius:16px;
    background:#fff;
    box-shadow:0 8px 22px rgba(25,68,108,.05);
}

.lc-intro-point span{
    display:grid;
    flex:0 0 38px;
    width:38px;
    height:38px;
    place-items:center;
    border-radius:12px;
    background:#edf6ff;
    color:var(--lc-blue-dark);
    font-size:12px;
    font-weight:800;
}

.lc-intro-point:nth-child(2) span{
    background:#fff1e4;
    color:var(--lc-orange);
}

.lc-intro-point p{
    margin:0;
    color:#40556c;
    font-size:13px;
    font-weight:600;
    line-height:1.45;
}

.lc-intro-visual{
    position:relative;
    min-height:390px;
}

.lc-intro-image{
    position:absolute;
    z-index:2;
    top:26px;
    right:15px;
    width:90%;
    overflow:hidden;
    border:10px solid #fff;
    border-radius:26px;
    box-shadow:0 28px 55px rgba(25,67,108,.18);
    transform:rotate(1.5deg);
}

.lc-intro-image img{
    display:block;
    width:100%;
    height:310px;
    object-fit:cover;
}

.lc-intro-note{
    position:absolute;
    z-index:4;
    display:flex;
    align-items:center;
    gap:12px;
    min-width:220px;
    padding:14px 17px;
    border:1px solid rgba(217,231,242,.9);
    border-radius:17px;
    background:rgba(255,255,255,.96);
    box-shadow:0 15px 35px rgba(20,59,98,.15);
    backdrop-filter:blur(8px);
}

.lc-intro-note>span{
    display:grid;
    flex:0 0 42px;
    width:42px;
    height:42px;
    place-items:center;
    border-radius:13px;
    background:#edf7ff;
    font-size:20px;
}

.lc-intro-note strong,
.lc-intro-note small{
    display:block;
}

.lc-intro-note strong{
    color:var(--lc-blue-dark);
    font-size:13px;
}

.lc-intro-note small{
    margin-top:2px;
    color:#7a8795;
    font-size:11px;
}

.lc-intro-note-top{
    top:0;
    left:0;
}

.lc-intro-note-bottom{
    right:0;
    bottom:6px;
}

.lc-intro-note-bottom>span{
    background:#fff2e6;
}

.lc-intro-shape{
    position:absolute;
    display:block;
    border-radius:50%;
}

.lc-intro-shape-one{
    width:125px;
    height:125px;
    top:8px;
    right:-18px;
    background:#ffdba9;
}

.lc-intro-shape-two{
    width:88px;
    height:88px;
    bottom:5px;
    left:25px;
    background:#b9e4ff;
}

@media(max-width:1024px){
    .lc-intro-card{
        grid-template-columns:1fr 380px;
        gap:42px;
        padding:50px 42px;
    }

    .lc-intro-image img{
        height:280px;
    }

    .lc-intro-points{
        grid-template-columns:1fr;
    }
}

@media(max-width:800px){
    .lc-intro{
        padding:65px 0;
    }

    .lc-intro-card{
        grid-template-columns:1fr;
        gap:35px;
        padding:38px 25px 44px;
        border-radius:25px;
    }

    .lc-intro-copy h2{
        font-size:36px;
    }

    .lc-intro-visual{
        min-height:360px;
    }

    .lc-intro-image{
        top:30px;
        right:0;
        width:94%;
    }

    .lc-intro-image img{
        height:270px;
    }
}

@media(max-width:500px){
    .lc-intro{
        padding:50px 0;
    }

    .lc-intro-card{
        padding:32px 20px 36px;
    }

    .lc-intro-copy h2{
        font-size:31px;
    }

    .lc-intro-copy>p{
        font-size:15px;
    }

    .lc-intro-visual{
        min-height:330px;
    }

    .lc-intro-image{
        width:100%;
        border-width:7px;
    }

    .lc-intro-image img{
        height:235px;
    }

    .lc-intro-note{
        min-width:0;
        max-width:205px;
        padding:11px 13px;
    }

    .lc-intro-note-top{
        left:-4px;
    }

    .lc-intro-note-bottom{
        right:-3px;
    }

    .lc-intro-note>span{
        width:36px;
        height:36px;
        flex-basis:36px;
        font-size:17px;
    }

    .lc-intro-note strong{
        font-size:12px;
    }

    .lc-intro-note small{
        font-size:10px;
    }
}

.lc-topics{padding:92px 0;background:var(--lc-soft)}
.lc-heading-row{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:40px}
.lc-heading-row>p{max-width:410px;text-align:right}
.lc-topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.lc-topic-card{position:relative;display:flex;min-height:290px;flex-direction:column;padding:30px;border:1px solid var(--lc-line);border-radius:24px;background:#fff;color:var(--lc-ink);text-decoration:none;box-shadow:0 12px 34px rgba(31,41,51,.055);transition-property:opacity,transform,box-shadow,border-color;transition-duration:.8s,.8s,.25s,.25s}
.lc-topic-card:hover{transform:translateY(-7px);box-shadow:0 22px 45px rgba(31,41,51,.11);border-color:transparent}
.lc-topic-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;margin-bottom:25px;font-size:27px;background:#edf6ff}
.lc-topic-card h3{margin:0 0 10px;color:var(--lc-blue-dark);font-size:22px;line-height:1.3}
.lc-topic-card p{margin:0;color:var(--lc-muted);font-size:15px;line-height:1.72}
.lc-card-link{margin-top:auto;padding-top:24px;color:var(--lc-orange);font-weight:700;font-size:14px}
.lc-card-link b{display:inline-block;transition:transform .2s ease}.lc-topic-card:hover .lc-card-link b{transform:translateX(4px)}
.lc-tone-orange .lc-topic-icon{background:#fff0df}.lc-tone-purple .lc-topic-icon{background:#f0eaff}.lc-tone-green .lc-topic-icon{background:#e9f7ef}.lc-tone-sky .lc-topic-icon{background:#e8f8ff}.lc-tone-navy .lc-topic-icon{background:#edf0ff}

.lc-featured{padding:94px 0;background:#fff}
.lc-article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.lc-article-card{overflow:hidden;border:1px solid var(--lc-line);border-radius:24px;background:#fff;color:inherit;text-decoration:none;box-shadow:0 12px 34px rgba(31,41,51,.06);transition-property:opacity,transform,box-shadow;transition-duration:.8s,.8s,.25s}
.lc-article-card:hover{transform:translateY(-7px);box-shadow:0 22px 45px rgba(31,41,51,.12)}
.lc-article-image{height:205px;overflow:hidden;background:#eef5fb}
.lc-article-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.lc-article-card:hover img{transform:scale(1.045)}
.lc-article-body{padding:25px 25px 28px}
.lc-article-body>span{color:var(--lc-orange);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.lc-article-body h3{margin:10px 0 12px;color:var(--lc-blue-dark);font-size:21px;line-height:1.4}
.lc-article-body p{margin:0 0 20px;color:var(--lc-muted);font-size:14px;line-height:1.75}
.lc-article-body b{color:var(--lc-orange);font-size:14px}

.lc-guide{padding:50px 0 105px;background:#fff}
.lc-guide-inner{display:grid;grid-template-columns:.82fr 1.18fr;align-items:center;gap:70px;padding:55px 70px;border-radius:30px;background:linear-gradient(135deg,#e7f3ff,#fff5eb);overflow:hidden}
.lc-guide-visual{text-align:center}.lc-guide-visual img{max-height:340px;margin:auto;object-fit:contain;filter:drop-shadow(0 22px 24px rgba(28,67,103,.16))}
.lc-guide-copy p{max-width:650px;color:#566577;font-size:16px;line-height:1.8;margin:18px 0 25px}
.lc-guide-copy small{display:block;margin-top:14px;color:#748091}

@media(max-width:1024px){
    .lc-hero-inner{gap:40px}.lc-topic-grid,.lc-article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .lc-guide-inner{padding:46px}
}

@media(max-width:768px){
    .lc-hero{padding:60px 0 64px}.lc-hero-inner,.lc-intro-inner,.lc-guide-inner{grid-template-columns:1fr}.lc-hero-inner{gap:38px}.lc-hero h1{font-size:42px}.lc-hero-copy>p{font-size:16px}.lc-hero-visual{min-height:0}.lc-visual-card img{height:225px}.lc-intro{padding:60px 0}.lc-intro-inner{gap:22px}.lc-topics,.lc-featured{padding:70px 0}.lc-heading-row{display:block;margin-bottom:30px}.lc-heading-row>p{margin-top:14px;text-align:left}.lc-topic-grid,.lc-article-grid{grid-template-columns:1fr}.lc-topic-card{min-height:250px}.lc-guide{padding:20px 0 80px}.lc-guide-inner{gap:24px;padding:35px 24px}.lc-guide-visual img{max-height:250px}.lc-guide-copy{text-align:center}
}

@media(prefers-reduced-motion:reduce){
    .lc-btn,.lc-topic-card,.lc-article-card,.lc-article-image img{transition:none!important}
}

/* Topic detail pages */
.lc-topic-hero{position:relative;overflow:hidden;padding:88px 0 78px;background:linear-gradient(135deg,#eef7ff 0%,#fff 68%)}
.lc-topic-hero-orange{background:linear-gradient(135deg,#fff4e8 0%,#fff 68%)}
.lc-topic-hero-purple{background:linear-gradient(135deg,#f4efff 0%,#fff 68%)}
.lc-topic-hero-green{background:linear-gradient(135deg,#edf9f2 0%,#fff 68%)}
.lc-topic-hero-sky{background:linear-gradient(135deg,#eaf9ff 0%,#fff 68%)}
.lc-topic-hero-navy{background:linear-gradient(135deg,#edf1fb 0%,#fff 68%)}
.lc-topic-hero-inner{display:grid;grid-template-columns:minmax(0,1fr) 280px;align-items:center;gap:70px}
.lc-topic-hero-copy{max-width:720px}
.lc-back-link{display:inline-flex;margin-bottom:28px;color:#f3fb9a;font-size:14px;font-weight:700;text-decoration:none}
.lc-back-link:hover{text-decoration:underline}
.lc-topic-hero-icon{display:block;margin-bottom:10px;font-size:42px;line-height:1}
.lc-topic-hero h1{max-width:760px;margin:10px 0 18px;color:#173b68;font-size:clamp(44px,6vw,74px);line-height:1.04;letter-spacing:-.04em}
.lc-topic-hero p{max-width:690px;margin:0;color:#536980;font-size:18px;line-height:1.75}
.lc-topic-bubble{display:grid;width:230px;height:230px;margin-left:auto;place-items:center;border:18px solid rgba(255,255,255,.72);border-radius:50%;background:#fff;box-shadow:0 25px 70px rgba(28,77,126,.14)}
.lc-topic-bubble span{font-size:90px;filter:drop-shadow(0 12px 14px rgba(28,77,126,.12))}
.lc-topic-intro{padding:72px 0 26px;background:#fff}
.lc-topic-intro-inner{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:end}
.lc-topic-intro h2,.lc-topic-product h2,.lc-topic-more h2{margin:8px 0 0;color:#173b68;font-size:clamp(32px,4vw,48px);line-height:1.12;letter-spacing:-.025em}
.lc-topic-intro p{margin:0;color:#65768a;font-size:16px;line-height:1.8}
.lc-topic-articles{padding:42px 0 88px;background:#fff}
.lc-article-list{display:grid;gap:18px}
.lc-guide-card{display:grid;grid-template-columns:86px minmax(0,1fr);gap:28px;align-items:start;padding:30px;border:1px solid #e5edf5;border-radius:24px;background:#fff;box-shadow:0 12px 35px rgba(26,67,110,.06)}
.lc-guide-number{display:grid;width:64px;height:64px;place-items:center;border-radius:18px;background:#f1f7fc;color:#ed7728;font-size:20px;font-weight:800}
.lc-guide-card-body>span:first-child{color:#74879b;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.lc-guide-card h3{margin:7px 0 9px;color:#173b68;font-size:24px;line-height:1.25}
.lc-guide-card p{max-width:780px;margin:0;color:#64768a;line-height:1.75}
.lc-coming-label{display:inline-flex!important;margin-top:16px;padding:7px 11px;border-radius:999px;background:#fff4e8;color:#d96b24!important;font-size:11px!important;font-weight:800!important;letter-spacing:.06em!important;text-transform:uppercase}
.lc-topic-product{padding:78px 0;background:#eef6fc}
.lc-topic-product-inner,.lc-topic-more-inner{display:flex;align-items:center;justify-content:space-between;gap:50px}
.lc-topic-product p{max-width:720px;margin:15px 0 0;color:#5d7187;font-size:16px;line-height:1.75}
.lc-topic-product-actions{display:flex;flex:0 0 auto;gap:12px;flex-wrap:wrap}
.lc-topic-more{padding:75px 0;background:#fff}
@media(max-width:900px){.lc-topic-hero-inner,.lc-topic-intro-inner{grid-template-columns:1fr}.lc-topic-bubble{display:none}.lc-topic-product-inner,.lc-topic-more-inner{align-items:flex-start;flex-direction:column}.lc-topic-hero{padding:66px 0 58px}}
@media(max-width:600px){.lc-topic-hero h1{font-size:42px}.lc-topic-hero p{font-size:16px}.lc-guide-card{grid-template-columns:1fr;padding:24px}.lc-guide-number{width:54px;height:54px}.lc-guide-card h3{font-size:21px}.lc-topic-product-actions{width:100%;flex-direction:column}.lc-topic-product-actions .lc-btn{width:100%;text-align:center}}

@media(max-width:768px){
    .hero-learning{min-height:50vh;padding:58px 0;border-bottom-width:14px}
    .hero-learning h1{font-size:38px}
    .hero-learning p{font-size:1rem}
}

.lc-more-topics{
    padding:85px 0;
    overflow:hidden;
    background:#fff;
}

.lc-more-topics-heading{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:30px;
    margin-bottom:32px;
}

.lc-more-topics-heading h2{
    max-width:760px;
    margin:9px 0 0;
    color:#123f73;
    font-size:clamp(32px,4vw,48px);
    line-height:1.12;
    letter-spacing:-.035em;
}

.lc-topic-slider-controls{
    display:flex;
    gap:9px;
}

.lc-topic-slider-btn{
    display:grid;
    width:48px;
    height:48px;
    place-items:center;
    border:1px solid #d5e4ef;
    border-radius:50%;
    background:#fff;
    color:#12487f;
    font-size:19px;
    cursor:pointer;
    transition:
        background .2s ease,
        color .2s ease,
        transform .2s ease;
}

.lc-topic-slider-btn:hover{
    background:#12487f;
    color:#fff;
    transform:translateY(-2px);
}

.lc-topic-slider{
    display:flex;
    gap:18px;
    overflow-x:auto;
    padding:4px 2px 20px;
    scroll-behavior:smooth;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
}

.lc-topic-slider::-webkit-scrollbar{
    display:none;
}

.lc-topic-slide{
    display:flex;
    flex:0 0 calc((100% - 36px) / 3);
    min-width:300px;
    min-height:245px;
    flex-direction:column;
    align-items:flex-start;
    padding:29px;
    border:1px solid #dfebf4;
    border-radius:22px;
    background:#f8fbfe;
    color:inherit;
    text-decoration:none;
    scroll-snap-align:start;
    transition:
        transform .22s ease,
        box-shadow .22s ease,
        border-color .22s ease;
}

.lc-topic-slide:hover{
    border-color:#bfd9ea;
    color:inherit;
    transform:translateY(-5px);
    box-shadow:0 17px 38px rgba(20,62,102,.10);
}

.lc-topic-slide-icon{
    display:grid;
    width:54px;
    height:54px;
    margin-bottom:28px;
    place-items:center;
    border-radius:16px;
    background:#eaf5fd;
    font-size:24px;
}

.lc-topic-slide:nth-child(even) .lc-topic-slide-icon{
    background:#fff0e1;
}

.lc-topic-slide h3{
    margin:0 0 9px;
    color:#123f73;
    font-size:20px;
}

.lc-topic-slide p{
    margin:0;
    color:#667b90;
    font-size:14px;
    line-height:1.65;
}

.lc-topic-slide b{
    margin-top:auto;
    padding-top:22px;
    color:#ff7900;
    font-size:13px;
}

.lc-more-topics-footer{
    margin-top:16px;
    text-align:center;
}

.lc-view-all-topics{
    display:inline-flex;
    min-height:50px;
    align-items:center;
    justify-content:center;
    padding:0 24px;
    border-radius:999px;
    background:#ff7900;
    color:#fff;
    font-size:14px;
    font-weight:700;
    text-decoration:none;
    box-shadow:0 12px 25px rgba(255,121,0,.18);
}

.lc-view-all-topics:hover{
    background:#e96f00;
    color:#fff;
}

@media(max-width:900px){
    .lc-topic-slide{
        flex-basis:calc((100% - 18px) / 2);
    }
}

@media(max-width:600px){
    .lc-more-topics{
        padding:60px 0;
    }

    .lc-more-topics-heading{
        align-items:flex-start;
    }

    .lc-more-topics-heading h2{
        font-size:34px;
    }

    .lc-topic-slider-controls{
        display:none;
    }

    .lc-topic-slide{
        flex-basis:84%;
        min-width:270px;
    }
}

.lc-topics{
    padding:85px 0;
    background:#eef6fb;
}

.lc-topic-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:22px;
    margin-top:34px;
}

.lc-topic-card{
    display:flex;
    flex-direction:column;
    overflow:hidden;
    border:1px solid #dce8f2;
    border-radius:24px;
    background:#fff;
    box-shadow:0 14px 35px rgba(21,62,103,.07);
    text-decoration:none;
    transition:
        transform .22s ease,
        box-shadow .22s ease,
        border-color .22s ease;
}

.lc-topic-card:hover{
    transform:translateY(-6px);
    border-color:#c8dceb;
    box-shadow:0 20px 42px rgba(21,62,103,.11);
}

.lc-topic-card-media{
    position:relative;
    aspect-ratio:16/9;
    overflow:hidden;
    background:#dfeaf2;
}

.lc-topic-card-media img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .35s ease;
}

.lc-topic-card:hover .lc-topic-card-media img{
    transform:scale(1.04);
}

.lc-topic-card-body{
    padding:24px 24px 26px;
}

.lc-topic-card-body h3{
    margin:0 0 12px;
    color:#0f4d97;
    font-size:18px;
    line-height:1.3;
}

.lc-topic-card-body p{
    margin:0;
    color:#667b90;
    font-size:15px;
    line-height:1.8;
}

.lc-topic-link{
    display:inline-flex;
    align-items:center;
    gap:6px;
    margin-top:20px;
    color:#ff7900;
    font-size:14px;
    font-weight:700;
}

.lc-topic-link strong{
    font-weight:700;
}

@media(max-width:991px){
    .lc-topic-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:640px){
    .lc-topics{
        padding:60px 0;
    }

    .lc-topic-grid{
        grid-template-columns:1fr;
        gap:18px;
    }

    .lc-topic-card-body{
        padding:20px 18px 22px;
    }
}

/* =========================================================
   Topic page: dynamic related product + image topic slider
   ========================================================= */
.lc-topic-product{
    position:relative;
    overflow:hidden;
    padding:82px 0;
    background:
        radial-gradient(circle at 92% 18%,rgba(42,143,216,.10),transparent 24%),
        radial-gradient(circle at 8% 88%,rgba(255,122,0,.08),transparent 22%),
        #eef6fc;
}

.lc-topic-product-card{
    position:relative;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(300px,380px);
    align-items:center;
    gap:58px;
    min-height:390px;
    padding:56px 66px;
    overflow:hidden;
    border:1px solid #dce9f3;
    border-radius:30px;
    background:#fff;
    box-shadow:0 22px 58px rgba(18,61,102,.09);
}

.lc-topic-product-copy{
    position:relative;
    z-index:3;
}

.lc-topic-product-copy h2{
    margin:10px 0 17px;
    color:#123f73;
    font-size:clamp(40px,4.5vw,58px);
    line-height:1.05;
    letter-spacing:-.04em;
}

.lc-topic-product-copy>p{
    max-width:680px;
    margin:0;
    color:#566f87;
    font-size:16px;
    line-height:1.8;
}

.lc-topic-product-meta{
    display:flex;
    flex-wrap:wrap;
    gap:9px;
    margin-top:23px;
}

.lc-topic-product-meta span{
    display:inline-flex;
    min-height:34px;
    align-items:center;
    padding:0 14px;
    border:1px solid #dce9f3;
    border-radius:999px;
    background:#f7fbfe;
    color:#315b81;
    font-size:12px;
    font-weight:700;
}

.lc-topic-product-actions{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:30px;
}

.lc-topic-product-visual{
    position:relative;
    z-index:2;
    display:flex;
    min-height:300px;
    align-items:center;
    justify-content:center;
}

.lc-topic-product-circle{
    position:absolute;
    top:50%;
    left:50%;
    width:292px;
    height:292px;
    border-radius:50%;
    background:radial-gradient(circle at 34% 28%,#fff 0%,#edf7ff 52%,#d8ecf9 100%);
    box-shadow:
        inset 0 0 0 12px rgba(255,255,255,.52),
        0 24px 52px rgba(22,64,102,.13);
    transform:translate(-50%,-50%);
}

.lc-topic-product-visual img{
    position:relative;
    z-index:3;
    display:block;
    max-width:278px;
    max-height:305px;
    object-fit:contain;
    filter:drop-shadow(0 24px 22px rgba(17,50,83,.22));
}

.lc-topic-product-shape{
    position:absolute;
    display:block;
    border-radius:50%;
}

.lc-topic-product-shape-one{
    top:10px;
    right:18px;
    width:72px;
    height:72px;
    background:#ffd8aa;
}

.lc-topic-product-shape-two{
    bottom:18px;
    left:18px;
    width:48px;
    height:48px;
    background:#bce5ff;
}

/* Topic slider: photo cards instead of emoji icons */
.lc-topic-slide{
    min-height:300px;
    padding:0;
    overflow:hidden;
    background:#fff;
}

.lc-topic-slide-media{
    position:relative;
    width:100%;
    aspect-ratio:16/9;
    overflow:hidden;
    background:#e7f0f7;
}

.lc-topic-slide-media img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .35s ease;
}

.lc-topic-slide:hover .lc-topic-slide-media img{
    transform:scale(1.045);
}

.lc-topic-slide-content{
    display:flex;
    min-height:155px;
    flex:1;
    flex-direction:column;
    padding:22px 24px 24px;
}

.lc-topic-slide h3{
    margin:0 0 9px;
}

.lc-topic-slide p{
    margin:0;
}

.lc-topic-slide b{
    margin-top:auto;
    padding-top:18px;
}

@media(max-width:900px){
    .lc-topic-product-card{
        grid-template-columns:minmax(0,1fr) 300px;
        gap:34px;
        padding:48px 42px;
    }

    .lc-topic-product-circle{
        width:245px;
        height:245px;
    }

    .lc-topic-product-visual img{
        max-width:235px;
        max-height:268px;
    }
}

@media(max-width:760px){
    .lc-topic-product{
        padding:60px 0;
    }

    .lc-topic-product-card{
        grid-template-columns:1fr;
        gap:22px;
        padding:40px 28px;
        border-radius:25px;
    }

    .lc-topic-product-visual{
        min-height:285px;
    }
}

@media(max-width:500px){
    .lc-topic-product-card{
        padding:34px 20px;
    }

    .lc-topic-product-copy h2{
        font-size:36px;
    }

    .lc-topic-product-copy>p{
        font-size:15px;
    }

    .lc-topic-product-actions{
        display:grid;
    }

    .lc-topic-product-actions .lc-btn{
        width:100%;
    }

    .lc-topic-product-visual{
        min-height:255px;
    }

    .lc-topic-product-circle{
        width:218px;
        height:218px;
    }

    .lc-topic-product-visual img{
        max-width:208px;
        max-height:232px;
    }

    .lc-topic-slide{
        min-height:275px;
    }
}