:root{--bg:#f7f5fa;--card:#fff;--ink:#1b1728;--muted:#6d6879;--p:#6546c3;--pd:#422b8f;--g:#399675;--gold:#b78f39;--line:#e7e2ee;--dark:#1d1730;--max:1180px;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;color:var(--ink);background:var(--bg);font-family:Tahoma,"Segoe UI",Arial,sans-serif;line-height:2;font-size:1rem}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}img{max-width:100%;display:block;height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.65}h1{font-size:clamp(2rem,4.5vw,3.7rem);margin-bottom:.4rem}h2{font-size:1.55rem}h3{font-size:1.15rem}p{margin-bottom:1rem}a:focus-visible,button:focus-visible,summary:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--g);outline-offset:4px}.wrap{width:min(calc(100% - 40px),var(--max));margin:auto}.skip{position:absolute;top:-100px;right:15px;z-index:50;background:#fff;padding:10px}.skip:focus{top:10px}header{position:sticky;top:0;background:#fffffff2;backdrop-filter:blur(14px);border-bottom:1px solid var(--line);z-index:20}.nav{min-height:78px;display:flex;align-items:center;gap:24px;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px}.brand b{font-size:1.25rem}.brand small{display:block;color:var(--muted);font-size:.8rem}.mark{width:48px;height:48px;background:linear-gradient(145deg,#5e40b8,#846bd6);border-radius:15px;display:grid;place-items:center}.mark svg{width:34px;height:34px}.nav nav{display:flex;gap:6px}.nav nav a{font-size:.9rem;padding:8px 14px;border-radius:12px}.nav nav a:hover,.nav nav a.active{background:#eee9fb;color:var(--pd)}.menu-button{display:none;border:1px solid var(--line);border-radius:12px;width:44px;height:44px;background:white}.mobile-nav{padding:10px 20px;background:white}.mobile-nav a{display:block;padding:12px;border-bottom:1px solid var(--line)}[hidden]{display:none!important}.eyebrow{color:var(--pd);font-weight:bold;font-size:.88rem;display:block}.breadcrumb{display:flex;gap:10px;flex-wrap:wrap;font-size:.88rem;color:var(--muted);margin-bottom:24px}.breadcrumb a:hover{color:var(--p);text-decoration:underline}.hub-intro{padding:32px 0 54px}.hub-title{display:grid;grid-template-columns:1.4fr 1fr;gap:60px;align-items:center}.hub-title p{font-size:1.08rem;color:var(--muted);max-width:670px}.hub-title em{color:var(--p);font-style:normal}.intro-note{border-radius:27px;background:linear-gradient(145deg,#261c42,#523d97);padding:27px 30px;color:white;position:relative;overflow:hidden}.intro-note h2{font-size:1.3rem;position:relative;margin-top:28px}.intro-note p{color:#ddd5f0;font-size:1rem}.note-num{font-size:6rem;line-height:1;position:absolute;left:24px;top:5px;color:#c9b5ff25;font-weight:bold}.source-tag{font-size:.8rem;color:#e6dcff;border-top:1px solid #ffffff30;display:block;padding-top:12px}.actions{display:flex;gap:10px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:14px;min-height:48px;font-weight:bold;border:1px solid transparent;font-size:.94rem}.btn.primary{background:var(--p);color:white}.btn.primary:hover{background:var(--pd)}.btn.light{background:white;border-color:var(--line);color:var(--pd)}.hub-section{padding-bottom:65px}.section-head{display:flex;gap:30px;justify-content:space-between;align-items:end;margin-bottom:25px}.section-head h2{margin-bottom:0}.section-head p{color:var(--muted);font-size:.95rem;margin-bottom:0;max-width:500px}.skill-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.skill-card{background:white;border:1px solid var(--line);border-radius:22px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.skill-card:hover{transform:translateY(-4px);box-shadow:0 14px 35px #2b1e4c12}.card-art{display:block;padding:12px;background:#f2ede6}.card-art img{width:100%;height:auto;border-radius:12px}.card-body{padding:20px;display:flex;flex-direction:column;flex:1}.card-body h2{font-size:1.3rem;margin-bottom:7px}.card-body p{font-size:.95rem;color:var(--muted);margin-bottom:12px}.card-body small{font-size:.8rem;color:var(--muted);display:block;margin-top:auto;margin-bottom:14px}.card-body .btn{width:100%;padding:9px 12px}.valuable-section{padding:65px 0;background:#fff;border-block:1px solid var(--line)}.bonus-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.bonus-card{min-width:0}.bonus-card h3{font-size:1rem;margin:13px 0 7px}.poster{padding:0;border:1px solid var(--line);background:#fff;border-radius:17px;overflow:hidden;width:100%;position:relative;display:block}.poster img{width:100%;height:auto}.poster span{display:block;padding:7px 10px;background:#f2edf9;color:var(--pd);font-size:.88rem;font-weight:bold}.download{display:inline-block;color:var(--p);font-size:.88rem;border-bottom:1px solid #cab9ee;padding-bottom:1px}.source-block{padding:42px 0 55px;max-width:950px}.source-block h2{font-size:1.25rem}.source-block p,.source-inline p{font-size:.9rem;color:var(--muted)}.lesson-intro{padding:32px 0 25px}.lesson-intro h1{font-size:clamp(2rem,3.6vw,3.1rem)}.subtitle{font-size:1.15rem;font-weight:normal;color:var(--g);margin-bottom:15px}.lead{max-width:900px;font-size:1.08rem;color:#51485f}.lesson-meta{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.lesson-meta>span{border:1px solid var(--line);border-radius:999px;background:white;padding:4px 12px;font-size:.82rem;color:var(--muted)}.print-button{border:0;background:transparent;color:var(--pd);font-size:.86rem;text-decoration:underline;padding:6px}.lesson-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:34px;align-items:start;padding-bottom:65px}.lesson-aside{position:sticky;top:99px;align-self:start;max-height:calc(100vh - 115px);overflow-y:auto;scrollbar-width:thin;padding:2px 2px 12px}.toc{border:1px solid var(--line);border-radius:19px;padding:17px;background:#fff}.toc h2{font-size:1.1rem;margin-bottom:12px}.toc a{display:flex;align-items:baseline;gap:10px;font-size:.88rem;padding:8px 0;border-bottom:1px solid #eee9f5}.toc a:last-child{border:0}.toc a:hover{color:var(--p)}.toc a span{color:var(--g);font-weight:bold}.toc .reflection-link{font-weight:bold;color:var(--p)}.aside-poster{margin-top:18px}.aside-poster .download{margin-top:9px}.lesson-content{min-width:0}.lesson-part{background:#fff;border:1px solid var(--line);border-radius:24px;padding:30px;margin-bottom:24px;scroll-margin-top:103px}.part-head{display:flex;gap:14px;align-items:center;margin-bottom:20px}.part-head h2{margin-bottom:0;font-size:1.4rem}.part-num{flex:0 0 46px;width:46px;height:46px;border-radius:14px;background:#eee9fb;color:var(--pd);font-size:1.45rem;display:grid;place-items:center;font-weight:bold}.part-head .eyebrow{font-size:.8rem;color:var(--muted)}.lesson-part>p{color:#4b4355}.example{background:#f2f8f5;border-right:4px solid var(--g);border-radius:12px;padding:20px;margin:24px 0}.box-label{font-size:.82rem;font-weight:bold;color:var(--g);display:block;margin-bottom:8px}.example h3{margin-bottom:7px}.example p{margin-bottom:0;color:#40574d}.practice{padding-top:5px}.practice>.box-label{color:var(--p)}details{border:1px solid var(--line);border-radius:12px;background:#faf8fd;margin:15px 0}summary{cursor:pointer;padding:11px 15px;color:var(--pd);font-weight:bold;font-size:.94rem}details p{padding:0 15px 15px;margin:0;color:#5f546d}.answer-label{display:block;font-size:.9rem;color:var(--muted);margin:15px 0 8px}textarea{width:100%;resize:vertical;min-height:110px;border:1px solid #dcd2ec;border-radius:13px;padding:13px;background:#fff;line-height:1.9;color:var(--ink);font-size:1rem}textarea::placeholder{color:#80768d;font-size:.9rem}.reflection{border-radius:24px;padding:30px;border:1px solid #cec0eb;background:#eee9fb;scroll-margin-top:103px}.reflection h2{margin-top:8px}.reflection>p{color:#5a4c6e;font-size:.94rem}.reflection ol{list-style:persian;padding-right:25px;margin:20px 0}.reflection li{padding:13px 0 17px;border-bottom:1px solid #d9cfee}.reflection li label{display:block;font-size:1rem}.reflection select{margin-top:10px;padding:9px 12px;min-height:45px;max-width:100%;border:1px solid #cec0eb;border-radius:10px;background:white;color:#4c3b6b;font-size:.9rem}.session-note{font-size:.85rem!important;margin-top:12px}.source-inline{padding:30px 5px 15px}.source-inline h2{font-size:1.15rem}.next-prev{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;margin:15px 0 30px}.all-skills{display:flex;gap:8px;flex-wrap:wrap}.all-skills a{font-size:.88rem;border:1px solid var(--line);border-radius:10px;background:white;padding:7px 11px}.all-skills a[aria-current]{color:white;background:var(--p);border-color:var(--p)}footer{background:var(--dark);color:white;padding:35px 0}.foot{display:flex;justify-content:space-between;align-items:center;gap:25px}.foot span{display:block;color:#bdb5ce;font-size:.85rem}.foot p{font-size:.94rem;margin:0;color:#d7cfe5}.foot>a{font-size:.9rem;color:#e0d6f4}dialog{border:1px solid var(--line);border-radius:20px;padding:20px;max-width:min(92vw,850px);max-height:94vh;overflow:auto;background:#faf7f2}dialog::backdrop{background:#1d1730bb;backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between;align-items:start;gap:18px;margin-bottom:15px}.dialog-head h2{font-size:1.1rem;margin:0}.dialog-head button{border:1px solid var(--line);background:white;border-radius:10px;padding:7px 15px;flex:none}.dialog-head~img{width:100%;height:auto}.dialog-head~a{margin-top:15px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.skill-card{transition:none}}
@media(max-width:1050px){.skill-grid,.bonus-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hub-title{gap:30px}.lesson-layout{grid-template-columns:250px minmax(0,1fr);gap:22px}.lesson-part{padding:24px}}
@media(max-width:800px){.wrap{width:calc(100% - 28px)}.nav{min-height:70px}.nav nav{display:none}.menu-button{display:block}.hub-title{grid-template-columns:1fr;gap:25px}.intro-note{padding:23px}.hub-intro{padding-bottom:35px}.skill-grid,.bonus-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-head{display:block}.section-head p{margin-top:10px}.lesson-layout{grid-template-columns:1fr}.lesson-aside{position:static;max-height:none;overflow:visible;display:grid;grid-template-columns:1fr 180px;gap:15px;align-items:start}.aside-poster{margin:0}.toc a{font-size:.88rem}.lesson-part{scroll-margin-top:85px}.foot{flex-direction:column;align-items:start}.reflection{padding:24px}}
@media(max-width:500px){.wrap{width:calc(100% - 24px)}.nav{gap:10px;min-height:66px}.brand b{font-size:1.1rem}.brand small{font-size:.75rem}.mark{width:43px;height:43px}.hub-title h1{font-size:2.7rem}.skill-grid,.bonus-grid{grid-template-columns:1fr}.card-art{padding:16px}.card-art img{max-width:320px;margin:auto}.card-body{padding:20px}.bonus-card{max-width:370px;margin:auto;width:100%}.lesson-aside{display:block}.aside-poster{max-width:240px;margin:20px auto}.lesson-part,.reflection{padding:21px 18px;border-radius:18px}.part-head{gap:10px}.part-num{flex-basis:37px;width:37px;height:37px;font-size:1.15rem}.part-head h2{font-size:1.25rem}.lead{font-size:1rem}.example{padding:16px}.actions .btn{width:100%}.next-prev .btn{width:100%}.breadcrumb{font-size:.82rem}.dialog-head h2{font-size:1rem}dialog{padding:12px;max-width:96vw}}
@media print{body{background:white;color:#111;font-size:11pt;line-height:1.7}header,footer,.skip,.lesson-aside,.lesson-meta,.next-prev,.all-skills,.print-button,button,.source-block,dialog{display:none!important}.wrap{width:100%;max-width:none}.lesson-layout{display:block;padding:0}.lesson-intro{padding:0}.lesson-intro h1{font-size:24pt}.lesson-part,.reflection{border:1px solid #bbb;box-shadow:none;background:white!important;padding:15px;margin:15px 0;border-radius:0;break-inside:auto}.part-head{break-after:avoid}.example,.practice,details{break-inside:avoid;background:white!important}details{display:block}details:not([open])>p{display:block!important}.print-answer{white-space:pre-wrap;padding:10px;border:1px solid #bbb;min-height:45px}textarea,select{display:none!important}.source-inline{padding:10px 0}a{color:#111}.poster span{display:none}.hub-title{display:block}.intro-note{color:#111;background:white}.skill-grid,.bonus-grid{grid-template-columns:repeat(3,1fr)}.skill-card{break-inside:avoid}.valuable-section{page-break-before:always}}

.lesson-visual{margin:26px 0 28px;border:1px solid #e8decb;border-radius:18px;overflow:hidden;background:#faf6ee}.lesson-visual img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.lesson-visual figcaption{padding:14px 19px;font-size:.94rem;line-height:1.9;color:#59486e;border-top:1px solid #e8decb;background:#fcfaf5}.lesson-visual figcaption:before{content:"مکث تصویری · ";font-weight:bold;color:#6546c3}@media(max-width:500px){.lesson-visual{margin:22px -4px;border-radius:13px}.lesson-visual figcaption{padding:12px 14px;font-size:.9rem}}@media print{.lesson-visual{break-inside:avoid;max-width:360px;margin:18px auto}.lesson-visual figcaption{font-size:10pt;padding:8px}}
