/* 英単語と読みを上下で対応させる読み方ノート */
.kana-lookup{--kl-blue:#1660a8;--kl-navy:#18354b;--kl-paper:#fff;--kl-muted:#536779;margin:28px 0;padding:22px;background:#eaf6ff;border-left:5px solid var(--kl-blue);border-radius:8px;color:var(--kl-navy)}
.kana-lookup h2{margin:0 0 12px!important;font-size:22px!important;padding:0!important;border:0!important}
.kana-lookup label{display:block;font-weight:700;margin:14px 0 7px}
.kana-lookup textarea{display:block;width:100%;box-sizing:border-box;min-height:100px;padding:12px;border:1px solid #536779;border-radius:6px;font:inherit;line-height:1.7;background:var(--kl-paper);color:var(--kl-navy);resize:vertical}
.kana-lookup button{font:inherit;min-height:44px;padding:10px 16px;border:1px solid var(--kl-blue);border-radius:6px;background:var(--kl-blue);color:var(--kl-paper);cursor:pointer;font-weight:700}
.kana-lookup button:disabled{opacity:.55;cursor:wait}
.kana-lookup .kl-secondary{background:var(--kl-paper);color:var(--kl-blue)}
.kana-lookup :focus-visible{outline:3px solid #18354b;outline-offset:3px}
.kl-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.kana-lookup .kl-note{font-size:14px;color:var(--kl-muted);line-height:1.7;margin:10px 0}
.kl-status{min-height:1.6em;margin:10px 0!important}
.kl-reading{white-space:pre-wrap;overflow-wrap:anywhere;padding:14px;background:var(--kl-paper);font-size:20px;line-height:1.9;border-radius:6px}
.kl-words{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}
.kl-word{display:flex;flex-direction:column;gap:4px;padding:10px;background:var(--kl-paper);border-radius:5px;max-width:100%;overflow-wrap:anywhere}
.kl-word strong{font-family:Georgia,serif;font-size:20px}
.kl-word a{color:var(--kl-blue);text-decoration:underline;font-size:14px;min-height:24px}
.kl-app{border-top:1px solid #b6d5ea;padding-top:12px}
.kl-app a{font-weight:700;color:var(--kl-blue);text-decoration:underline}
.kana-lookup [hidden]{display:none!important}
@media(max-width:480px){.kana-lookup{padding:16px}.kl-actions button{flex:1}}

.kana-lookup h2::before,.kana-lookup h2::after{display:none!important}