.clauseLessonBody{background:linear-gradient(180deg,#edf4ff 0,#f8fafc 360px,#eef2f4 100%)}
.clauseHero{overflow:hidden;background:linear-gradient(135deg,#fff 0,#f4f8ff 64%,#e5edff 100%)}
.clauseHeroVisual{display:flex;align-items:center;justify-content:center;gap:8px;min-height:170px;padding:14px;border-radius:18px;background:#eaf1ff}.clauseHeroVisual span{display:grid;place-items:center;min-height:88px;padding:14px;border:2px solid #86a9e0;border-radius:13px;background:#fff;color:#193c70;font-size:17px;font-weight:900;text-align:center;box-shadow:0 10px 22px rgba(37,74,128,.12)}.clauseHeroVisual i{color:#c78500;font-size:25px;font-style:normal;font-weight:900}
.anchorPractice h2{text-align:center}.clauseRecall{width:min(760px,100%);margin:auto;padding:24px;border:2px solid #86a9e0;border-radius:20px;background:#fff;text-align:center;box-shadow:0 16px 42px rgba(37,74,128,.12)}.clauseRecall>span,.clauseRecall [data-recall-answer]>span{display:block;margin-bottom:8px;color:#295d9f;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.clauseRecall>strong{display:block;font-size:29px;line-height:1.25}.clauseRecall>p{color:#64748b}.clauseRecall>[data-recall-reveal]{min-height:46px;padding:10px 18px;border:0;border-radius:10px;background:#295d9f;color:#fff;font:inherit;font-weight:800;cursor:pointer}.clauseRecall [data-recall-answer]{margin-top:20px;padding-top:20px;border-top:1px solid #d7e1ef}.clauseRecall [data-recall-answer] b{display:block;color:#193c70;font-size:27px;line-height:1.35}.clauseRecall [data-recall-answer] small{display:block;margin:7px 0 12px;color:#52606d}
.clausePronunciation{color:#64748b!important;font-style:normal;font-weight:400!important}.connectorPronunciation{display:block;margin:-2px 0 4px;color:#64748b;font-size:13px;font-style:normal;font-weight:400}
.clauseSkeleton{display:flex;align-items:stretch;justify-content:center;gap:10px}.clauseSkeleton>div{min-width:120px;padding:14px;border:1px solid #b9c9df;border-radius:12px;background:#fff;text-align:center}.clauseSkeleton span,.clauseSkeleton b,.clauseSkeleton small{display:block}.clauseSkeleton span{color:#64748b;font-size:11px;font-weight:900;text-transform:uppercase}.clauseSkeleton b{margin:5px 0;color:#193c70;font-size:21px}.clauseSkeleton small{color:#52606d}.clauseSkeleton>i{align-self:center;color:#c78500;font-style:normal;font-weight:900}.clauseRule{margin-top:16px;padding:18px 20px;border-left:6px solid #295d9f;border-radius:12px;background:#edf4ff}.clauseRule>span{display:block;color:#295d9f;font-size:12px;font-weight:900;text-transform:uppercase}.clauseRule p{margin:6px 0;font-size:19px;line-height:1.55}.clauseRule small{color:#475569}
.clausePositionGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.clausePositionGrid article{padding:20px;border:1px solid #cbd5e1;border-radius:15px;background:#fff}.clausePositionGrid span,.clausePositionGrid b,.clausePositionGrid small{display:block}.clausePositionGrid>article>span{margin-bottom:9px;color:#64748b;font-size:12px;font-weight:900;text-transform:uppercase}.clausePositionGrid b{font-size:19px;line-height:1.5}.clausePositionGrid mark{padding:3px 5px;border-radius:5px;background:#e3ecff;color:#193c70}.clausePositionGrid small{margin-top:8px;color:#295d9f;font-weight:800}.clausePositionGrid p{margin:11px 0 0;padding-top:10px;border-top:1px solid #e2e8f0;color:#52606d}
.clauseTreasure,.futureClause{padding:22px;border:1px solid #dfbf61;border-radius:18px;background:linear-gradient(145deg,#fffdf5,#fff8db)}.treasureKicker{display:inline-block;margin-bottom:6px;padding:5px 9px;border-radius:999px;background:#8a5c00;color:#fff;font-size:12px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.exampleGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.threeExamples{grid-template-columns:repeat(3,minmax(0,1fr))}.exampleGrid article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 10px;padding:15px;border:1px solid #e6cf8e;border-radius:14px;background:#fff}.exampleGrid header{grid-column:1/-1;display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding-bottom:8px;border-bottom:1px solid #efe2b8}.exampleGrid header b{color:#193c70;font-size:23px}.connectorReading{color:#64748b;font-size:13px;font-style:normal;font-weight:400}.exampleGrid header span{color:#76530b;font-size:13px;font-weight:800}.exampleGrid p{margin:0;line-height:1.45}.exampleGrid p strong,.exampleGrid p small{display:block}.exampleGrid p small{margin-top:3px;color:#64748b}.exampleGrid .speakButton{align-self:center;font-size:13px}
.futureCompare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.futureCompare article{padding:16px;border:1px solid #cbd5e1;border-radius:12px;background:#fff}.futureCompare span,.futureCompare b,.futureCompare small{display:block}.futureCompare span{margin-bottom:7px;font-size:12px;font-weight:900;text-transform:uppercase}.futureCompare b{line-height:1.5}.futureCompare small{margin-top:6px;color:#64748b}.futureCompare .isCorrect{border-color:#65b98b;background:#f1fff7}.futureCompare .isCorrect span{color:#087443}.futureCompare .isCorrect mark{background:#d7f4e2;color:#075b34}.futureCompare .isWrong{border-color:#efb6aa;background:#fff8f6}.futureCompare .isWrong span{color:#a33a29}.futureCompare .isWrong b{text-decoration:line-through;text-decoration-color:#c8442f;text-decoration-thickness:2px}.futureCompare mark{padding:2px 4px;border-radius:4px}
.exampleGrid p>small:last-child,.futureCompare .isCorrect>small:last-child,.clausePositionGrid article>small:not(.clausePronunciation){color:#475569;font-weight:600}
.clauseBuilderSection{display:grid;gap:14px}.clauseBuilderSection>h2,.clauseBuilderSection>.sectionLead{margin-bottom:0}.wordBuilder{padding:18px;border:1px solid #b9c9df;border-radius:16px;background:#fff}.builderPrompt{display:block;margin-bottom:12px;font-size:18px;font-weight:800}.builderAnswer,.builderPool{display:flex;min-height:58px;flex-wrap:wrap;gap:8px;align-items:center;padding:10px;border-radius:11px}.builderAnswer{border:2px dashed #9ab2d3;background:#f3f7ff}.builderAnswer:empty::before{content:"Cümlen burada oluşacak";color:#7b8a97}.builderPool{margin-top:10px;background:#f1f5f9}.builderAnswer button,.builderPool button{min-height:38px;padding:7px 12px;border:1px solid #94acd0;border-radius:9px;background:#fff;color:#193c70;font:inherit;font-weight:800;cursor:pointer}.builderAnswer button{background:#e3ecff}.builderActions{display:flex;align-items:center;gap:9px;margin-top:11px}.builderActions>button{min-height:40px;padding:8px 13px;border:0;border-radius:8px;background:#295d9f;color:#fff;font:inherit;font-weight:800;cursor:pointer}.builderActions>button[data-builder-reset]{border:1px solid #94acd0;background:#fff;color:#295d9f}.builderActions p{margin:0;font-weight:800}.builderActions p.success{color:#087443}.builderActions p.retry{color:#a04d0c}
.finalClauseRecall{margin-top:24px;padding:22px;border:2px solid #dfbf61;border-radius:16px;background:#fff8db;text-align:center}.finalClauseRecall>span{color:#8a5c00;font-size:12px;font-weight:900;text-transform:uppercase}.finalClauseRecall p{margin:8px 0;font-size:21px}.finalClauseRecall small{color:#64748b}
@media(max-width:900px){.threeExamples{grid-template-columns:1fr}.clauseSkeleton{display:grid;grid-template-columns:1fr}.clauseSkeleton>i{transform:rotate(90deg);text-align:center}.clauseSkeleton>div{min-width:0}}
@media(max-width:700px){.clauseHero{grid-template-columns:1fr}.clauseHeroVisual{min-height:130px}.clausePositionGrid,.exampleGrid,.futureCompare{grid-template-columns:1fr}.clauseTreasure,.futureClause{padding:16px}.exampleGrid article{grid-template-columns:1fr}.exampleGrid header,.exampleGrid .speakButton{grid-column:1}.exampleGrid .speakButton{justify-self:start}.builderActions{align-items:stretch;flex-direction:column}.builderActions p{text-align:center}.clauseRecall>strong,.clauseRecall [data-recall-answer] b{font-size:23px}}