.tr-workshop{box-sizing:border-box;width:min(920px,96vw);max-width:96vw;max-height:94dvh;overflow:auto;border:1px solid #d3dced;border-radius:22px;padding:24px;background:#f8faff;color:#20334d;font:16px/1.6 system-ui,sans-serif}.tr-workshop::backdrop{background:#162740aa}.tr-workshop *{box-sizing:border-box}.tr-workshop header{display:flex;align-items:center;justify-content:space-between;gap:12px}.tr-workshop h2{font-size:26px;margin:0}.tr-workshop h3{font-size:20px}.tr-workshop button,.tr-workshop select{font:inherit;min-height:44px;max-width:100%;padding:10px 16px;border:1px solid #b9c8de;border-radius:12px;background:white;color:#233950;cursor:pointer;white-space:normal;overflow-wrap:anywhere}.tr-workshop button:focus-visible,.tr-workshop select:focus-visible{outline:3px solid #9472df;outline-offset:3px}.tr-workshop button:disabled{opacity:.45;cursor:default}.tr-workshop .tr-primary{background:#6443ae;color:white;border-color:#6443ae}.tr-workshop summary{cursor:pointer;font-weight:700;padding:10px 0}.tr-fields{display:flex;flex-wrap:wrap;gap:12px}.tr-fields label{display:grid;flex:1;min-width:130px;gap:6px}.tr-workshop fieldset{margin:16px 0;border:1px solid #d3dced;border-radius:14px;min-width:0}.tr-letters{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.tr-letters label{display:flex;align-items:center;gap:6px;background:white;border:1px solid #d3dced;border-radius:10px;padding:8px;min-height:44px}.tr-letters input{width:18px;height:18px}.tr-area{margin-top:20px;padding:20px;background:white;border:1px solid #e0e5ef;border-radius:18px}.tr-intro,.tr-note,.tr-progress{color:#52617b}.tr-progress{font-size:14px;font-weight:600}.tr-note{font-size:13px}.tr-answer{min-height:90px;border:2px dashed #cab9e6;background:#f8f3ff;border-radius:14px;padding:14px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.tr-bank{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:24px 0}.tr-bank button{font-size:24px;font-weight:700;min-width:52px;background:#edf7fc}.tr-feedback{min-height:64px;margin:14px 0}.tr-correct{color:#187042}.tr-wrong{color:#a23939}.tr-options{display:grid;gap:12px}.tr-options button{text-align:left}.tr-story{padding:18px;background:#fff8e9;border-left:4px solid #efbd5c;border-radius:12px}.tr-story p{font-size:19px;line-height:1.9}.tr-workshop [hidden]{display:none!important}@media(max-width:500px){.tr-workshop{padding:14px}.tr-workshop h2{font-size:21px}.tr-area{padding:14px}.tr-bank{gap:8px}.tr-bank button{padding:8px 12px}.tr-story p{font-size:18px}}

.tr-target{font-size:clamp(28px,5vw,42px);font-weight:750;line-height:1.45;color:#50318d;margin:10px 0;overflow-wrap:anywhere}.tr-reference{background:#f5efff;border-radius:14px;padding:16px;margin:16px 0}.tr-bank button,.tr-answer button{font-size:clamp(24px,4vw,32px);line-height:1.4}.tr-stages{display:flex;list-style:none;padding:0;gap:8px;flex-wrap:wrap}.tr-stages li{padding:6px 12px;border-radius:20px;background:#edf0f5;font-size:14px}.tr-stages [aria-current]{background:#6443ae;color:white;font-weight:bold}.tr-story{max-width:65ch}.tr-controls{display:flex;gap:10px;flex-wrap:wrap}

.tr-workshop>header{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.tr-workshop [hidden]{display:none!important}

#odakTurkishDialog .tr-letter-pair{background:linear-gradient(135deg,#edf7ff,#f0ecff);border:2px solid #b9cce8;border-radius:24px;text-align:center;padding:24px;max-width:100%;box-sizing:border-box}
#odakTurkishDialog .tr-letter-pair p{font-size:clamp(48px,10vw,88px);font-weight:800;letter-spacing:.12em;line-height:1.4;margin:12px;color:#223f74;white-space:nowrap}

.tr-letter-card{text-align:center;padding:18px;background:linear-gradient(140deg,#e9f6ff,#fff4d3);border:2px solid #c8dceb;border-radius:22px}.tr-letter-card h2{font-size:clamp(64px,15vw,110px);margin:10px;color:#173e68}.tr-letter-picture{font-size:80px}.tr-letter-card h3{font-size:32px}.tr-letter-card button{margin:8px;min-height:48px}.tr-letter-card small{display:block;margin-top:20px;color:#465b6e}

/* Guided reading: no timed advancement or reading-mastery claim. */
.tr-reading-practice{width:100%;box-sizing:border-box;padding:16px;border:2px solid #b8d9f5;border-radius:18px;background:#f1f8ff;color:#163b59;text-align:center}.tr-reading-line{font-size:clamp(26px,5vw,40px);font-weight:750;overflow-wrap:anywhere;line-height:1.5}.tr-controls:has(.tr-reading-practice){flex-wrap:wrap}.tr-reading-practice button{min-height:44px;white-space:normal}

/* Early reading: large word and uncluttered picture choices. */
.tr-picture-word p{font-size:clamp(2rem,7vw,3.5rem);font-weight:800;text-align:center;letter-spacing:.06em}
.tr-options .tr-picture-option{min-width:88px;min-height:108px;display:grid;place-items:center;background:#fff;border:2px solid #7659de;border-radius:20px}
.tr-picture-option span{font-size:clamp(3rem,12vw,5rem);line-height:1.2}
.tr-picture-option:focus-visible{outline:4px solid #ffc64b;outline-offset:3px}
.tr-options .tr-picture-option{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 50% 25%,#fff 0%,#eefaff 65%,#dbe9fa 100%);border:2px solid #c9c5ef;box-shadow:0 7px 0 #b6afd9,0 12px 20px #24265d18;transition:transform .18s ease,box-shadow .18s ease}
.tr-picture-option::before{content:'';position:absolute;bottom:12%;left:20%;width:60%;height:12%;border-radius:50%;background:#24265d20;filter:blur(5px);z-index:-1}
.tr-picture-option span{filter:drop-shadow(0 7px 3px #24265d25);transform:translateY(-3px)}
.tr-options .tr-picture-option:active{transform:translateY(5px);box-shadow:0 2px 0 #b6afd9,0 5px 10px #24265d18}
@media(hover:hover){.tr-options .tr-picture-option:hover{transform:translateY(-3px);border-color:#7659de}}
@media(prefers-reduced-motion:reduce){.tr-options .tr-picture-option{transition:none}}

.tr-options .tr-picture-option{padding:8px;min-width:0;box-shadow:0 5px 0 #d3cee9;background:#fff;overflow:hidden}
.tr-picture-option img{display:block;width:100%;max-width:240px;height:auto;aspect-ratio:1;object-fit:contain;border-radius:14px}
.tr-picture-option::before{display:none}

.tr-main-picture{display:block;width:min(100%,280px);height:auto;aspect-ratio:1;object-fit:contain;margin:0 auto 12px;border-radius:24px;background:white}

.tr-picture-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tr-picture-options:has(>button:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:400px){.tr-picture-options{gap:6px}.tr-options .tr-picture-option{padding:3px;min-height:88px}}