/* Guideline 2.0: eigenständige Lernprofile. Kein Haus-CSS, keine andere Schrift. */
html[data-ui="mektep"] .rahmen-leiste svg.linie{width:20px;height:20px;stroke-width:1.5}
html[data-ui="mektep"] :is(.rahmen-nav .nav,.rahmen-fuss .nav,.rahmen-fuss .ikonBtn){min-height:44px;font-size:14px}
html[data-ui="mektep"] .hocaSayfa button{min-height:44px}
html[data-ui="mektep"] #cocuk button{min-height:48px}
html[data-ui="mektep"] .hocaSayfa :focus-visible{outline:2px solid #85877F;outline-offset:2px}
html[data-ui="mektep"] #cocuk :focus-visible{outline:2px solid #D8F36A;outline-offset:2px}
html[data-ui="nedemek"]{--yanlis-linie:#8D4C36}
html[data-ui="nedemek"] :is(input,button,a,select,textarea):focus-visible,html[data-ui="ikra"] :is(input,button,a,select,textarea):focus-visible{outline:3px solid #21756B;outline-offset:4px}
html[data-ui="nedemek"] #defter.gece :focus-visible{outline-color:#78E6CE}
html[data-ui="ikra"] :is(.birincil,.ikincilKnopf){min-height:60px}
html[data-ui="ikra"] .arabi{font-family:Hafs,serif;direction:rtl}
@media(prefers-reduced-motion:reduce){
 html[data-ui="ikra"] *,html[data-ui="ikra"] *:before,html[data-ui="ikra"] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 html[data-ui="ikra"] .isaret .cizgi{stroke-dashoffset:0}
 html[data-ui="mektep"] .hocaSayfa *{transition-duration:100ms!important;animation:none!important}
 html[data-ui="mektep"] .hocaSayfa :is(button:active,.hKitap:active){transform:none!important}
}

/* Baba-Verwaltung: Hausmaße, weiterhin V3-Schrift und ruhige Rollenfarben. */
html[data-ui="mektep"] .rahmen-inhalt h1{font-size:28px;line-height:34px;font-weight:600;letter-spacing:-.025em}
html[data-ui="mektep"] .rahmen-inhalt :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px;line-height:24px;border-radius:10px;border-color:#8C8E86}
html[data-ui="mektep"] .rahmen-inhalt :is(button,input:not([type=checkbox]):not([type=radio]),select){min-height:44px}
html[data-ui="mektep"] .rahmen-inhalt{border-radius:20px}
html[data-ui="mektep"] .rahmen-inhalt :focus-visible{outline:2px solid #5E7422;outline-offset:2px}
@media(max-width:640px){html[data-ui="mektep"] .rahmen-inhalt{border-radius:16px}html[data-ui="mektep"] .rahmen-inhalt h1{font-size:24px;line-height:30px}}