.aw-app .aw-morph{height:100%;min-height:0;display:flex;flex-direction:column;gap:14px;overflow:auto;color:#203d45;padding:8px 16px;box-sizing:border-box}
.aw-app .aw-morph button,.aw-app .aw-morph select,.aw-app .aw-morph summary{font:inherit;min-height:44px;box-sizing:border-box;cursor:pointer}
.aw-app .aw-morph-button,.aw-app .aw-morph select,.aw-app .aw-morph summary{border:1px solid #dbe6e5;border-radius:13px;background:#fff;color:#294c52;padding:9px 15px;font-weight:650}
.aw-app .aw-morph-button[aria-pressed=true]{background:#e2f4ef;box-shadow:inset 0 0 0 2px #187a69}
.aw-app .aw-morph button:focus-visible,.aw-app .aw-morph select:focus-visible,.aw-app .aw-morph summary:focus-visible{outline:3px solid #246caa;outline-offset:2px}
.aw-app .aw-morph-top,.aw-app .aw-morph-bottom,.aw-app .aw-morph-nav,.aw-app .aw-morph-modes{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.aw-app .aw-morph-top{flex-shrink:0;font-size:15px}.aw-app .aw-morph-top select{flex:1;max-width:260px;min-width:150px}.aw-app .aw-morph-modes{gap:4px}
.aw-app .aw-morph-stage{flex:1 0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:14px 0;min-height:310px}
.aw-app .aw-morph-eyebrow{font-size:12px;letter-spacing:.12em;color:#577677;text-align:center;margin:0;font-weight:750}
.aw-app .aw-morph-word{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:8px;max-width:100%;padding:6px}
.aw-app .aw-morph-piece{position:relative;min-width:64px;max-width:100%;display:flex;flex-direction:column;align-items:center;gap:8px;border:2px solid #d9e3e4;border-radius:20px;background:#f4f7f7;padding:18px 20px;color:#25424b}
.aw-app .aw-morph-piece strong{font-size:clamp(36px,5.9vw,94px);font-weight:750;line-height:1.15;overflow-wrap:anywhere;letter-spacing:-.02em}
.aw-app .aw-morph-piece small{font-size:14px;font-weight:650;line-height:1.3}
.aw-app .aw-morph-piece[aria-pressed=true]{box-shadow:0 0 0 3px #fff,0 0 0 6px #226b65}
.aw-app .aw-morph [data-kind=root]{--morph-ink:#395fa3;--morph-bg:#eaf1ff}
.aw-app .aw-morph [data-kind=flex]{--morph-ink:#986516;--morph-bg:#fff2d5}
.aw-app .aw-morph [data-kind=prefix]{--morph-ink:#8052a6;--morph-bg:#f3eafd}
.aw-app .aw-morph [data-kind=suffix]{--morph-ink:#177969;--morph-bg:#e0f5eb}
.aw-app .aw-morph [data-kind=theme]{--morph-ink:#a64d69;--morph-bg:#ffeaf1}
.aw-app .aw-morph-piece[data-kind],.aw-app .aw-morph-labels [data-kind]{color:var(--morph-ink);background:var(--morph-bg);border-color:color-mix(in srgb,var(--morph-ink) 30%,white)}
.aw-app .aw-morph-context{margin:0;text-align:center;font-size:clamp(17px,1.8vw,24px);color:#536b73;max-width:800px}
.aw-app .aw-morph-labels{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.aw-app .aw-morph-labels button{font-size:clamp(16px,1.6vw,21px);min-height:52px}
.aw-app .aw-morph-detail{border:1px solid #dce9e7;border-radius:18px;background:#f6faf9;padding:18px 24px;width:min(800px,100%);box-sizing:border-box;font-size:clamp(17px,1.7vw,24px);line-height:1.45}
.aw-app .aw-morph-detail[data-kind]{background:var(--morph-bg);border-left:5px solid var(--morph-ink)}
.aw-app .aw-morph-detail p{margin:6px 0}.aw-app .aw-morph-detail small{display:block;font-size:.75em;color:#50666d}
.aw-app .aw-morph-mark{font-size:13px;font-weight:750}.aw-app .aw-morph [data-result=incorrect] .aw-morph-mark{color:#ac462c}.aw-app .aw-morph [data-result=correct] .aw-morph-mark{color:#137052}
.aw-app .aw-morph-bottom{justify-content:space-between;flex-shrink:0;padding-bottom:4px}.aw-app .aw-morph-nav{margin-right:auto}.aw-app .aw-morph-nav span{min-width:74px;text-align:center;color:#577174;font-variant-numeric:tabular-nums}
.aw-app .aw-morph .aw-morph-primary{background:#187968;color:#fff;border-color:#187968}
.aw-app .aw-morph-choose{position:relative}.aw-app .aw-morph summary{display:list-item;list-style-position:inside}.aw-app .aw-morph-picker{position:absolute;top:50px;right:0;width:320px;max-width:72vw;z-index:10;border:1px solid #d2e1df;border-radius:18px;background:#fff;box-shadow:0 12px 30px #163c4322;padding:14px}
.aw-app .aw-morph-picker input{width:100%;font:inherit;box-sizing:border-box;min-height:44px;border:1px solid #adc5c1;border-radius:10px;padding:10px}.aw-app .aw-morph-results{display:flex;flex-wrap:wrap;gap:6px;max-height:270px;overflow:auto;margin-top:10px}.aw-app .aw-morph-results button{flex:1}
.aw-app .aw-morph-guide{background:#f7f8ff;padding:18px;border-radius:16px;font-size:16px;line-height:1.5}.aw-app .aw-morph-guide p{margin:6px 0}
@media(max-width:700px){.aw-app .aw-morph{padding:6px;gap:8px}.aw-app .aw-morph-top{font-size:13px}.aw-app .aw-morph-stage{gap:18px;padding:8px 0}.aw-app .aw-morph-piece{padding:12px 10px;min-width:48px;border-radius:14px}.aw-app .aw-morph-piece small{font-size:12px}.aw-app .aw-morph-word{gap:6px}.aw-app .aw-morph-detail{padding:14px}.aw-app .aw-morph-picker{position:fixed;top:130px;right:16px}.aw-app .aw-morph-button{padding:8px 10px}}

.aw-app .aw-window[data-type=morphemes] .aw-window-header{min-height:44px;padding:0 8px 0 14px;gap:8px}.aw-app .aw-window[data-type=morphemes] .aw-window-handle{padding-block:6px}.aw-app .aw-window[data-type=morphemes] .aw-window-header h2{font-size:16px}.aw-app .aw-window[data-type=morphemes] .aw-window-buttons button{min-height:44px}

/* The word bank shares the same panel as the rest of Lengua. */
.aw-app .aw-morph{position:relative}.aw-app .aw-morph-bank-button{display:flex;align-items:center;gap:8px;margin-left:auto;background:#f3f9f4}.aw-app .aw-morph-bank-button svg{width:21px;height:21px;flex:none}.aw-app .aw-morph-panel{position:absolute;z-index:45;right:12px;top:70px;width:360px;max-width:calc(100% - 24px);max-height:calc(100% - 82px);overflow:auto;overscroll-behavior:contain;border:1px solid #bed9cd;border-radius:18px;background:#fff;padding:18px;box-shadow:0 14px 40px #25463928;display:flex;flex-direction:column;gap:12px}.aw-app .aw-morph-panel header{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:21px}.aw-app .aw-morph-panel>button{text-align:left}.aw-app .aw-morph-panel header button{min-width:44px}.aw-app .aw-morph-panel.apb-panel{box-sizing:border-box}
@media(max-width:600px){.aw-app .aw-morph-panel{top:112px;max-height:calc(100% - 124px)}}