/* Ders ve yarış sayfalarını On Parmak görünümüne uydurur */
body.op.op-legacy{background:var(--op-bg)!important;font:14px/1.55 "Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;--app-bg:#e8e9eb;--app-purple:#2f7fc1;--app-purple-dark:#22669e;--app-green:#16884a}
.op-legacy .app-shell{width:min(1060px,calc(100% - 24px));padding:18px 0 30px;flex:1}
.op-legacy .app-heading{max-width:none;text-align:left;margin:0 0 14px}
.op-legacy .app-heading h1{font-size:22px;letter-spacing:-.01em;margin:0;font-weight:700}
.op-legacy .app-heading h1 span{background:none;-webkit-text-fill-color:currentColor;color:inherit}
.op-legacy .app-heading>p{margin:4px 0 0;font-size:13px;max-width:none}
.op-legacy .app-eyebrow{display:none}
.op-legacy .tool-panel{border-radius:3px;border:1px solid var(--op-border);background:#fff;box-shadow:none}
.op-legacy .lesson-tip{border-radius:3px;border-left-color:var(--op-blue);background:#fff}
.op-legacy .primary-button{background:var(--op-blue);color:#fff;border-radius:3px}
.op-legacy .primary-button:hover{background:var(--op-blue-d)}
.op-legacy .secondary-button{border-radius:3px;background:#fff;border-color:#b9bdc3;color:var(--op-ink)}
.op-legacy .lesson-target{font-family:"Times New Roman",Times,Georgia,serif;font-size:24px;border-radius:3px}
.op-legacy .wide-input,.op-legacy .keyboard-input{border-radius:2px;font-family:"Times New Roman",Times,Georgia,serif;font-size:19px}