/* Shared WonderLab layout; translation always follows English. */
#language{display:none!important}
[data-wl-translation]::after{content:attr(data-wl-translation)!important;display:block!important;position:static!important;float:none!important;transform:none!important;grid-column:1/-1;font-size:.94em;font-weight:400;line-height:1.65;letter-spacing:normal;text-transform:none;white-space:normal;margin-top:.28em;opacity:.9;width:auto;height:auto;background:none}
[data-wl-lang="ar"]::after{direction:rtl;unicode-bidi:plaintext;text-align:right;font-family:Tahoma,Arial,sans-serif}
.wl-sub{display:block;font-size:.94em;line-height:1.65;font-weight:400;letter-spacing:normal;text-transform:none;margin-top:.2em}
.wl-sub[lang="ar"]{text-align:right;font-family:Tahoma,Arial,sans-serif}
.wl-bar{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;padding:.75rem clamp(1rem,3vw,3rem);background:#f1f7f1;color:#163d30;border-bottom:1px solid #c7dace;font:500 16px/1.4 system-ui,sans-serif;position:relative;z-index:30}
.wl-bar button,.wl-bar select,.wl-dialog button{font:inherit;min-height:44px;border:1px solid #9bb7a7;border-radius:10px;padding:.55rem .8rem;background:white;color:#173f31;cursor:pointer;text-transform:none;letter-spacing:normal}
.wl-bar label{font-weight:650}.wl-bar [hidden]{display:none!important}.wl-status{font-size:.85em}
.wl-owned button:focus-visible,.wl-owned select:focus-visible,.wl-owned input:focus-visible{outline:3px solid #e4a12a;outline-offset:3px}
.wl-dialog{box-sizing:border-box;width:min(850px,94vw);max-height:90vh;border:1px solid #b8cfc0;border-radius:20px;padding:clamp(1rem,3vw,2rem);background:#fffdf8;color:#203b30;font:18px/1.55 system-ui,sans-serif;overflow:auto;text-align:left;direction:ltr}
.wl-dialog::backdrop{background:#102d29b8}.wl-dialog-top{display:flex;gap:1rem;align-items:flex-start;justify-content:space-between}.wl-dialog h2{font-size:1.4em;margin:0 0 1rem}.wl-dialog h3{font-size:1.1em}.wl-dialog p{margin:.6em 0}.wl-dialog button:disabled{opacity:.45;cursor:default}
.wl-question-nav{display:flex;flex-wrap:wrap;gap:.4rem;margin:.8rem 0}.wl-question-nav button{min-width:44px;padding:.4rem}.wl-question-nav [aria-current="step"]{outline:3px solid #287651;outline-offset:1px}.wl-question-nav .wl-answered{background:#e2f0e7}
.wl-level{color:#526f5e;font-size:.88em}.wl-dialog fieldset{border:0;padding:0;margin:0;min-width:0}.wl-dialog legend{font-size:1.1em;font-weight:650;margin-bottom:1rem;width:100%}
.wl-option{display:flex!important;gap:.8rem;padding:.9rem;margin:.6rem 0;border:1px solid #cbd9ce;border-radius:12px;background:white;cursor:pointer;text-align:left;align-items:flex-start}.wl-option input{margin:.4rem 0 0;accent-color:#24744e;flex:0 0 auto;width:20px;height:20px}.wl-option>span{flex:1}.wl-selected{border:2px solid #24744e;background:#f0f7f1}.wl-correct{background:#e5f3e7;border-color:#24744e}
.wl-actions{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-top:1rem}.wl-actions>span{font-size:.8em}.wl-feedback,.wl-results{padding:1rem;background:#edf4eb;border-radius:12px;margin:1rem 0}.wl-results>div{display:flex;gap:1rem;flex-wrap:wrap}.wl-results p{flex:1;min-width:120px}.wl-results strong{display:block}.wl-error{color:#9c3023}.wl-help{font-size:.9em;color:#526657}
.wl-diagram-key{font:15px/1.5 system-ui,sans-serif;margin:.5rem 0;padding:.6rem;border:1px solid currentColor;border-radius:8px}.wl-diagram-key summary{cursor:pointer}.wl-diagram-key>div{display:flex;flex-wrap:wrap;gap:1rem}.wl-diagram-key p{min-width:100px;margin:.4rem}
@media(max-width:600px){.wl-bar{font-size:14px;gap:.5rem}.wl-bar select{max-width:100%}.wl-dialog{font-size:17px}.wl-dialog-top h2{font-size:1.2em}}

[data-wl-translation]{flex-wrap:wrap}
[data-wl-translation]::after{flex-basis:100%;align-self:stretch}

label:has(> #language),label[for="language"]{display:none!important}