/* v48 literacy dual drawing fields. Both fields remain visible together on all breakpoints. */
.lit36-canvas-card:has(.lit48-draw-grid){padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important;width:min(980px,96vw)!important;max-width:none!important}
.lit48-draw-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;width:100%;margin-inline:auto}
.lit48-draw-field{min-width:0;padding:14px;border-radius:26px;background:#fff;border:1px solid #e5dce8;box-shadow:0 8px 0 #d8c8e5,0 16px 30px #3e30551a}
.lit48-draw-field header{display:flex;align-items:center;gap:9px;padding:2px 4px 12px;color:#665873}
.lit48-draw-field header span{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#eee5f8;color:#74559a;font:900 11px/1 var(--ui-font-latin)}
.lit48-draw-field header b{font-size:13px}
.lit48-draw-surface{position:relative;aspect-ratio:1;border-radius:21px;overflow:hidden;background:linear-gradient(180deg,#fffefa,#faf7ff);border:1px solid #eee6ef}
.lit48-draw-surface canvas{position:absolute;inset:0;width:100%!important;height:100%!important;touch-action:none;z-index:2}
.lit48-guide{position:absolute;inset:0;display:grid;place-items:center;z-index:1;pointer-events:none;color:#6e5a7b24;font:900 clamp(100px,17vw,200px)/1 var(--ui-font-latin)}
.lit48-guide-word{font-size:clamp(44px,7vw,92px);letter-spacing:-.035em;padding:12px;text-align:center;overflow-wrap:anywhere}

@media(max-width:700px){
  .lit36-canvas-card:has(.lit48-draw-grid){width:96vw!important}
  .lit48-draw-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .lit48-draw-field{padding:8px;border-radius:18px;box-shadow:0 5px 0 #d8c8e5,0 10px 18px #3e305514}
  .lit48-draw-field header{gap:5px;padding:0 1px 7px;min-height:34px}
  .lit48-draw-field header span{width:24px;height:24px;border-radius:8px;font-size:9px;flex:0 0 24px}
  .lit48-draw-field header b{font-size:10px;line-height:1.25}
  .lit48-draw-surface{aspect-ratio:.88/1;border-radius:14px}
  .lit48-guide{font-size:clamp(72px,24vw,120px)}
  .lit48-guide-word{font-size:clamp(28px,10vw,54px);padding:6px}
}