/* ===== KANA REFERENCE GRID ===== */
.script-toggle{display:flex;gap:2px;margin:0 auto var(--s4);padding:2px;width:fit-content;border:1px solid var(--border);border-radius:var(--r-s);background:var(--bg3)}
.script-btn{min-height:38px;padding:7px 20px;border:0;border-radius:2px;background:transparent;cursor:pointer;font-weight:700;font-size:12px;color:var(--ink3)}
.script-btn:hover{color:var(--ink)}.script-btn.h-on{background:var(--hira);color:#fff}.script-btn.k-on{background:var(--kata);color:#fff}
.sec-label{display:flex;align-items:center;gap:10px;margin:var(--s6) 0 var(--s3);font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.13em;color:var(--ink3)}
.sec-label:first-child{margin-top:0}.sec-label::after{content:"";height:1px;background:var(--border);flex:1}
.chart-dual{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s5)}
.chart-col{min-width:0}.chart-col-title{padding:0 0 9px;border-bottom:2px solid var(--border);margin-bottom:var(--s3);font-size:12px;font-weight:750}
.chart-col.hira-col .chart-col-title{color:var(--hira);border-color:var(--hira)}.chart-col.kata-col .chart-col-title{color:var(--kata);border-color:var(--kata)}
.chart-cells{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:4px;margin-bottom:var(--s3)}
.kcell{appearance:none;min-width:0;min-height:58px;padding:5px 2px;border:1px solid var(--border);border-radius:var(--r-s);background:var(--surface);text-align:center;cursor:pointer;transition:background .12s var(--ease),border-color .12s var(--ease),transform .12s var(--ease)}
.kcell:hover{background:var(--hira-bg);border-color:var(--hira);transform:translateY(-1px)}.kata-col .kcell:hover{background:var(--kata-bg);border-color:var(--kata)}
.kcell .ch{font-family:var(--font-jp);font-size:20px;line-height:1.25}.kcell .rm{margin-top:2px;color:var(--ink3);font-size:10px;letter-spacing:.03em}
@media(max-width:560px){.chart-dual{grid-template-columns:1fr;gap:var(--s4)}.chart-cells{grid-template-columns:repeat(5,1fr)}.kcell{min-height:55px}.sec-label{margin-top:var(--s5)}}