.it-model{padding:clamp(16px,3vw,26px);margin:24px 0;border:1px solid #a9c9dd;border-radius:20px;background:linear-gradient(120deg,#eef8ff,#f4f0ff);color:#173c54;min-width:0;font-size:16px;line-height:1.65}.it-model h2{margin:8px 0 14px;font-size:24px;color:#173c54}.it-model-tag{font-size:11px;letter-spacing:.08em;font-weight:850;color:#735194}.it-model-flow{list-style:none!important;padding:0!important;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,145px),1fr));gap:12px!important;margin:20px 0!important}.it-model-flow li{margin:0!important;padding:16px!important;border:1px solid #b8cfe2;border-radius:14px;background:#fff;display:flex;flex-direction:column;gap:7px;overflow-wrap:normal;word-break:normal}.it-model-flow strong{color:#245eaa;font-size:19px}.it-model-number{display:grid;place-items:center;background:#e2eafb;color:#4e58a2;width:28px;height:28px;border-radius:50%;font-weight:800}.it-model-flow li.it-active{border:2px solid #167a6b;background:#e1f5ed}.it-model-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.it-model-controls button{cursor:pointer;min-height:44px;padding:10px 16px;border:1px solid #527fa9;border-radius:12px;background:#fff;color:#214f78;font:inherit;white-space:normal}.it-model-controls button:disabled{opacity:.6;cursor:default}.it-model-controls label{display:flex;flex-direction:column;gap:8px;flex:1 1 220px;color:inherit}.it-model-controls input{width:100%;min-height:36px;accent-color:#326eab}.it-model-result{padding:14px;border-radius:12px;background:#dfeef8;color:#173c54;font-weight:700;min-height:56px;overflow-wrap:anywhere}.it-model :focus-visible{outline:3px solid #8052bc;outline-offset:3px}.it-box-margin{padding:15px;background:#fff2d6;color:#4d3e22;border-radius:12px;max-width:100%;text-align:center}.it-box-border{padding:2px;background:#8062b2;color:white}.it-box-padding{padding:12px;background:#c4ebd8;color:#204737}.it-box-content{width:120px;max-width:100%;background:#d1e9ff;color:#234868;padding:8px;font-size:14px}[data-theme=dark] .it-model{background:linear-gradient(120deg,#182e41,#2b2542);color:#e1edf7}[data-theme=dark] .it-model h2{color:#e1edf7}[data-theme=dark] .it-model-flow li,[data-theme=dark] .it-model-controls button{background:#203b50;color:#dfebf5}[data-theme=dark] .it-model-flow strong{color:#a9d1ff}[data-theme=dark] .it-model-tag{color:#cfb5ef}[data-theme=dark] .it-model-result{background:#233f54;color:#e3eff8}[data-theme=dark] .it-model-flow li.it-active{background:#19483e;border-color:#6fceaf}
/* Clear reading rhythm and original lesson illustrations. */
.it-lesson-route{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px}.it-lesson-route button{font:inherit;font-size:14px;min-height:42px;padding:9px 13px;border:1px solid #a6bed4;border-radius:24px;background:#fff;color:#315475;cursor:pointer}.it-easy-guide{margin:22px 0}.it-easy-guide h3{font-size:23px;line-height:1.4;margin:18px 0 10px}.it-picture{margin:22px 0!important;padding:clamp(8px,2vw,22px);border-radius:20px;background:#fff;border:1px solid #c2d6e8}.it-picture svg{display:block;width:100%;height:auto;font:19px system-ui,sans-serif;color:#203f59}.it-picture text{fill:#203f59;font-weight:600}.it-picture figcaption{font-size:13px;color:#546d83;text-align:center;margin:8px 0}.it-explain-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:14px}.it-explain-grid>div{background:#ffffffb8;border:1px solid #c5d6e6;border-radius:15px;padding:18px}.it-explain-grid h4{margin:0 0 9px;color:#305789;font-size:17px}.it-explain-grid p{margin:0}.it-watch{padding:16px 18px;background:#fff4dc;border-left:4px solid #be8225;border-radius:12px;color:#5c4828}.dars-matn>h2{padding-top:18px;line-height:1.4}.dars-matn>p{line-height:1.85}.dars-matn pre.kod{border-radius:16px}.dars-matn .test{border-radius:18px}.it-model{box-shadow:0 12px 35px #375c8310}.it-model-flow strong{line-height:1.5}.it-model-controls{padding:18px;border:1px dashed #91b3cb;border-radius:16px}.it-lesson-route button:hover,.it-model-controls button:hover{background:#e4effc}.it-model-controls button:disabled:hover{background:#fff}[data-theme=dark] .it-explain-grid>div,[data-theme=dark] .it-lesson-route button{background:#203b50;color:#e1edf7}[data-theme=dark] .it-explain-grid h4{color:#afd0ff}[data-theme=dark] .it-watch{background:#403622;color:#ffedc8}[data-theme=dark] .it-lesson-route button:hover,[data-theme=dark] .it-model-controls button:hover{background:#315570}@media(max-width:450px){.it-lesson-route{display:grid;grid-template-columns:1fr 1fr}.it-model h2{font-size:23px}.it-model-flow{grid-template-columns:1fr 1fr}.it-model-flow li{padding:12px!important}.it-picture svg{font-size:21px}}@media(prefers-reduced-motion:reduce){.it-model *{scroll-behavior:auto!important;transition:none!important}}
.it-ai-chapter-guide .it-model-flow li{min-width:0;overflow-wrap:anywhere}@media(max-width:450px){.it-ai-chapter-guide .it-model-flow{grid-template-columns:1fr}}