.ky-card{margin:16px 0;padding:20px;border:1px solid var(--line,#d6d1c5);border-radius:20px;background:var(--card,var(--bg,#fffaf0));color:var(--ink,#1f2a44);line-height:1.65;overflow-wrap:anywhere}
.ky-card h2,.ky-card h3{line-height:1.3}.ky-card details{margin:12px 0}.ky-card summary{cursor:pointer;min-height:44px;display:list-item;padding:8px 0;font-weight:700}.ky-card button{min-height:44px;white-space:normal;max-width:100%;padding:10px 14px;border-radius:12px;font:inherit;cursor:pointer}.ky-card button:focus-visible,.ky-card summary:focus-visible{outline:3px solid var(--ink,#1f2a44);outline-offset:3px}.ky-card button:disabled{opacity:.55;cursor:default}
.ky-steps,.ky-links,.ky-words{display:flex;flex-wrap:wrap;gap:8px}.ky-steps{margin:16px 0}.ky-steps button{flex:1 1 135px}.ky-contrast{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ky-contrast article{border:1px solid var(--line,#d6d1c5);border-radius:14px;padding:12px}.ky-contrast [lang=en]{font-size:1.15em;font-weight:700}.ky-guided{margin:18px 0;border:1px solid var(--line,#d6d1c5);border-radius:14px;padding:14px;min-width:0}.ky-guided button{margin:4px}.ky-words{min-height:52px;padding:8px 0}.ky-build{margin:20px 0}.ky-status{border-left:4px solid var(--primary,#398766);padding-left:12px}.ky-story{border-top:1px solid var(--line,#d6d1c5);margin-top:20px;padding-top:12px}.ky-card [data-story-reader] details details{padding-left:12px}
#topicExplanation,#topicLearningPractice,#topicLearningContinue,.sn-konu #quiz{scroll-margin-top:85px}
@media(max-width:480px){.ky-card{padding:14px}.ky-contrast{grid-template-columns:1fr}.ky-steps button{flex-basis:120px}}

/* Match the application's theme tokens. Native button colors are unreliable in dark mode. */
.ky-card h2,.ky-card h3,.ky-card p,.ky-card small,.ky-card legend,.ky-card summary{color:inherit}
.ky-card button:not(.sn-btn){color:var(--ink,#1f2a44);background:var(--card,#fff);border:1px solid var(--muted,#526170);font-weight:700}
.ky-card button:not(.sn-btn):disabled{opacity:1;border-style:dashed;cursor:not-allowed}

.lw-option{display:flex;align-items:center;gap:10px;min-height:48px;padding:8px;border:1px solid var(--muted,#526170);border-radius:12px;margin:8px 0;cursor:pointer;color:var(--ink,#1f2a44);background:var(--card,#fff)}
.lw-option input{width:20px;height:20px;flex:0 0 20px}.lw-option:has(input:checked){outline:2px solid var(--ink,#1f2a44)}.ky-card select{font:inherit;padding:10px;color:var(--ink,#1f2a44);background:var(--card,#fff);border:1px solid var(--muted,#526170);border-radius:8px}.ky-card h1{color:inherit;font-size:1.6em;line-height:1.3}
.lw-mini{position:sticky;top:0;z-index:5;margin:12px 0 8px;padding:10px;border:1px solid var(--line,#d6d1c5);border-radius:16px;background:var(--card,var(--bg,#fffaf0));box-shadow:0 4px 14px #0001}
.lw-mini-bar{display:flex;align-items:center;gap:10px}
.lw-mini-ikon{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--primary,#1f2a44);color:var(--koci-on-primary,#fff);font-size:20px}
.lw-mini-yazi{flex:1;min-width:0}
.lw-mini-yazi b,.lw-mini-yazi small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.lw-mini-yazi b{font-size:14px}.lw-mini-yazi small{font-size:12px;color:var(--muted,#526170)}
.lw-mini [data-lw-play]{flex:none;min-height:44px;min-width:92px;margin:0;border:0;border-radius:12px;background:var(--primary,#1f2a44);color:var(--koci-on-primary,#fff);font:inherit;font-weight:700;cursor:pointer}
.lw-mini-satir{margin:8px 0 0;font-size:16px;font-weight:600}
.lw-list{position:relative;max-height:260px;overflow-y:auto;margin:10px 0 0;padding:4px 2px;-webkit-overflow-scrolling:touch}
.lw-line{padding:8px 10px;margin:4px 0;border-radius:12px;cursor:pointer;line-height:1.5}
.lw-line.lw-on{background:rgba(127,127,127,.2);font-weight:700}
.lw-line.lw-gecmis{opacity:.6}
.lw-line.lw-sessiz{cursor:default;opacity:.5;text-align:center}
.lw-alt{display:block;margin-top:2px;font-size:14px;font-weight:400;color:var(--muted,#526170)}
.lw-alt[hidden]{display:none}
.lw-bos{color:var(--muted,#526170);font-size:14px}
.lw-w{border-radius:6px}
.lw-w-okundu{opacity:.55}
.lw-w-simdi{background:var(--primary,#1f5fbf);color:var(--koci-on-primary,#fff);padding:0 3px}
.lw-mini-ceviri{margin:6px 0 0;font-size:14px;color:var(--muted,#526170)}
.lw-mini-ceviri[hidden]{display:none}
.lw-mini-satir{cursor:pointer}
.lw-tamam{border-color:#2ea043;background:rgba(46,160,67,.15)}
/* Riven 23 Eki («not 1»): bağlantılı öğrenme kartı küçük açılır (tek satır: Büyüt + ✕); Küçült / ✕ bu oturumda kapat */
.ky-ust{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.ky-ust-dugme{display:flex;gap:6px}.ky-ust-dugme button{min-height:36px;padding:6px 10px;font-size:.9em}
.ky-kucuk{display:flex;align-items:center;gap:8px;padding:8px 10px;margin:10px 0}.ky-kucuk .ky-buyut{flex:1;text-align:left;min-height:44px}.ky-kucuk .ky-buyut span{opacity:.7;font-weight:400;margin-left:8px}.ky-kapat{flex:0 0 auto;width:44px;padding:0;text-align:center}