/* Shared educational pages: inherit the portfolio's light/dark design tokens. */
.learning{--bg-page:var(--bg-base);--bg-paper:var(--bg-surface);--border-color:var(--border-medium);--claude-orange:var(--primary);--claude-deep:var(--primary);--claude-light:var(--primary-glow);--matcha-primary:var(--matcha);--matcha-dark:var(--matcha);--matcha-pale:var(--bg-surface);--matcha-border:var(--border-medium);--navy-primary:var(--chocolate);--navy-dark:var(--chocolate-deep);--font-code:monospace;font-family:var(--font-main);line-height:1.9}
.learning-hero{padding-top:145px;padding-bottom:66px}.learning-hero .breadcrumbs{justify-content:flex-start;font-size:1rem;margin-bottom:38px}.learning-hero-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:56px;align-items:center}.learning h1{font-size:clamp(2.8rem,5.8vw,6rem);line-height:1.12;letter-spacing:-.045em;font-weight:700;margin:20px 0 26px}.learning h1 em{font-style:normal;color:var(--primary)}.learning-lede{max-width:51ch;font-size:1.22rem;color:var(--text-secondary);margin-bottom:28px}.learning-portrait{position:relative;min-width:0;margin:0;transform:rotate(-2deg)}.learning-portrait img{display:block;width:100%;height:390px;object-fit:cover;border-radius:44% 44% 16px 16px;filter:sepia(.13)}.learning-portrait figcaption{display:flex;justify-content:space-between;gap:16px;padding:16px 4px;border-bottom:1px solid var(--border-medium);font-size:1.12rem}.learning-portrait figcaption span{color:var(--text-muted)}
.learning-tabs{display:flex;flex-wrap:wrap;gap:10px 28px;padding-top:18px;padding-bottom:18px;border-top:1px solid var(--border-medium);border-bottom:1px solid var(--border-medium)}.learning-tabs a{color:var(--text-secondary);font-size:1.1rem;padding:6px 0}.learning-tabs a[aria-current]{color:var(--primary);box-shadow:0 2px var(--primary)}.learning-body{padding-top:64px}.learning section[id]{scroll-margin-top:120px}.learning h2{font-size:clamp(1.8rem,3.2vw,3rem);line-height:1.4;letter-spacing:-.025em;margin-bottom:18px}.learning h3{font-size:1.35rem;line-height:1.5;margin-bottom:12px}.learning p{max-width:75ch}.lesson-intro{display:grid;grid-template-columns:1fr 1.3fr;gap:60px;margin-bottom:60px}.lesson-intro p{font-size:1.14rem;color:var(--text-secondary)}.lesson-intro strong{color:var(--text-primary)}
.lab{background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:24px;padding:clamp(20px,4vw,42px);margin:35px 0 65px;box-shadow:var(--shadow-sm)}.lab-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;flex-wrap:wrap;margin-bottom:24px}.lab-heading h2{margin:0}.lab-note{font-size:.95rem;color:var(--text-secondary)}.lab-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:32px}.lab-controls{display:flex;flex-direction:column;gap:18px;min-width:0}.learning label,.learning legend{font-weight:700}.learning input:not([type=checkbox]):not([type=radio]),.learning select,.learning textarea{width:100%;font:inherit;color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-medium);border-radius:12px;padding:10px 14px;min-height:46px}.learning input[type=range]{padding:0;accent-color:var(--primary)}.learning input[type=checkbox],.learning input[type=radio]{width:20px;height:20px;accent-color:var(--primary);flex-shrink:0}.learning textarea{resize:vertical;min-height:100px}.learning button{font-family:inherit}.learning fieldset{border:0;padding:0;min-width:0}.learning legend{margin-bottom:12px}.learning button:disabled{opacity:.5;cursor:not-allowed}.learning :focus-visible{outline:3px solid var(--matcha);outline-offset:4px}.lab-actions{display:flex;flex-wrap:wrap;gap:10px}.lab-output{background:var(--bg-base);border:1px solid var(--border-medium);border-radius:16px;padding:24px;min-width:0}.lab-output pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;line-height:1.8;margin:0;max-height:480px;overflow:auto}.lab-output ol{padding-right:24px}.lab-output li{padding:8px 0}.lab-status{padding:14px 18px;border-right:3px solid var(--matcha);background:var(--bg-card);margin:18px 0;color:var(--text-secondary)}.lab-status[data-state=error]{border-color:var(--primary)}.loop-track{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:22px}.loop-track span{padding:14px 5px;text-align:center;border:1px solid var(--border-medium);border-radius:10px;font-size:1rem}.loop-track .is-current{background:var(--primary);color:var(--cream);border-color:var(--primary)}.loop-track .is-done{border-color:var(--matcha);color:var(--matcha)}.lab-metrics{display:flex;flex-wrap:wrap;gap:22px;margin-bottom:20px;color:var(--text-secondary)}.lab-metrics strong{color:var(--primary);font-size:1.5rem;margin-left:6px}.selectable{display:flex;align-items:flex-start;gap:12px;padding:16px;border:1px solid var(--border-medium);border-radius:12px;background:var(--bg-base);cursor:pointer}.selectable small{display:block;color:var(--text-muted);font-weight:400}.context-items{display:grid;gap:10px}.context-budget{font-size:clamp(2rem,4vw,3.4rem);color:var(--primary);line-height:1.3}.context-list{display:flex;gap:8px;flex-wrap:wrap;padding:14px 0}.context-list span{padding:5px 12px;border:1px solid var(--border-medium);border-radius:8px}.learning details{padding:22px 0;border-bottom:1px solid var(--border-medium)}.learning summary{font-size:1.3rem;font-weight:700;cursor:pointer;list-style-position:inside}.learning details[open]>summary{color:var(--primary);margin-bottom:18px}.lesson-notes{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin:60px 0}.lesson-notes article{border-top:3px solid var(--matcha);padding-top:24px}.lesson-notes p{color:var(--text-secondary)}.learning-paths{display:grid;gap:0;margin:35px 0 60px}.learning-path-link{display:flex;align-items:center;gap:22px;padding:25px 0;border-bottom:1px solid var(--border-medium);color:var(--text-primary);font-size:1.5rem}.learning-path-link span:last-child{margin-right:auto;color:var(--primary)}.learning-path-link i{color:var(--matcha)}.learning-next{margin:90px 0;padding:45px 0;border-top:1px solid var(--border-medium)}.learning-next>p{color:var(--primary)}.lesson-source{color:var(--text-muted);font-size:.95rem;margin:35px 0}.lesson-source a{color:var(--primary);text-decoration:underline}.knowledge-check{padding:30px 0}.knowledge-check fieldset{display:grid;gap:12px}.knowledge-check button{margin-top:15px}.lesson-progress{margin-top:25px;color:var(--matcha)}.diagnostic-options{display:grid;gap:12px}.diagnostic-options button{text-align:right;padding:18px;border:1px solid var(--border-medium);border-radius:12px;background:var(--bg-base);color:var(--text-primary);font-size:1.1rem}.diagnostic-options button[aria-pressed=true]{border-color:var(--primary);box-shadow:inset -4px 0 var(--primary)}
/* Original lessons are retained in a quieter, shared-site reading layout. */
.legacy-lessons{margin:70px 0}.legacy-lessons .hn-station-header{display:none}.legacy-lessons .hn-grid-3,.legacy-lessons .hn-grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:22px;margin:24px 0}.legacy-lessons .hn-card{padding:22px;border:1px solid var(--border-medium);border-radius:14px;background:var(--bg-card)}.legacy-lessons .hn-station-lead{font-size:1.15rem;margin:20px 0}.legacy-lessons .hn-badge{color:var(--primary)}.legacy-lessons .hn-callout,.legacy-lessons .hn-code{padding:20px;background:var(--bg-surface);margin:20px 0;border-radius:12px;overflow-x:auto}.legacy-lessons .hn-table-wrap{overflow:auto}.legacy-lessons table{border-collapse:collapse;width:100%}.legacy-lessons td,.legacy-lessons th{padding:14px;border:1px solid var(--border-medium)}.legacy-lessons .hn-tape-claude{display:none}.legacy-lessons .sim-container{margin:24px 0;box-shadow:none}.legacy-lessons .sim-btn{font:inherit}.legacy-lessons .sim-select{width:auto;max-width:100%}.legacy-lessons canvas{max-width:100%}.glossary-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(290px,100%),1fr));gap:20px}.glossary-results article{padding:24px;background:var(--bg-surface);border-radius:16px}.glossary-results p{color:var(--text-secondary)}.full-quiz fieldset{margin:25px 0;padding:25px;border:1px solid var(--border-medium);border-radius:18px;display:grid;gap:10px}.full-quiz legend{font-size:1.25rem}.full-quiz .question-feedback{color:var(--matcha)}
@media(max-width:1024px){.learning-hero-grid{gap:30px}.learning-portrait img{height:320px}.lab-grid{grid-template-columns:1fr}.lesson-intro{gap:30px}}
@media(max-width:768px){.learning-hero{padding-top:115px;padding-bottom:32px}.learning-hero-grid{grid-template-columns:1fr}.learning h1{font-size:3.1rem}.learning-portrait{max-width:470px;width:100%;transform:none}.learning-portrait img{height:250px;border-radius:110px 110px 14px 14px}.learning-hero .breadcrumbs{margin-bottom:20px}.lesson-intro,.lesson-notes{grid-template-columns:1fr;gap:22px}.learning-body{padding-top:38px}.learning-tabs{gap:4px 19px}.learning-tabs a{font-size:1rem}.loop-track{grid-template-columns:repeat(2,1fr)}.lab{border-radius:18px}.learning-next{margin:50px 0}}
@media(prefers-reduced-motion:reduce){.learning *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.legacy-lessons{--border-card:var(--border-medium);--claude-glow:var(--primary-glow);--navy-secondary:var(--chocolate-light);--shadow-card:var(--shadow-sm);--shadow-hover:var(--shadow-md);--shadow-glow-orange:var(--shadow-glow);--matcha-light:var(--matcha-glow)}
.legacy-lessons .sim-console,.legacy-lessons .multi-chat-container{color:var(--cream)}
/* ایجنت‌ساز: chips of quick facts under the hero lede */
.forge-meta{display:flex;flex-wrap:wrap;gap:10px 22px;margin:0 0 28px;color:var(--text-secondary);font-size:1rem}.forge-meta span{display:inline-flex;align-items:center;gap:8px}.forge-meta i{color:var(--matcha)}
.learning-forge .lesson-intro{margin-bottom:40px}.learning-forge .lesson-notes{margin-top:70px;grid-template-columns:repeat(3,1fr)}
@media(max-width:900px){.learning-forge .lesson-notes{grid-template-columns:1fr}}
/* ==============================================================================
   ساخته‌ها: تصویر موضوعی هیرو، معرفی جذاب و دروازهٔ ثبت مشخصات (learning-gate)
   ============================================================================== */
.learning-art{position:relative;margin:0;min-width:0;transform:rotate(-1.5deg);transition:transform .6s var(--ease-out)}
.learning-art:hover{transform:rotate(0)}
.learning-art img{display:block;width:100%;height:auto;aspect-ratio:736/460;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--border-medium)}
.learning-art figcaption{display:flex;justify-content:space-between;gap:16px;padding:14px 4px 0;font-size:1.05rem;color:var(--text-secondary)}
.learning-art figcaption span{color:var(--primary);font-weight:700}
.lg-pitch{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(28px,4vw,60px);align-items:start;padding-top:56px;padding-bottom:16px}
.lg-eyebrow{color:var(--matcha);font-weight:700;font-size:1rem;margin-bottom:10px;display:flex;align-items:center;gap:8px}
.lg-pitch h2{font-size:clamp(1.8rem,3.2vw,2.7rem);line-height:1.35;letter-spacing:-.025em;margin-bottom:14px}
.lg-lede{font-size:1.15rem;color:var(--text-secondary);line-height:1.9;max-width:60ch;margin-bottom:24px}
.lg-points{list-style:none;padding:0;margin:0;display:grid;gap:14px}
.lg-points li{display:flex;gap:14px;align-items:flex-start;padding:14px 16px;border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-subtle);transition:transform .3s var(--ease-out),border-color .3s,box-shadow .3s}
.lg-points li:hover{transform:translateX(-4px);border-color:var(--border-glow);box-shadow:var(--shadow-sm)}
.lg-points strong{display:block;font-size:1.05rem}.lg-points small{display:block;color:var(--text-secondary);font-size:.95rem;line-height:1.7}
.lg-point-icon{flex-shrink:0;width:42px;height:42px;display:grid;place-items:center;border-radius:var(--radius-md);background:var(--bg-surface);border:1px solid var(--border-medium);color:var(--matcha);transition:transform .3s var(--ease-out)}
.lg-points li:hover .lg-point-icon{transform:rotate(-8deg) scale(1.08);color:var(--primary)}
.lg-gate{position:relative;isolation:isolate;overflow:hidden;padding:clamp(24px,3vw,34px);border-radius:var(--radius-xl);background:var(--cine-shell,#2E1B10);color:var(--cine-ink,#FBF7F0);border:1px solid rgba(251,247,240,.14);box-shadow:var(--shadow-lg);position:sticky;top:100px;transition:transform .4s var(--ease-out),box-shadow .4s}
.lg-gate.is-nudge{animation:lgNudge .6s var(--ease-out)}
@keyframes lgNudge{0%,100%{transform:none}30%{transform:translateY(-6px) scale(1.01)}60%{transform:translateY(2px)}}
.lg-gate-glow{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(50% 55% at 85% 0%,rgba(226,109,56,.4) 0%,transparent 70%),radial-gradient(45% 50% at 0% 100%,rgba(140,169,91,.22) 0%,transparent 70%)}
.lg-gate-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:var(--radius-full);background:rgba(251,247,240,.08);border:1px solid rgba(251,247,240,.2);font-size:.9rem;font-weight:700;margin-bottom:16px}
.lg-gate-badge i{color:var(--matcha-light,#A2BF6E)}
.lg-gate h3{font-size:clamp(1.4rem,2vw,1.75rem);line-height:1.4;margin-bottom:10px;color:var(--cine-ink,#FBF7F0)}
.lg-gate>p{color:var(--cine-ink-dim,rgba(251,247,240,.72));line-height:1.85;font-size:1.02rem;margin-bottom:20px}
.lg-form{display:grid;gap:12px}
.lg-field label{display:block;font-size:.92rem;font-weight:700;margin-bottom:6px;color:var(--cine-ink,#FBF7F0)}
.lg-field input{width:100%;min-height:48px;padding:10px 14px;font:inherit;font-size:1rem;color:#FBF7F0;background:rgba(251,247,240,.08);border:1px solid rgba(251,247,240,.22);border-radius:var(--radius-md);transition:border-color .25s,box-shadow .25s,background .25s}
.lg-field input::placeholder{color:rgba(251,247,240,.45)}
.lg-field input:focus{outline:none;border-color:var(--primary-light,#E26D38);background:rgba(251,247,240,.12);box-shadow:0 0 0 4px rgba(226,109,56,.25)}
.lg-submit{width:100%;margin-top:4px}
.lg-submit i{transition:transform .3s var(--ease-out)}
.lg-submit:hover i{transform:rotate(-12deg) scale(1.15)}
.lg-status{min-height:1.4em;font-size:.95rem;margin:0}
.lg-status.error{color:#FFB09A}.lg-status.success{color:var(--matcha-light,#A2BF6E);font-weight:700}
.lg-note{font-size:.88rem;color:var(--cine-ink-dim,rgba(251,247,240,.72));margin:14px 0 0;line-height:1.7}
.lg-note a{color:var(--primary-light,#E26D38);text-decoration:underline;text-underline-offset:4px}
.lg-gate.is-done{border-color:var(--matcha-light,#A2BF6E)}
.lg-gate.is-done .lg-form,.lg-gate.is-done .lg-note{display:none}
.lg-open{display:flex;align-items:center;gap:10px;padding:16px 18px;border-radius:var(--radius-lg);background:var(--bg-card-highlight);border:1px solid var(--border-glow);color:var(--text-primary);font-weight:700;align-self:start}
.lg-open i{color:var(--matcha)}
/* locked lesson body */
.learning-body.is-locked{position:relative;max-height:640px;overflow:hidden;filter:blur(6px) saturate(.8);pointer-events:none;user-select:none;transition:filter .9s var(--ease-out),max-height .9s var(--ease-out)}
.learning-body.is-locked::after{content:'';position:absolute;inset:auto 0 0 0;height:60%;background:linear-gradient(to bottom,transparent,var(--bg-base) 85%)}
.learning-body.is-unlocking{filter:blur(0) saturate(1);max-height:5000px}
.lg-shield{display:flex;justify-content:center;align-items:center;width:100%;height:56px;margin:0 0 -56px;position:relative;z-index:2;transform:translateY(300px);background:none;border:0;cursor:pointer;font:inherit;padding:0}
.lg-shield span{display:inline-flex;align-items:center;gap:10px;padding:14px 24px;border-radius:var(--radius-full);background:var(--bg-glass);backdrop-filter:blur(12px);border:1px solid var(--border-glow);color:var(--text-primary);font-weight:700;box-shadow:var(--shadow-md);transition:transform .3s var(--ease-out),box-shadow .3s}
.lg-shield:hover span{transform:translateY(-3px);box-shadow:var(--shadow-glow)}
.lg-shield i{color:var(--primary)}
@media(max-width:900px){.lg-pitch{grid-template-columns:1fr}.lg-gate{position:static}.learning-art{transform:none}}
@media(prefers-reduced-motion:reduce){.lg-gate.is-nudge{animation:none}.learning-body.is-locked{transition:none}}