.learning{--learning-gap:clamp(20px,3vw,40px);color:var(--ink);font-family:var(--font-b)}
.learning [hidden]{display:none!important}
.learning-head{display:flex;align-items:center;justify-content:space-between;gap:var(--learning-gap);margin-bottom:28px}
.learning-head-text{max-width:680px;min-width:0}
.learning-head-text h2{font-family:var(--font-d);font-size:48px;line-height:1.08;letter-spacing:-.02em;margin:12px 0 14px;color:var(--ink);overflow-wrap:anywhere;hyphens:auto}
.learning-intro{font-size:16px;line-height:1.6;color:var(--ink-3);margin:0}
.learning-mascot{width:160px;height:160px;flex:none;object-fit:contain}
.learning-shortcuts{display:flex;flex-wrap:wrap;gap:8px 18px;margin:0 0 20px}
.learning-shortcuts a{display:inline-flex;align-items:center;min-height:44px;color:var(--primary-deep);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.learning-goals{border:0;margin:0 0 28px;padding:0;min-width:0}
.learning-goals-legend{font-family:var(--font-d);font-weight:700;font-size:17px;color:var(--ink);margin-bottom:12px;padding:0}
.learning-goals-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--hair-strong);border-radius:var(--r-md);background:var(--bg-2);padding:4px;gap:4px}
.learning-goal{position:relative;display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 14px;border-radius:var(--r-sm);cursor:pointer;color:var(--ink-2)}
.learning-goal-input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
.learning-goal-text{display:flex;flex-direction:column;gap:2px;min-width:0}
.learning-goal-title{font-family:var(--font-d);font-weight:700;font-size:16px;line-height:1.25;overflow-wrap:anywhere}
.learning-goal-desc{font-size:13.5px;line-height:1.4;color:var(--ink-3)}
.learning-goal:hover{background:var(--primary-faint)}
.learning-goal:has(.learning-goal-input:checked){background:var(--card);color:var(--ink);box-shadow:inset 0 0 0 2px var(--primary)}
.learning-goal-input:checked + .learning-goal-text .learning-goal-title::before{content:"✓ ";content:"✓ " / "";color:var(--primary-deep)}
.learning-goal:focus-within{outline:3px solid var(--primary-deep);outline-offset:2px}
.learning-goal:has(.learning-goal-input:focus:not(:focus-visible)){outline:none}
.learning-paths{display:flex;flex-direction:column;gap:12px}
.learning-path{border-top:1px solid var(--hair-strong);padding-top:8px}
.learning.is-enhanced .learning-path{border-top:0;padding-top:0}
.learning-path-summary{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;min-height:44px;padding:10px 4px;cursor:pointer;list-style:none;border-radius:var(--r-xs)}
.learning-path-summary::-webkit-details-marker{display:none}
.learning-path-summary::before{content:"+";font-family:var(--font-d);font-weight:700;color:var(--primary);width:16px}
.learning-path[open]>.learning-path-summary::before{content:"−"}
.learning-path-title{font-family:var(--font-d);font-weight:700;font-size:22px;color:var(--ink);overflow-wrap:anywhere}
.learning-path-goal{font-size:15px;color:var(--ink-3)}
.learning-path-summary:focus-visible,.learning-unit>summary:focus-visible,.learning-answer>summary:focus-visible,.learning-store:focus-visible,.learning-shortcuts a:focus-visible,.learning-result:focus-visible{outline:3px solid var(--primary-deep);outline-offset:3px}
.learning.is-enhanced .learning-path>.learning-path-summary{display:none}
.learning-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:var(--learning-gap);align-items:start;padding:12px 0 8px}
.learning-roadmap{min-width:0}
.learning-roadmap-title{font-family:var(--font-d);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin:0 0 12px}
.learning-units{list-style:none;margin:0;padding:0;border-left:2px solid var(--bg-3)}
.learning-units>li{margin:0}
.learning-unit>summary{display:flex;gap:14px;align-items:flex-start;min-height:44px;padding:12px 8px 12px 18px;cursor:pointer;list-style:none;border-radius:0 var(--r-xs) var(--r-xs) 0;position:relative}
.learning-unit>summary::-webkit-details-marker{display:none}
.learning-unit>summary:hover{background:var(--primary-faint)}
.learning-unit>summary::after{content:"▸";margin-left:auto;color:var(--mute);font-size:14px;padding-top:3px}
.learning-unit[open]>summary::after{content:"▾";color:var(--primary)}
.learning-unit[open]>summary::before{content:"";position:absolute;left:-2px;top:10px;bottom:10px;width:2px;background:var(--primary)}
.learning-unit-num{font-family:var(--font-d);font-weight:700;font-size:15px;color:var(--primary);min-width:24px;padding-top:2px}
.learning-unit-text{display:flex;flex-direction:column;gap:3px;min-width:0}
.learning-unit-title{font-family:var(--font-d);font-weight:700;font-size:17px;line-height:1.3;color:var(--ink);overflow-wrap:anywhere}
.learning-unit-sub{font-size:14.5px;line-height:1.5;color:var(--ink-3)}
.learning-lessons{margin:0 0 10px;padding:2px 8px 6px 74px;font-size:15px;line-height:1.55;color:var(--ink-2)}
.learning-lessons li{padding:3px 0;overflow-wrap:anywhere}
.learning-lessons li::marker{color:var(--mute);font-size:13px}
.learning-quiz{min-width:0;background:var(--card);border:1px solid var(--hair);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:clamp(20px,2.6vw,32px)}
.learning-kicker{margin:0 0 6px;font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--primary-deep)}
.learning-lesson{margin:0 0 14px;font-size:14.5px;color:var(--ink-3)}
.learning-options{border:0;margin:0;padding:0;min-width:0;display:flex;flex-direction:column;gap:10px}
.learning-prompt{font-family:var(--font-d);font-weight:700;font-size:20px;line-height:1.35;color:var(--ink);margin-bottom:14px;padding:0;overflow-wrap:anywhere}
.learning-option{display:flex;gap:12px;align-items:flex-start;min-height:44px;padding:12px 14px;border:1px solid var(--hair-strong);border-radius:var(--r-sm);font-size:15.5px;line-height:1.45;color:var(--ink-2);cursor:pointer;background:var(--card)}
.learning-option input{flex:none;width:20px;height:20px;margin:1px 0 0;accent-color:var(--primary)}
.learning-option span{min-width:0;overflow-wrap:anywhere}
.learning-option:hover{border-color:var(--primary-light);background:var(--primary-faint)}
.learning-option:has(input:checked){border-color:var(--primary);background:var(--primary-soft);color:var(--ink)}
.learning-option:has(input:focus-visible){outline:3px solid var(--primary-deep);outline-offset:2px}
.learning-option:has(input:disabled){cursor:default;color:var(--ink-2);opacity:1}
.learning-option:has(input:disabled):hover{background:var(--card);border-color:var(--hair-strong)}
.learning-option:has(input:disabled:checked){background:var(--primary-soft);border-color:var(--primary)}
.learning-quiz[data-state="correct"] .learning-option:has(input:checked){border-color:#1F9B6A;background:var(--mint-soft)}
.learning-quiz[data-state="incorrect"] .learning-option:has(input:checked){border-color:#C2410C;background:var(--orange-soft)}
.learning-quiz[data-state="correct"] .learning-option:has(input:checked) span::after{content:" — Doğru";font-weight:700;color:#14684A}
.learning-quiz[data-state="incorrect"] .learning-option:has(input:checked) span::after{content:" — Yanlış";font-weight:700;color:#9A3412}
.learning-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.learning-actions .btn{min-height:44px}
.learning-actions .btn:disabled,.learning-actions .btn:disabled:hover,.learning-actions .btn:disabled:active{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}
.learning-status{margin:12px 0 0;font-size:15px;font-weight:700;color:var(--ink-2);min-height:1px}
.learning-status:empty{margin:0}
.learning-result{margin-top:14px;padding:14px 16px;border-left:4px solid var(--primary);border-radius:var(--r-xs);background:var(--primary-faint);font-size:15px;line-height:1.55;color:var(--ink-2)}
.learning-quiz[data-state="correct"] .learning-result{border-left-color:#1F9B6A;background:var(--mint-soft)}
.learning-quiz[data-state="incorrect"] .learning-result{border-left-color:#C2410C;background:var(--yellow-soft)}
.learning-result p{margin:0 0 8px}
.learning-result p:last-child{margin:0}
.learning-result-label{font-weight:700;color:var(--ink);margin-bottom:2px!important}
.learning-answer{margin-top:16px;border-top:1px solid var(--hair);font-size:15px;line-height:1.55;color:var(--ink-2)}
.learning-answer>summary{display:flex;align-items:center;min-height:44px;cursor:pointer;font-weight:700;color:var(--primary-deep)}
.learning-answer p{margin:0 0 8px}
.learning-note{margin:16px 0 8px;font-size:13.5px;color:var(--ink-3)}
.learning-store{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-weight:700;font-size:15.5px;color:var(--primary-deep);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px}
.learning-store:hover{color:var(--ink)}
@media (prefers-reduced-motion:no-preference){
.learning-goal,.learning-option,.learning-unit>summary,.learning-store{transition:background-color 150ms ease,border-color 150ms ease,color 150ms ease}
.learning.is-enhanced .learning-path:not([hidden]) .learning-workspace{animation:learning-in 180ms ease-out}
.learning-result:not([hidden]){animation:learning-in 160ms ease-out}
@keyframes learning-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
}
@media (prefers-reduced-motion:reduce){
.learning *{animation:none!important;transition:none!important}
}
@media (max-width:860px){
.learning-workspace{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
.learning-head{align-items:flex-start;flex-direction:column-reverse;gap:12px}
.learning-head-text h2{font-size:32px}
.learning-intro{font-size:15px}
.learning-mascot{width:100px;height:100px}
.learning-goals-row{grid-template-columns:minmax(0,1fr);gap:8px;padding:0;background:none;border:0}
.learning-goal{border:1px solid var(--hair-strong);background:var(--card);padding:12px 14px}
.learning-lessons{padding-left:62px}
.learning-prompt{font-size:18px}
.learning-quiz{border-radius:var(--r-md)}
}