@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800&display=swap');

:root{color-scheme:dark;--a-green:#42e78d;--a-ink:#eaf7ee;--a-muted:#a3b9aa;--a-border:#203b2a}

*,*::before,*::after{box-sizing:border-box}

html{scroll-behavior:smooth}

body.academy-page{margin:0;padding:0;background:#050c08;color:var(--a-ink);font:400 14px/1.85 Vazirmatn,Tahoma,sans-serif;min-width:320px}

body.academy-page a{text-decoration:none;color:inherit}

.academy-header{position:sticky;top:0;z-index:200;min-height:68px;width:100%;padding:11px clamp(16px,3.5vw,54px);display:flex;align-items:center;justify-content:space-between;gap:24px;background:rgba(6,17,11,.96);border-bottom:1px solid #193421;backdrop-filter:blur(14px)}

.academy-logo{direction:ltr;display:inline-flex;align-items:center;gap:8px;flex-shrink:0;white-space:nowrap;font:800 13px/1.4 Arial,sans-serif;letter-spacing:.25px}

.academy-logo b,.logo-icon{color:var(--a-green)}.logo-icon{font-size:19px}

.academy-nav{display:flex;align-items:center;justify-content:center;gap:clamp(12px,1.7vw,25px);min-width:0}

.academy-nav a{font-size:12px;white-space:nowrap;color:#c1d7c8!important;font-weight:600}.academy-nav a:hover,.academy-nav a.current{color:var(--a-green)!important}

.academy-header-end{display:flex;align-items:center;gap:10px;flex-shrink:0}

.academy-cta{display:inline-block;padding:8px 14px;border-radius:8px;background:var(--a-green);color:#06150a!important;font-size:11px;font-weight:800;white-space:nowrap}

.academy-languages,.academy-menu{position:relative}.academy-languages summary,.academy-menu summary{list-style:none;cursor:pointer;padding:7px 10px;border:1px solid #2c4d36;border-radius:8px;color:#e0f4e5;white-space:nowrap;font-size:11px}

.academy-languages summary::-webkit-details-marker,.academy-menu summary::-webkit-details-marker{display:none}

.language-list,.academy-menu nav{position:absolute;top:calc(100% + 8px);left:0;min-width:140px;background:#0d2115;border:1px solid #30563b;border-radius:10px;padding:8px;box-shadow:0 14px 25px #0009}

.language-list a,.academy-menu nav a{display:block;padding:7px 9px;font-size:12px;white-space:nowrap}.language-list a:hover,.academy-menu nav a:hover{color:var(--a-green)}.academy-menu{display:none}

body.academy-page main{width:min(1160px,calc(100% - 36px));margin:0 auto;padding:22px 0 86px}

body.academy-page .crumb{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:4px 0 34px;color:#8da797;font-size:12px}.crumb a:hover{color:var(--a-green)}

body.academy-page .hero{max-width:940px;margin:22px auto 40px;text-align:center}

body.academy-page .eyebrow{color:var(--a-green);font-size:12px;letter-spacing:.8px;font-weight:800}

body.academy-page h1{margin:10px 0 15px;font-size:clamp(30px,4.2vw,47px);line-height:1.5;font-weight:800;letter-spacing:0}

body.academy-page h1 em{font-style:normal;color:var(--a-green)}

body.academy-page h2{font-size:17px;line-height:1.55;margin:8px 0 12px;font-weight:800}

body.academy-page p{color:var(--a-muted);margin:0 0 13px}

body.academy-page .hero>p{max-width:760px;margin:0 auto 20px;font-size:14px}

body.academy-page .notice{margin:18px auto;max-width:850px;border:1px solid #234732;background:#0d2417;color:#b1d5be;border-radius:9px;padding:10px 15px;font-size:12px}

body.academy-page label{display:block;text-align:right;max-width:600px;margin:20px auto 4px;color:#c8dfd0;font-size:12px}

body.academy-page input{display:block;width:100%;max-width:600px;margin:0 auto;padding:12px 15px;border:1px solid #2b4a34;border-radius:10px;background:#0b1c12;color:white;font:inherit;text-align:right}

body.academy-page input:focus{outline:2px solid #389e5d}

body.academy-page .grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}

body.academy-page .grid.lessons{grid-template-columns:repeat(3,minmax(0,1fr))}

body.academy-page .card,body.academy-page .panel{display:flex;flex-direction:column;align-items:stretch;min-height:190px;padding:21px 19px;border:1px solid var(--a-border);border-radius:13px;background:linear-gradient(145deg,#0d1f13,#0a160e);transition:transform .2s,border-color .2s,box-shadow .2s}

body.academy-page .card:hover{transform:translateY(-3px);border-color:#398e57;box-shadow:0 12px 30px #0006}

body.academy-page .card small{color:var(--a-green);font-size:11px;font-weight:700}

body.academy-page .card h2{margin:10px 0 9px;font-size:17px}

body.academy-page .card p{font-size:12px;line-height:1.8;flex:1;margin-bottom:16px}

body.academy-page .card .more{display:inline-block;margin-top:auto;color:var(--a-green);font-size:12px;font-weight:800}

body.academy-page .panel{max-width:820px;min-height:unset;margin:auto;padding:28px}

body.academy-page .btn{color:var(--a-green);font-weight:800;font-size:13px}

body.academy-page footer{padding:25px 16px;text-align:center;border-top:1px solid #1b3423;color:#91aa98;font-size:12px}

body.academy-page footer a{color:var(--a-green)}[hidden]{display:none!important}

@media(max-width:1170px){.academy-nav{gap:11px}.academy-nav a{font-size:11px}.academy-logo{font-size:11px}.academy-cta{display:none}}

@media(max-width:920px){.academy-nav{display:none}.academy-menu{display:block}.academy-header{gap:10px}.academy-header-end{margin-inline-start:auto}.grid{gap:12px}body.academy-page .grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.academy-page .grid.lessons{grid-template-columns:repeat(2,minmax(0,1fr))}}

@media(max-width:560px){.academy-header{padding:10px 13px;min-height:62px}.academy-logo{font-size:10px}.academy-logo .logo-icon{font-size:16px}.academy-languages summary{font-size:10px;padding:7px}.academy-menu summary{padding:6px 10px}body.academy-page main{width:calc(100% - 28px);padding:17px 0 60px}body.academy-page .hero{margin:20px auto 28px}body.academy-page h1{font-size:29px}body.academy-page .grid,body.academy-page .grid.lessons{grid-template-columns:1fr}body.academy-page .card{min-height:155px;padding:18px}body.academy-page .crumb{margin-bottom:18px}}


/* ACADEMY_SHARED_NAV_COLORS_V1 */
/* Match Persian homepage navigation without changing Academy content. */

html[lang="fa-IR"] body.academy-page header.nav nav a {
    color: #a9b9b0 !important;
    font-weight: 500;
}

html[lang="fa-IR"] body.academy-page header.nav nav a:hover,
html[lang="fa-IR"] body.academy-page header.nav nav a[aria-current="page"] {
    color: #42e78d !important;
}

html[lang="fa-IR"] body.academy-page header.nav .nav-new {
    color: #42e78d !important;
}



/* ACADEMY_LESSON_LAYOUT_REPAIR_V1
   Scoped to the local Persian Academy only.
*/
body.academy-page main {
    width: min(1120px, calc(100% - 36px));
    margin-inline: auto;
}

body.academy-page main > .hero {
    max-width: 100%;
    margin: 18px auto 26px;
    padding: 30px clamp(18px, 3vw, 36px);
    text-align: right;
}

body.academy-page main > .hero h1 {
    max-width: 900px;
    margin: 8px 0 16px;
    font-size: clamp(27px, 3.2vw, 42px);
    line-height: 1.65;
}

body.academy-page main > .hero > p {
    max-width: 850px;
    margin-inline: 0;
    font-size: 15px;
    line-height: 2;
}

body.academy-page .fa-lesson-content-v1 {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
    align-items: start;
    direction: rtl;
    margin: 22px auto 50px;
}

body.academy-page .fa-lesson-content-v1 .lesson-toc {
    position: static;
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    padding: 18px 22px;
}

body.academy-page .fa-lesson-content-v1 .lesson-toc a {
    display: block;
    line-height: 1.9;
    overflow-wrap: anywhere;
}

body.academy-page .fa-lesson-content-v1 .lesson-content {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    padding: clamp(18px, 3vw, 36px);
}

body.academy-page .fa-lesson-content-v1 .lesson-section {
    min-width: 0;
    margin: 0;
    padding: 24px 0;
    scroll-margin-top: 100px;
}

body.academy-page .fa-lesson-content-v1 .lesson-section h2 {
    font-size: clamp(20px, 2.2vw, 28px);
    line-height: 1.8;
    overflow-wrap: anywhere;
}

body.academy-page .fa-lesson-content-v1 .lesson-section p,
body.academy-page .fa-lesson-content-v1 .lesson-section li {
    font-size: 15px;
    line-height: 2.1;
    overflow-wrap: anywhere;
}

body.academy-page .fa-lesson-content-v1 .lesson-section a {
    overflow-wrap: anywhere;
}

@media (min-width: 900px) {
    body.academy-page .fa-lesson-content-v1 {
        grid-template-columns: minmax(220px, 0.34fr) minmax(0, 1fr);
    }

    body.academy-page .fa-lesson-content-v1 .lesson-toc {
        position: sticky;
        top: 94px;
    }
}

@media (max-width: 600px) {
    body.academy-page main {
        width: calc(100% - 24px);
    }

    body.academy-page main > .hero {
        padding: 22px 16px;
        margin-top: 12px;
    }

    body.academy-page .fa-lesson-content-v1 .lesson-content {
        padding: 18px;
    }

    body.academy-page .fa-lesson-content-v1 .lesson-section {
        padding: 18px 0;
    }
}



/* ACADEMY_PERSIAN_READING_LAYOUT_V2
   Persian Academy only ? no changes to other pages.
*/

/* Comfortable Persian reading typography */
html[lang="fa-IR"] body.academy-page main > .hero h1 {
    font-size: clamp(25px, 2.5vw, 34px);
    line-height: 1.55;
    font-weight: 700;
}

html[lang="fa-IR"] body.academy-page main > .hero > p {
    font-size: 13px;
    line-height: 1.9;
}

html[lang="fa-IR"] body.academy-page .lesson-section h2 {
    font-size: clamp(17px, 1.6vw, 21px);
    line-height: 1.65;
    font-weight: 700;
}

html[lang="fa-IR"] body.academy-page .lesson-section p,
html[lang="fa-IR"] body.academy-page .lesson-section li {
    font-size: 13px;
    line-height: 1.95;
}

html[lang="fa-IR"] body.academy-page .lesson-section {
    padding-block: 19px;
}

/* Keep the main reading area wide */
html[lang="fa-IR"] body.academy-page .fa-lesson-content-v1 {
    width: 100%;
    max-width: 1120px;
    margin-inline: auto;
    gap: 20px;
}

html[lang="fa-IR"] body.academy-page .fa-lesson-content-v1 .lesson-content {
    max-width: none;
    width: 100%;
    margin: 0;
    min-width: 0;
    direction: rtl;
    text-align: right;
}

html[lang="fa-IR"] body.academy-page .fa-lesson-content-v1 .lesson-toc {
    width: 100%;
    margin: 0;
    min-width: 0;
    direction: rtl;
    text-align: right;
}

/* RTL grid: first column is physically on the RIGHT */
@media (min-width: 900px) {
    html[lang="fa-IR"] body.academy-page .fa-lesson-content-v1 {
        direction: rtl;
        display: grid;
        grid-template-columns: minmax(0, 1fr) 230px;
        align-items: start;
    }

    html[lang="fa-IR"] body.academy-page .fa-lesson-content-v1 .lesson-content {
        grid-column: 1;
        grid-row: 1;
    }

    html[lang="fa-IR"] body.academy-page .fa-lesson-content-v1 .lesson-toc {
        grid-column: 2;
        grid-row: 1;
        position: sticky;
        top: 90px;
    }
}

/* Single-column mobile layout */
@media (max-width: 899px) {
    html[lang="fa-IR"] body.academy-page .fa-lesson-content-v1 {
        display: flex;
        flex-direction: column;
        direction: rtl;
    }

    html[lang="fa-IR"] body.academy-page .fa-lesson-content-v1 .lesson-toc {
        position: static;
        order: 0;
    }

    html[lang="fa-IR"] body.academy-page .fa-lesson-content-v1 .lesson-content {
        order: 1;
    }
}


/* PERSIAN_ACADEMY_HOME_PARITY_V2 */
html[lang="fa-IR"] .fa-learn-home {
 direction:rtl;
 width:100%;
 max-width:1240px;
 margin-inline:auto;
}
html[lang="fa-IR"] .fa-learn-home .learn-hero {
 text-align:center;
}
html[lang="fa-IR"] .fa-learn-home .learn-hero h1 {
 line-height:1.4;
}
html[lang="fa-IR"] .fa-learn-home .fa-learn-search {
 max-width:720px;
 margin:24px auto 0;
 text-align:right;
}
html[lang="fa-IR"] .fa-learn-home .fa-learn-search label {
 display:block;
 font-size:12px;
 margin-bottom:9px;
}
html[lang="fa-IR"] .fa-learn-home .learn-search-wrap {
 direction:rtl;
 display:flex;
 align-items:center;
 gap:12px;
}
html[lang="fa-IR"] .fa-learn-home #find {
 direction:rtl;
 text-align:right;
 flex:1;
 min-width:0;
 width:100%;
}
html[lang="fa-IR"] .fa-learn-home .learn-scanner-guide,
html[lang="fa-IR"] .fa-learn-home .learn-hub-heading,
html[lang="fa-IR"] .fa-learn-home .learn-principles,
html[lang="fa-IR"] .fa-learn-home .learn-disclaimer {
 direction:rtl;
 text-align:right;
}
html[lang="fa-IR"] .fa-learn-home .learn-scanner-metrics {
 direction:ltr;
}
html[lang="fa-IR"] .fa-learn-home .learn-category-grid {
 direction:rtl;
 display:grid;
 grid-template-columns:repeat(2,minmax(0,1fr));
 gap:16px;
}
html[lang="fa-IR"] .fa-learn-home .learn-category {
 min-width:0;
 text-align:right;
}
html[lang="fa-IR"] .fa-learn-home .learn-topic-list {
 direction:rtl;
 display:flex;
 flex-wrap:wrap;
 gap:7px;
}
html[lang="fa-IR"] .fa-learn-home .learn-topic-list a {
 text-decoration:none;
}
html[lang="fa-IR"] .fa-learn-home .learn-category-footer {
 direction:rtl;
}
html[lang="fa-IR"] .fa-learn-home .learn-principles-grid article {
 text-align:right;
}
@media(max-width:720px) {
 html[lang="fa-IR"] .fa-learn-home .learn-category-grid {
  grid-template-columns:minmax(0,1fr);
 }
 html[lang="fa-IR"] .fa-learn-home .learn-scanner-guide {
  display:flex;
  flex-direction:column;
 }
}


/* PERSIAN_ACADEMY_CATEGORY_BADGES_V1
   Fix number/icon overlap on Persian Academy category cards only.
*/
html[lang="fa-IR"] body.academy-page .learn-category {
    position: relative;
}

html[lang="fa-IR"] body.academy-page .learn-category-number {
    position: absolute;
    top: 25px;
    right: 88px;
    left: auto;
    margin: 0;
    width: auto;
    height: auto;
    line-height: 43px;
    font-size: 38px;
    font-weight: 900;
    letter-spacing: -0.04em;
    color: #26382e;
    direction: ltr;
    unicode-bidi: isolate;
    pointer-events: none;
}

html[lang="fa-IR"] body.academy-page .learn-category-icon {
    position: relative;
    width: 43px;
    height: 43px;
    margin-right: 0;
    margin-left: auto;
    flex: 0 0 43px;
    z-index: 1;
}

@media (max-width: 600px) {
    html[lang="fa-IR"] body.academy-page .learn-category-number {
        top: 21px;
        right: 78px;
        font-size: 32px;
        line-height: 43px;
    }
}


/* PERSIAN_ACADEMY_SCANNER_BANNER_V3_START */
html[lang="fa-IR"] body.academy-page .fa-learn-home .learn-scanner-guide {
    direction: rtl;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 230px;
    gap: 35px;
    align-items: center;
    text-align: right;
}

html[lang="fa-IR"] body.academy-page .fa-learn-home .learn-scanner-guide-copy {
    min-width: 0;
    text-align: right;
}

html[lang="fa-IR"] body.academy-page .fa-learn-home .learn-scanner-guide-copy h2 {
    margin: 7px 0 8px;
    font-size: 30px;
    line-height: 1.35;
    letter-spacing: normal;
    text-align: right;
}

html[lang="fa-IR"] body.academy-page .fa-learn-home .learn-scanner-guide-copy > p {
    max-width: 650px;
    margin: 0;
    font-size: 14px;
    text-align: right;
}

html[lang="fa-IR"] body.academy-page .fa-learn-home .learn-scanner-metrics {
    direction: ltr;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 6px;
    margin-top: 18px;
}

html[lang="fa-IR"] body.academy-page .fa-learn-home .learn-scanner-metrics > span {
    direction: ltr;
    unicode-bidi: isolate;
    white-space: nowrap;
}

html[lang="fa-IR"] body.academy-page .fa-learn-home .learn-scanner-guide-action {
    min-width: 0;
    padding: 22px;
    border-left: 0;
    border-right: 1px solid #23402f;
    text-align: right;
}

html[lang="fa-IR"] body.academy-page .fa-learn-home .learn-scanner-guide-action .scanner-guide-radar {
    margin-bottom: 14px;
}

html[lang="fa-IR"] body.academy-page .fa-learn-home .learn-scanner-guide-action > span {
    display: block;
    margin-bottom: 10px;
}

html[lang="fa-IR"] body.academy-page .fa-learn-home .learn-scanner-guide-action a {
    display: inline-block;
    text-align: right;
}

@media (max-width: 720px) {
    html[lang="fa-IR"] body.academy-page .fa-learn-home .learn-scanner-guide {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 20px;
    }

    html[lang="fa-IR"] body.academy-page .fa-learn-home .learn-scanner-guide-copy h2 {
        font-size: 27px;
    }

    html[lang="fa-IR"] body.academy-page .fa-learn-home .learn-scanner-metrics {
        justify-content: flex-end;
    }

    html[lang="fa-IR"] body.academy-page .fa-learn-home .learn-scanner-guide-action {
        padding: 18px 0 0;
        border-right: 0;
        border-top: 1px solid #23402f;
    }
}
/* PERSIAN_ACADEMY_SCANNER_BANNER_V3_END */


/* PERSIAN_ACADEMY_TEACHING_PARITY_V1 */
html[lang="fa-IR"] body.academy-page .fa-learn-home .learn-principles {
    direction: rtl;
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.4fr);
    align-items: center;
    gap: 48px;
    text-align: right;
}

html[lang="fa-IR"] body.academy-page .fa-learn-home .learn-principles-copy {
    min-width: 0;
    text-align: right;
}

html[lang="fa-IR"] body.academy-page .fa-learn-home .learn-principles-copy h2 {
    margin: 16px 0 18px;
    font-size: clamp(30px, 3vw, 52px);
    font-weight: 850;
    line-height: 1.38;
    letter-spacing: normal;
}

html[lang="fa-IR"] body.academy-page .fa-learn-home .learn-principles-copy h2 em {
    display: inline;
    color: #8df59e;
    font-style: normal;
}

html[lang="fa-IR"] body.academy-page .fa-learn-home .learn-principles-copy > p {
    max-width: 620px;
    margin: 0;
    font-size: 17px;
    line-height: 2;
    color: #9eafa5;
}

html[lang="fa-IR"] body.academy-page .fa-learn-home .learn-principles-grid {
    direction: rtl;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    min-width: 0;
}

html[lang="fa-IR"] body.academy-page .fa-learn-home .learn-principles-grid article {
    min-width: 0;
    padding: 25px;
    text-align: right;
}

html[lang="fa-IR"] body.academy-page .fa-learn-home .learn-principles-grid article > span {
    display: block;
    margin-bottom: 18px;
    color: #73f594;
    font-size: 14px;
    font-weight: 800;
}

html[lang="fa-IR"] body.academy-page .fa-learn-home .learn-principles-grid article h3 {
    margin: 0 0 10px;
    font-size: 19px;
    line-height: 1.5;
    font-weight: 800;
}

html[lang="fa-IR"] body.academy-page .fa-learn-home .learn-principles-grid article p {
    display: block;
    margin: 0;
    color: #9eafa5;
    font-size: 14px;
    line-height: 1.9;
}

@media (max-width: 900px) {
    html[lang="fa-IR"] body.academy-page .fa-learn-home .learn-principles {
        grid-template-columns: minmax(0, 1fr);
        gap: 26px;
    }
}

@media (max-width: 600px) {
    html[lang="fa-IR"] body.academy-page .fa-learn-home .learn-principles-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    html[lang="fa-IR"] body.academy-page .fa-learn-home .learn-principles-copy h2 {
        font-size: 30px;
    }

    html[lang="fa-IR"] body.academy-page .fa-learn-home .learn-principles-copy > p {
        font-size: 15px;
    }
}





/* FA_ACADEMY_LEARN_FOOTER_CORRECTED_V3 */

html[lang="fa-IR"] body.academy-page
footer.fa-academy-learn-footer {
    display: block;
    direction: rtl;
    text-align: right;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 50px clamp(20px, 3vw, 55px) 25px;
    border-top: 1px solid #1b3423;
    background: #050b07;
    color: #91aa98;
    font-size: 14px;
}

html[lang="fa-IR"] body.academy-page
.fa-learn-footer-top {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(180px, .6fr);
    gap: 45px;
    padding-bottom: 42px;
    align-items: start;
}

html[lang="fa-IR"] body.academy-page
.fa-learn-footer-brand {
    min-width: 0;
    text-align: right;
}

html[lang="fa-IR"] body.academy-page
.fa-learn-footer-brand .footbrand {
    display: flex;
    direction: ltr;
    align-items: center;
    justify-content: flex-start;
    width: fit-content;
    max-width: 100%;
    gap: 8px;
    color: #f5faf6;
    font-weight: 900;
}

html[lang="fa-IR"] body.academy-page
.fa-learn-footer-brand .footbrand .radar {
    color: #51ef8a;
}

html[lang="fa-IR"] body.academy-page
.fa-learn-footer-brand p {
    margin: 25px 0 0;
    line-height: 1.9;
    color: #91aa98;
}

html[lang="fa-IR"] body.academy-page
.fa-learn-footer-nav {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
}

html[lang="fa-IR"] body.academy-page
.fa-learn-footer-nav a {
    display: block;
    color: #aec2b4;
    font-size: 15px;
    text-decoration: none;
}

html[lang="fa-IR"] body.academy-page
.fa-learn-footer-nav a:hover {
    color: #51ef8a;
}

html[lang="fa-IR"] body.academy-page
.fa-learn-footer-legal {
    border-top: 1px solid #1b3423;
    padding-top: 25px;
    text-align: right;
}

html[lang="fa-IR"] body.academy-page
.fa-learn-footer-legal .legal {
    color: #748d7e;
    font-size: 12px;
    line-height: 1.9;
}

@media (max-width: 700px) {
    html[lang="fa-IR"] body.academy-page
    footer.fa-academy-learn-footer {
        padding: 30px 20px 25px;
    }

    html[lang="fa-IR"] body.academy-page
    .fa-learn-footer-top {
        grid-template-columns: minmax(0, 1fr);
        gap: 30px;
    }
}

/* PERSIAN_ACADEMY_BADGE_TOPIC_REFINEMENT_724
   Persian Academy mobile presentation only.
   Preserve existing badge positions and topic links.
*/
@media (max-width:700px) {
    html[lang="fa-IR"] body.academy-page .fa-learn-home .learn-category-number {
        color:#8ba999;
        opacity:.85;
    }

    html[lang="fa-IR"] body.academy-page .fa-learn-home .learn-topic-list {
        gap:8px;
    }

    html[lang="fa-IR"] body.academy-page .fa-learn-home .learn-topic-list a {
        font-size:12px;
        line-height:1.7;
        padding:7px 11px;
        border-color:#294333;
        overflow-wrap:anywhere;
    }
}

/* PERSIAN_ACADEMY_FINAL_MOBILE_REFINEMENT_727
   Local Persian Academy only.
   Improve mobile reading hierarchy without changing content or links.
*/
@media (max-width:700px) {
    html[lang="fa-IR"] body.academy-page .fa-learn-home .learn-category {
        padding:24px 22px;
    }

    html[lang="fa-IR"] body.academy-page .fa-learn-home .learn-category > p {
        color:#b2c5b8;
        font-size:13px;
        line-height:1.9;
    }

    html[lang="fa-IR"] body.academy-page .fa-learn-home .learn-topic-list {
        margin-top:24px;
        gap:9px;
    }

    html[lang="fa-IR"] body.academy-page .fa-learn-home .learn-topic-list a.learn-topic-live {
        color:#b5e5c5;
        background:#0d1a12;
        border-color:#294b35;
        font-weight:650;
        line-height:1.75;
    }

    html[lang="fa-IR"] body.academy-page .fa-learn-home .learn-topic-list a.learn-topic-live:hover,
    html[lang="fa-IR"] body.academy-page .fa-learn-home .learn-topic-list a.learn-topic-live:focus-visible {
        color:#46f58b;
        border-color:#46f58b;
    }
}
