/* Kana trainer — additions to the .a1-kt-* rules of section.css (lang.css). Loaded only by [et_kana_trainer]. Colours come from
   the Avada palette variables, so the dark and seasonal themes need no extra rules. Memory colours = the cabinet legend. */
.et-kt{--kt-l:#D9A441;--kt-y:color-mix(in srgb,var(--awb-color5) 45%,var(--awb-color1));--kt-m:var(--awb-color5)}
.et-kt-modes{display:flex;flex-wrap:wrap;gap:12px}
.et-kt-mgroup,.et-kt-sets{display:flex;flex-direction:column;gap:6px}
.et-kt-glabel{font-size:13px;font-weight:700;color:var(--awb-color6)}
.et-kt-more{border:1px solid var(--awb-color4);border-radius:14px;padding:10px 14px;display:flex;flex-direction:column;gap:12px}
.et-kt-more[open]{padding-bottom:14px}
.et-kt-more>summary,.et-kt-map>summary{cursor:pointer;font-weight:700;color:var(--awb-color7);list-style-position:inside}
.et-kt-more>summary small{margin-left:6px;font-weight:600;color:var(--awb-color5)}
.et-kt-more[open]>summary{margin-bottom:10px}
.et-kt-more>.et-kt-sets+.et-kt-sets{margin-top:12px}
.et-kt-quick{margin-top:12px}
.et-kt-quick .a1-kt-all{min-height:40px;padding:0 16px;border-radius:999px;border:1px dashed var(--awb-color4);background:var(--awb-color1);color:var(--awb-color6);font-size:14px;font-weight:700}

/* knowledge map */
.et-kt-map{margin:0 0 18px;padding:14px 18px;border-radius:18px;background:var(--awb-color3)}
.et-kt-map>summary{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px}
.et-kt-map>summary span{font-weight:600;font-size:14px;color:var(--awb-color6)}
.et-kt-mapbody{display:flex;flex-direction:column;gap:14px;margin-top:14px}
.et-kt-mtab{display:flex;flex-direction:column;gap:8px}
.et-kt-grid{display:grid;gap:4px;max-width:420px}
.et-kt-grid.c5{grid-template-columns:repeat(5,minmax(0,1fr))}
.et-kt-grid.c3{grid-template-columns:repeat(3,minmax(0,1fr));max-width:260px}
.et-kt-grid+.et-kt-grid{margin-top:6px}
.et-kt-cell{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:52px;padding:4px 2px;border:0;border-radius:10px;background:var(--awb-color1);color:var(--awb-color7);cursor:pointer}
.et-kt-cell span{font-family:'Noto Sans JP',sans-serif;font-size:21px;line-height:1.15}
.et-kt-cell small{font-size:11px;font-weight:600;color:var(--awb-color6)}
.et-kt-cell.lv1{background:color-mix(in srgb,var(--kt-l) 30%,var(--awb-color1))}
.et-kt-cell.lv2{background:var(--kt-y)}
.et-kt-cell.lv3{background:var(--kt-m);color:var(--awb-color1)}
.et-kt-cell.lv3 small{color:inherit;opacity:.85}
.et-kt-cell.due::after,.et-kt-leg i.due::after{content:"";position:absolute;top:5px;right:5px;width:7px;height:7px;border-radius:50%;background:var(--awb-custom_color_6,#C0392B)}
.et-kt-cell:focus-visible{outline:2px solid var(--awb-color5);outline-offset:1px}
.et-kt-gap{min-height:52px}
.et-kt-leg{display:flex;flex-wrap:wrap;gap:4px 14px;margin:0!important;font-size:12px;color:var(--awb-color6)}
.et-kt-leg span{display:inline-flex;align-items:center;gap:6px}
.et-kt-leg i{position:relative;display:inline-block;width:12px;height:12px;border-radius:3px;background:var(--awb-color1)}
.et-kt-leg i.lv1{background:color-mix(in srgb,var(--kt-l) 30%,var(--awb-color1))}
.et-kt-leg i.lv2{background:var(--kt-y)}
.et-kt-leg i.lv3{background:var(--kt-m)}
.et-kt-leg i.due::after{top:-3px;right:-3px}
.et-kt-note{font-size:14px}
.et-kt-mapbody>.a1-kt-btn2{align-self:flex-start}

/* question and intro cards */
.et-kt-tag{display:inline-block;margin-right:6px;padding:1px 8px;border-radius:999px;background:var(--awb-custom_color_3);color:var(--awb-custom_color_1);font-size:12px}
.et-kt-reading{font-size:56px;font-weight:800;letter-spacing:-.02em;color:var(--awb-color7)}
.et-kt-word{font-family:'Noto Sans JP',sans-serif;font-size:clamp(40px,10vw,64px);font-weight:500;line-height:1.1;padding:0 64px 0 16px;text-align:center;word-break:keep-all}
.et-kt-read{margin:0!important;text-align:center;font-size:24px;font-weight:800;color:var(--awb-color5)}
.et-kt-tip,.et-kt-hint{margin:0!important;padding:12px 14px;border-radius:12px;background:var(--awb-color3);font-size:15px;line-height:1.5}
.et-kt-hint{border-left:4px solid var(--kt-l)}
.et-kt-hint span,.et-kt-tip span{font-family:'Noto Sans JP',sans-serif}
.et-kt-link{margin:0!important;font-size:15px}
.et-kt-link a{font-weight:700}
.et-kt-a1{grid-template-columns:minmax(0,1fr)}
.a1-kt-opt.et-kt-optw{min-height:52px;padding:8px 14px;font-size:17px;line-height:1.3;text-align:left}
.a1-kt-opt.et-kt-optj{font-size:26px}
.a1-kt-miss span.w{font-size:20px}
@media (max-width:640px){
  .et-kt-map{padding:12px 14px}
  .et-kt-cell{min-height:46px}
  .et-kt-cell span{font-size:19px}
  .et-kt-gap{min-height:46px}
  .et-kt-reading{font-size:44px}
  .et-kt-word{padding:0 56px 0 8px}
  .et-kt-mgroup{width:100%}
}

/* streak, module 0 day, badges */
.et-kt-streak{margin:0!important;font-size:14px;color:var(--awb-color6)}
.et-kt-streak b{color:var(--awb-color7)}
.et-kt-day{margin:0!important;font-size:14px;font-weight:600}
.et-kt-badges{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.et-kt-badge{position:relative;display:flex;flex-direction:column;gap:2px;padding:10px 12px 14px;border-radius:12px;background:var(--awb-color1);overflow:hidden}
.et-kt-badge b{font-size:14px}
.et-kt-badge span{font-size:12px;color:var(--awb-color6)}
.et-kt-badge i{position:absolute;left:0;bottom:0;height:4px;background:var(--kt-y)}
.et-kt-badge.on{background:var(--kt-m);color:var(--awb-color1)}
.et-kt-badge.on span{color:inherit;opacity:.85}
.et-kt-dl{align-self:flex-start;margin-top:6px;padding:4px 10px;border:1px solid currentColor;border-radius:999px;background:transparent;color:inherit;font-size:12px;font-weight:700;cursor:pointer}
.et-kt-won{display:flex;flex-direction:column;gap:8px;padding:16px;border-radius:16px;background:var(--awb-custom_color_3)}
.et-kt-wontitle{margin:0!important;font-size:26px;font-weight:800;color:var(--awb-custom_color_1)}
.et-kt-won .a1-kt-btn2{align-self:flex-start;background:var(--awb-color1)}

/* writing */
.et-kt-wtop{display:flex;align-items:center;justify-content:center;gap:12px}
.et-kt-wtop .et-kt-reading{margin:0!important;font-size:44px}
.et-kt-wtop .a1-kt-sound{position:static;background:var(--awb-color3)}
.et-kt-wbox{align-self:center;width:min(100%,340px);aspect-ratio:1;border-radius:18px;background:var(--awb-color3);touch-action:none}
.et-kt-svg{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair;user-select:none;-webkit-user-select:none}
.et-kt-svg path,.et-kt-svg polyline{fill:none;stroke-linecap:round;stroke-linejoin:round}
.et-kt-svg .grid{stroke:var(--awb-color4);stroke-width:.6;stroke-dasharray:2 2}
.et-kt-svg .guide path{stroke:transparent;stroke-width:3}
.et-kt-svg .guide.on path{stroke:color-mix(in srgb,var(--awb-color7) 12%,transparent)}
.et-kt-svg .ink path{stroke:var(--awb-color7);stroke-width:4.2}
.et-kt-svg.done .ink path{stroke:var(--awb-color5)}
.et-kt-svg .cur{stroke:var(--awb-color5);stroke-width:4}
.et-kt-svg .hint .go{stroke:var(--kt-l);stroke-width:4.4;stroke-dasharray:1;stroke-dashoffset:1;animation:et-kt-go .9s ease-out forwards}
.et-kt-svg .hint .start{fill:var(--awb-custom_color_6,#C0392B)}
@keyframes et-kt-go{to{stroke-dashoffset:0}}
@media (prefers-reduced-motion:reduce){.et-kt-svg .hint .go{animation:none;stroke-dashoffset:0}}
.et-kt-wmsg{margin:0!important;min-height:1.5em;text-align:center;font-size:15px;font-weight:600;color:var(--awb-color6)}
.et-kt-wmsg.bad{color:var(--awb-custom_color_6,#B3261E)}
.et-kt-wtools{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.et-kt-wtool{min-height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--awb-color4);background:var(--awb-color1);color:var(--awb-color6);font-size:14px;font-weight:700}
.et-kt-wtool[aria-pressed="true"]{background:var(--awb-custom_color_3);border-color:var(--awb-custom_color_3);color:var(--awb-custom_color_1)}

/* dictation */
.et-kt-built{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;min-height:64px;align-items:center;padding:8px;border-radius:14px;border:2px dashed var(--awb-color4)}
.et-kt-built span{font-family:'Noto Sans JP',sans-serif;font-size:36px;line-height:1.2}
.et-kt-built em{font-style:normal;font-size:14px;color:var(--awb-color6)}
.et-kt-tiles{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.et-kt-tile{min-width:56px;min-height:56px;border-radius:12px;border:2px solid var(--awb-color4);background:var(--awb-color1);color:var(--awb-color7);font-family:'Noto Sans JP',sans-serif;font-size:28px}
.et-kt-tile:disabled{opacity:.3;cursor:default}
.et-kt-dtools{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.et-kt-dtools:empty{display:none}

/* mini check on letter and table pages (mini.js) */
.et-ktm{margin:24px 0;font-size:16px;line-height:1.55;color:var(--awb-color7)}
.et-ktm .a1-kt-card{max-width:none}
.et-ktm .a1-kt-char{height:150px}
.et-ktm .a1-kt-char>span{font-size:92px}
.et-ktm-h{margin:0!important;font-size:20px;font-weight:800}
.et-ktm-link{font-weight:700}
.et-ktm-go{display:inline-flex;align-items:center;justify-content:center;text-decoration:none!important;color:var(--awb-color1)!important}