.learning-page{padding:38px 0 60px;line-height:1.7}.learning-page h1{font-size:clamp(30px,4vw,46px);margin:10px 0}.learning-deck{max-width:760px;color:var(--muted)}
.learning-draft{padding:16px 20px;background:#f4eddf;border-left:3px solid #b18449;margin:22px 0;font-size:13px}.learning-draft p{margin:7px 0 0}
.learning-controls{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:16px;padding:20px;border:1px solid var(--line);border-radius:8px;margin:28px 0 0}.learning-controls legend{padding:0 8px;font-weight:700}.learning-controls label{font-size:13px;font-weight:700;min-width:0}.learning-controls select,.learning-controls input[type=search]{display:block;width:100%;min-height:46px;margin-top:8px;padding:10px;border:1px solid #afb9a8;border-radius:4px;background:#fff;color:#253e30;font:inherit;box-sizing:border-box}.learning-controls .learning-hide{grid-column:1/-1;display:flex;gap:10px;align-items:center;min-height:36px}.learning-hide input{width:20px;height:20px;accent-color:#34563e}
.learning-audio{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px 0;font-size:13px;color:var(--muted)}.learning-audio p{margin:3px 0}.learning-count{font-size:13px;font-weight:700}
.learning-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.learning-card{padding:22px;background:#f1f3eb;border:1px solid #d6decd;border-radius:8px;min-width:0;overflow-wrap:anywhere}.learning-card h2{font-size:25px;line-height:1.4;margin:0 0 20px;color:#253e30}.learning-hint-label{font-size:11px;color:var(--muted);margin:0 0 5px}.learning-pronunciation{font-size:18px;line-height:1.6;margin:0 0 16px}.learning-meaning{border-top:1px solid #d5ddce;padding-top:6px;margin:0 0 18px}.learning-meaning summary{cursor:pointer;font-size:13px;min-height:44px;align-content:center}.learning-meaning p{font-size:17px;margin:4px 0 12px}
.learning-actions{display:flex;flex-wrap:wrap;gap:8px}.learning-page button{min-height:44px;border:1px solid #9cae95;background:#fff;border-radius:4px;padding:10px 15px;cursor:pointer;color:#253e30;font:600 13px Arial,sans-serif}.learning-page button:disabled{cursor:default;color:#777;background:#e9ebe4;border-color:#d2d5cb}.learning-actions button:first-child:not(:disabled){background:#253e30;color:white}.learning-external,.learning-related{display:block;font-size:12px;min-height:44px;align-content:center;text-decoration:underline;text-underline-offset:3px}.learning-empty{grid-column:1/-1;padding:24px}
.learning-guide{margin:32px 0;padding:20px;border:1px solid var(--line);font-size:14px}.learning-guide summary{cursor:pointer;font-weight:700;min-height:44px;align-content:center}.learning-guide a,.learning-next a{display:inline-block;min-height:44px;align-content:center;text-decoration:underline}.learning-next{margin-top:25px}
.learning-teaser{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:25px;align-items:center;background:#e9eee1;border-radius:8px;padding:25px 28px;margin:0 0 38px;line-height:1.7}.learning-teaser h2{font-size:24px;margin:8px 0}.learning-teaser p{font-size:14px;max-width:680px;margin:8px 0}.learning-teaser small{font-size:11px;color:var(--muted)}.learning-entry-actions{display:grid;gap:10px}.learning-entry-actions a{border:1px solid #8ba17b;border-radius:4px;padding:12px 18px;min-height:44px;align-content:center;text-align:center;font-size:14px;font-weight:700;background:#fff}
.learning-context{margin:25px 0;padding:20px;background:#e9eee1;border-left:3px solid #748c62;line-height:1.7}.learning-context p{font-size:14px;margin:8px 0}.learning-context a{display:inline-block;min-height:44px;align-content:center;text-decoration:underline;font-size:14px}
.learning-actions[hidden]{display:none}.learning-external.primary-listen{background:#253e30;color:white;padding:10px 14px;border-radius:4px;text-align:center;text-decoration:none;font-weight:700;box-sizing:border-box}
.inline-speaking{padding:12px 14px;margin:14px 0;background:#f0f3e9;border-left:3px solid #829574;border-radius:0 5px 5px 0;min-width:0;line-height:1.65;overflow-wrap:anywhere}.inline-speaking .inline-speaking-label{margin:0 0 8px;font-size:12px;font-weight:700;color:#48613b}.inline-phrase{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 16px;padding:8px 0}.inline-phrase+.inline-phrase{border-top:1px solid #d5ddcb}.inline-language{display:flex;flex-direction:column;gap:2px;min-width:0}.inline-language small{font-size:10px;color:#62715d}.inline-language .inline-original{font-size:16px;font-weight:600;color:#253e30}.inline-reading{grid-column:1/-1;font-size:12px;color:#526349}.inline-reading .inline-hint{font-size:15px;color:#283c23}.inline-speaking-note{display:block;margin-top:7px;font-size:10px;color:#69735f}.inline-speaking .for-ko,.inline-speaking .for-vi{display:none}html[lang="ko"] .inline-speaking .for-ko,html[lang="vi"] .inline-speaking .for-vi{display:initial}.recipe-steps .inline-speaking{margin-bottom:0}.learning-teaser .inline-speaking{background:#fff9;max-width:640px}
.learning-page :is(button,select,input,summary,a):focus-visible,.learning-entry-actions a:focus-visible,.learning-context a:focus-visible{outline:3px solid #a45637;outline-offset:3px}
@media(max-width:1000px){.learning-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.learning-page{padding-top:24px}.learning-controls{grid-template-columns:1fr;padding:16px;gap:12px}.learning-grid{grid-template-columns:1fr}.learning-card{padding:20px}.learning-teaser{grid-template-columns:1fr;padding:22px;gap:12px}.learning-entry-actions{grid-template-columns:1fr 1fr}.learning-entry-actions a{padding:10px;font-size:12px}.learning-teaser h2{font-size:22px}}