.joining-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.joining-board{background:#fff;border-radius:28px;padding:25px;box-shadow:var(--shadow);text-align:center}.joining-board h2{font-size:23px;margin:18px 0 4px}.joining-subtitle{color:var(--muted);font-size:13px;margin:0 auto 22px}.parts-row{display:flex;direction:rtl;align-items:center;justify-content:center;gap:9px;min-height:130px}.part-card{position:relative;background:#eefaf7;border:1px solid #d5eee8;border-radius:20px;min-width:90px;padding:12px 10px 10px}.part-card span{font-family:serif;display:block;font-size:68px;line-height:1.05;color:var(--teal)}.part-card small{display:block;font-size:10px;color:#66767a;margin-top:5px}.part-card i{position:absolute;top:6px;left:7px;width:20px;height:20px;border-radius:50%;background:#fff;color:#7b8a8e;font-size:9px;font-style:normal;display:grid;place-items:center}.plus{font-size:28px;color:#d49b2c;font-weight:900}.arrow-down{font-size:25px;color:#d69d2e;margin:5px 0}.joined-word{font-family:serif;font-size:75px;color:#0c6f70;min-height:105px;display:flex;align-items:center;justify-content:center;direction:rtl}.guide-box{max-width:570px;margin:4px auto 17px;background:#fff7df;border:1px solid #f2dfaa;border-radius:16px;padding:11px 14px;display:flex;gap:10px;text-align:left}.guide-box span{font-size:20px}.guide-box p{margin:0;font-size:12px;line-height:1.65;color:#6c6a58}.direction-note{background:#f2f5ff;border-radius:13px;padding:10px;font-size:11px;color:#687281;margin:15px auto;max-width:500px}.direction-note span{margin-right:5px}.joining-menu{background:#fff;border-radius:28px;padding:20px;box-shadow:var(--shadow);align-self:start}.joining-menu h2{font-size:18px;margin:0 0 12px}.lesson-menu-btn{width:100%;display:flex;align-items:center;gap:10px;text-align:left;border:1px solid #e3edeb;background:#f8fbfa;border-radius:14px;padding:9px;margin-bottom:7px;cursor:pointer}.lesson-menu-btn>span{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#e6f5f1;color:var(--teal);font-weight:900;font-size:10px}.lesson-menu-btn strong,.lesson-menu-btn small{display:block}.lesson-menu-btn strong{font-family:serif;font-size:24px;line-height:1}.lesson-menu-btn small{font-family:inherit;font-size:9px;color:#7b898d;margin-top:3px}.lesson-menu-btn.active{background:#e4f7f2;border-color:#70c8ba}.forms-section{margin:18px 0 35px;background:#fff;border-radius:25px;padding:24px;box-shadow:var(--shadow);text-align:center}.forms-section h2{margin:0 0 5px;font-size:22px}.forms-section>p{font-size:12px;color:var(--muted)}.forms-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}.forms-grid>div{background:#f8fbfa;border:1px solid #e2ecea;border-radius:17px;padding:13px}.forms-grid small,.forms-grid span{display:block;font-size:10px;color:#7c898d}.forms-grid b{display:block;font-family:serif;color:var(--teal);font-size:45px;margin:8px 0}.forms-note{background:#fff7df!important;color:#796a43!important;padding:9px;border-radius:12px}.next-lesson{text-align:center;margin:22px 0 10px}.next-lesson a{display:inline-block;background:#fff3d4;color:#936617;border:1px solid #f1d995;padding:12px 18px;border-radius:14px;font-weight:900;font-size:13px}@media(max-width:800px){.joining-layout{grid-template-columns:1fr}.joining-menu{order:2}.parts-row{min-height:120px}.part-card{min-width:75px}.part-card span{font-size:56px}.joined-word{font-size:66px}.forms-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.joining-board{padding:18px 12px;border-radius:23px}.joining-board h2{font-size:19px}.parts-row{gap:5px}.part-card{min-width:63px;padding:8px 6px}.part-card span{font-size:48px}.part-card small{font-size:8px}.plus{font-size:21px}.joined-word{font-size:58px;min-height:90px}.forms-section{padding:18px 12px}.forms-grid b{font-size:37px}}