/* e-kurs · IXL reference proportions · 2026-11-14.
   Scoped to observed templates. Existing account, grading and question logic is untouched.
   Existing pages keep their separate 10% accessibility text-size script. */
:root{--nx-green:#52b700;--nx-blue:#007ba8;--nx-ink:#414141;--nx-line:#dce6eb;--nx-nav:Georgia,'Times New Roman',serif;--nx-body:Arial,Helvetica,sans-serif}

/* The catalog currently contains several competing historical style blocks.
   Specificity below intentionally exceeds that legacy layer. */
html body.math-ixl-reference.ek-subject-premium[data-design-version] .ana-nav a{font-family:var(--nx-nav)!important;font-weight:400!important;font-size:22px!important;line-height:1.25!important}
html body.math-ixl-reference.ek-subject-premium[data-design-version] .hero{height:270px!important;min-height:270px!important;overflow:visible!important}
html body.math-ixl-reference.ek-subject-premium[data-design-version] .hero-sahne{height:480px!important;width:100%!important;max-width:none!important;mask:none!important;-webkit-mask:none!important;overflow:hidden!important}
html body.math-ixl-reference.ek-subject-premium[data-design-version] .hero-sahne svg{min-width:1100px;position:absolute;left:50%;transform:translateX(-50%)}
html body.math-ixl-reference.ek-subject-premium[data-design-version] .hero-ic{max-width:900px!important;min-height:0!important;padding:38px 20px 35px!important}
html body.math-ixl-reference.ek-subject-premium[data-design-version] .hero h1{font:400 36px/1.25 'Trebuchet MS',Arial,sans-serif!important;letter-spacing:normal!important;color:#007ba8!important;margin:0 0 18px!important}
html body.math-ixl-reference.ek-subject-premium[data-design-version] .hero p{font:400 14px/1.55 Verdana,Arial,sans-serif!important;max-width:690px!important;margin:0 auto!important;color:#545454!important}
html body.math-ixl-reference.ek-subject-premium[data-design-version] .kart-listesi{max-width:1010px!important;margin:-52px auto 0!important;padding:0 20px 40px!important}
html body.math-ixl-reference.ek-subject-premium[data-design-version] .ek-catalog-heading{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap!important}
html body.math-ixl-reference.ek-subject-premium[data-design-version] .sinif-karti{grid-template-columns:50px minmax(0,1fr) 170px!important;min-height:100px!important;margin:0 0 20px!important;padding:0 20px 0 0!important;border:1px solid #dce6eb!important;border-radius:5px!important;box-shadow:none!important}
html body.math-ixl-reference.ek-subject-premium[data-design-version] .sinif-karti .rozet{width:50px!important;min-height:98px!important;font-size:25px!important}
html body.math-ixl-reference.ek-subject-premium[data-design-version] .sinif-karti .kart-icerik{padding:14px 20px!important}
html body.math-ixl-reference.ek-subject-premium[data-design-version] .kart-icerik h2{font:700 22px/1.3 'Trebuchet MS',Arial,sans-serif!important;color:#545454!important}
html body.math-ixl-reference.ek-subject-premium[data-design-version] .sinif-karti .tumu-btn{font:400 13px/1.4 Verdana,Arial,sans-serif!important;min-height:44px!important;padding:10px 12px!important;max-width:100%!important}
html body.math-ixl-reference.ek-subject-premium[data-design-version] .beceri-satiri{font-family:Verdana,Arial,sans-serif;line-height:1.6;overflow-wrap:break-word}
html body.math-ixl-reference.ek-subject-premium[data-design-version] .sinif-karti[hidden]{display:none!important}

/* Shared desktop header and grade skill listings. */
html .ek-header .header-shell,html .hdr .hdr-top,html .hdr .hdr-nav{max-width:1200px;margin-inline:auto;box-sizing:border-box}
html .ek-header .ek-nav,html .hdr .hdr-nav{flex-wrap:wrap;height:auto;min-height:45px;gap:8px 28px}
html .hdr .hdr-nav a{font-family:var(--nx-nav);font-weight:400;font-size:22px;line-height:1.3;padding:7px 0;white-space:normal}
html .hdr .hdr-nav a.on{font-weight:400;font-size:22px}
html .hdr .hdr-search{min-width:0;max-width:460px}
html .hdr .hdr-search input{min-width:0;box-sizing:border-box;width:100%}
html .hdr .hdr-btns{gap:10px;align-items:center}
html .hdr .hdr-btns a{height:auto;min-height:40px;display:inline-flex;align-items:center;justify-content:center;white-space:normal;text-align:center}
html .pgwrap .pg{min-width:0}
html .pgwrap .skills{column-gap:30px}
html .pgwrap .slist a{min-height:32px;align-items:flex-start;line-height:1.45}
html .pgwrap .stxt{min-width:0;overflow-wrap:break-word}
html .pgwrap .uhd{line-height:1.4}
html .pgwrap .uname{overflow-wrap:break-word}
html .pgwrap .title-row{flex-wrap:wrap;gap:10px}
html .pgwrap .gstrip a{min-width:36px;min-height:36px}
html .ek-header :is(.ek-bar,.ek-actions,.ek-searchbox-wrap){min-width:0}
html .ek-header :is(.ek-btn--giris,.ek-btn--uyelik){height:auto;min-height:38px;white-space:normal;text-align:center;display:inline-flex;align-items:center;justify-content:center}

/* Authenticated student navigation, identified by its public ARIA label. */
html [aria-label="Öğrenci üst menüsü"]{box-sizing:border-box;max-width:100%;height:auto;min-height:60px}
html [aria-label="Öğrenci üst menüsü"] nav{display:flex;align-items:center;flex-wrap:wrap;gap:8px 22px;min-width:0}
html [aria-label="Öğrenci üst menüsü"] nav a{display:inline-flex;align-items:center;min-height:42px;line-height:1.35;white-space:normal;padding:6px 8px}
html [aria-label="Öğrenci üst menüsü"] button{flex-shrink:0;min-width:42px;min-height:42px}

/* Membership, resources and sign-in retain their forms and established sections. */
html body.premium-page .page-width,html body.premium-page .resources-columns{max-width:1200px;margin-inline:auto;min-width:0}
html body.premium-page :is(.info-hero,.intro-block,.feature-copy,.resource-card,.resource-column){min-width:0;overflow-wrap:break-word}
html body.premium-page :is(.action-button,.resource-card a){height:auto;white-space:normal}
html body.login-page .login-layout{width:min(100%,1120px);box-sizing:border-box;margin-inline:auto}
html body.login-page .login-card{width:min(100%,480px);max-width:100%;box-sizing:border-box}
html body.login-page :is(.password-wrap,.login-field,.login-role-switcher){min-width:0}
html body.login-page .login-role-switcher{flex-wrap:wrap}
html body.login-page .login-role-switcher a{height:auto;min-height:40px;white-space:normal}

/* New missing-page templates: same two-row green header, pale-blue subnav,
   restrained type, colored skill groups, compact exercise surface. */
.ek-new-page,.ek-new-page *{box-sizing:border-box}
.ek-new-page{margin:0;color:var(--nx-ink);font:16px/1.55 var(--nx-body);background:#fff}
.ek-new-page [hidden]{display:none!important}
.ek-new-page a{color:#0074a2;text-decoration:none}
.ek-new-page a:hover{text-decoration:underline}
.ek-new-page button,.ek-new-page input{font:inherit}
.ek-new-page button{cursor:pointer}
.ek-new-page button:disabled{cursor:default;opacity:.7}
.ek-new-page :focus-visible{outline:3px solid #075f98;outline-offset:3px}
.nx-skip{position:absolute;top:-100px;left:12px;z-index:100;background:#fff;padding:10px}
.nx-skip:focus{top:10px}
.nx-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.nx-header{background:var(--nx-green);color:#fff}
.nx-top{width:calc(100% - 40px);max-width:1200px;margin:auto;min-height:60px;display:grid;grid-template-columns:1fr minmax(260px,460px) 1fr;align-items:center;gap:20px}
.nx-logo{display:inline-flex;align-items:center;gap:7px;width:max-content;color:#fff!important;font:700 33px/1 'Trebuchet MS',Arial,sans-serif;letter-spacing:-1.5px}
.nx-logo:hover{text-decoration:none!important}
.nx-logo svg{width:36px;height:36px}
.nx-search{background:#fff;border-radius:6px;height:38px;display:flex;min-width:0}
.nx-search input{background:transparent;min-width:0;width:100%;padding:8px 14px;border:0;border-radius:6px;color:#444;font-size:14px}
.nx-search button{background:#fff;border:0;color:#72a832;padding:8px 12px;border-radius:6px}
.nx-search svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2}
.nx-actions{display:flex;justify-content:flex-end;align-items:center;gap:16px;white-space:nowrap}
.nx-actions a{color:#fff;font-size:15px}
.nx-actions .nx-join{background:#008cbe;border:1px solid #fff;border-radius:5px;padding:7px 18px;font-weight:700}
.nx-nav{min-height:45px;display:flex;justify-content:center;align-items:center;gap:34px;padding:0 20px;flex-wrap:wrap}
.nx-nav a{color:#fff;font:400 24px/1.4 var(--nx-nav);padding:5px 0 8px}
.nx-nav a[aria-current]{border-bottom:3px solid #fff;padding-bottom:5px}
.nx-menu{display:none}
.nx-subjects{background:#d9f2fc;display:flex;gap:28px;justify-content:center;align-items:center;flex-wrap:wrap;padding:11px 20px;min-height:52px;font-size:15px}
.nx-subjects a{min-height:30px;display:flex;align-items:center}
.nx-subjects a[aria-current]{font-weight:700;color:#00658a}
.nx-view{border-bottom:1px solid #dce9ef;min-height:38px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:center;padding:7px 16px;background:#f5fbfe;font-size:13px;color:#61737b}
.nx-hero{text-align:center;min-height:240px;padding:32px 20px 72px;background:#e7f7fc url('/assets/img/ekurs-learning-landscape-20261114.svg') center bottom/cover no-repeat}
.nx-hero h1{font:400 38px/1.25 'Trebuchet MS',Arial,sans-serif;color:#007ba8;margin:8px 0 18px}
.nx-hero p{max-width:710px;margin:0 auto;font-size:16px;color:#4a5960}
.nx-content{max-width:1020px;margin:auto;padding:32px 25px 60px}
.nx-catalog-content,.nx-exam-content{position:relative;margin-top:-35px;border-radius:5px;background:#fff}
.nx-parent-note,.nx-note{margin:0 0 28px;color:#5a6f78;font-size:14px;line-height:1.6}
.nx-skill-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 45px;align-items:start}
.nx-skill-group{min-width:0}
.nx-skill-group h2{font:700 20px/1.4 'Trebuchet MS',Arial,sans-serif;color:#398613;margin:0 0 8px}
.nx-skill-group h2 span{color:#398613}
.nx-skill-group p{font-size:14px;margin:0 0 10px;color:#5a6265}
.nx-skill-link{display:flex;align-items:center;gap:12px;min-height:72px;padding:12px 14px;border:1px solid #d7e9f0;border-radius:4px;color:#333!important;background:#fff}
.nx-skill-link:hover{background:#f2faff;text-decoration:none!important;border-color:#74badd}
.nx-skill-link span:nth-child(2){flex:1;min-width:0}
.nx-skill-no{color:#117cba;flex-shrink:0}
.nx-skill-link small{display:block;color:#6b7b82;font-size:12px;margin-top:3px}
.nx-next-level{border-top:1px solid #dce6eb;margin-top:38px;padding-top:24px;font-size:15px}
.nx-next-level h2{font-size:23px;color:#007ba8;font-weight:400;margin:0 0 8px}
.nx-next-level ol{padding-left:22px;line-height:1.9}
.nx-primary{display:inline-flex;justify-content:center;align-items:center;min-height:46px;padding:11px 23px;background:#398b13;color:#fff!important;border:1px solid #398b13;border-radius:4px;font:700 16px/1.4 var(--nx-body);text-align:center;text-decoration:none!important}
.nx-primary:hover{background:#2c710d}
.nx-secondary{display:inline-flex;min-height:44px;align-items:center;padding:10px 15px}
.nx-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-bottom:20px}
.nx-toolbar label{font-weight:700;color:#53656b}
.nx-toolbar input{border:1px solid #a6bcc8;border-radius:4px;padding:10px 13px;width:300px;max-width:100%;min-height:44px}
#filter-status{font-size:13px;color:#5a6b73}
.nx-exam-skills{list-style:none;padding:0;margin:8px 0 12px;color:#444;font-size:14px;line-height:1.7}
.nx-exam-skills li{padding:4px 0 4px 17px;position:relative}
.nx-exam-skills li::before{content:'•';position:absolute;left:2px;color:#169bc9}
.nx-unit-link{border-bottom:1px solid #cce5ee;display:inline-flex;gap:12px;align-items:center;min-height:44px;font-weight:700;font-size:14px}
.nx-grade-label{color:#6e7d84!important;font-size:12px!important}
.nx-footer{border-top:1px solid #dde9ee;max-width:1200px;margin:0 auto;padding:35px 25px 20px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;font-size:13px;color:#666}
.nx-footer strong{display:block;font-size:16px;color:#4d6472;margin-bottom:10px}
.nx-footer a{display:block;padding:4px 0;min-height:28px}
.nx-footer>p{grid-column:1/-1;text-align:center;font-size:12px;color:#697c84;margin-top:10px}
.nx-practice-wrap{max-width:1130px;margin:auto;padding:28px 24px 48px}
.nx-practice-title h1{font:400 29px/1.3 'Trebuchet MS',Arial,sans-serif;color:#007ba8;margin:0 0 8px}
.nx-practice-title p{margin:0 0 24px;color:#5d6e76;font-size:15px}
.nx-workspace{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:30px;align-items:start}
.nx-question{border-top:4px solid #168fc0;padding:20px 24px 28px;background:#fff;border-right:1px solid #d7e8ed;border-left:1px solid #d7e8ed;border-bottom:1px solid #d7e8ed;border-radius:3px;min-height:390px;min-width:0}
.nx-question-top{display:flex;justify-content:space-between;align-items:center;gap:15px;color:#66808d;font-size:13px;margin-bottom:20px}
#read-question{border:1px solid #b8d7e4;border-radius:4px;background:#f4fbfe;color:#007ba8;padding:7px 12px;min-height:38px}
.nx-question fieldset{padding:0;margin:0 0 25px;border:0;min-width:0}
.nx-question legend{font-size:22px;line-height:1.5;font-weight:400;max-width:100%;margin-bottom:20px;padding:0;overflow-wrap:break-word}
.nx-options{display:flex;flex-wrap:wrap;gap:14px;margin-top:22px}
.nx-option{display:flex;gap:10px;align-items:center;justify-content:center;position:relative;min-width:90px;min-height:66px;padding:12px 18px;border:2px solid #b7dce9;border-radius:5px;cursor:pointer;font-size:22px;background:#fff;overflow-wrap:break-word}
.nx-option:has(input:checked){background:#e7f6fe;border-color:#0089c6;box-shadow:inset 0 0 0 1px #0089c6}
.nx-option:has(input:focus-visible){outline:3px solid #075f98;outline-offset:3px}
.nx-option input{accent-color:#007ba8;width:18px;height:18px;flex-shrink:0}
.nx-option:has(input:disabled){cursor:default}
.nx-feedback{background:#edf8e9;border-left:4px solid #58a535;padding:16px 18px;margin:20px 0;color:#34562b;line-height:1.7}
.nx-feedback[data-correct="false"]{background:#fff8e5;border-color:#d7a22d;color:#6b541e}
.nx-feedback strong{display:block;margin-bottom:4px}
.nx-score{border:1px solid #cce2eb;border-radius:4px;text-align:center;background:#f7fbfd;overflow:hidden}
.nx-score h2{font-size:16px;font-weight:400;margin:0;padding:12px;background:#1594c3;color:#fff}
.nx-score>div{padding:14px;border-bottom:1px solid #dcebf1}
.nx-score span{display:block;font-size:13px;color:#5e727c}
.nx-score strong{display:block;font-size:34px;line-height:1.3;font-weight:400;color:#3c8b19}
.nx-score label{display:block;font-size:13px;padding-top:12px}
.nx-score progress{width:75%;max-width:100%;height:12px;accent-color:#67b52c}
.nx-score p{font-size:13px;line-height:1.7;color:#5a7180;margin:10px 15px 20px}
.nx-local-note{font-size:12px;color:#6a7d87;margin-top:16px}
.nx-visual{display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap;min-height:120px;max-width:100%;padding:12px 0}
.nx-apples{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:300px}
.nx-apple{width:40px;height:44px;flex-shrink:0}
.nx-shape{width:150px;height:135px;max-width:100%}
.nx-comparison{border:1px dashed #bcd9e6;border-radius:6px;padding:10px;max-width:46%;min-width:120px;text-align:center}
.nx-comparison strong{display:block;margin-bottom:10px;color:#547383;font-size:16px}
.nx-comparison .nx-apple{width:29px;height:32px}
.nx-sequence{font-size:37px;letter-spacing:5px;color:#107faf;text-align:center;overflow-wrap:anywhere}
.nx-position{max-width:100%;width:280px;height:200px}
.nx-number{font-size:68px;color:#1685bc;font-weight:700}
.nx-color{width:140px;height:100px;border:1px solid #777;border-radius:6px}
#result-heading{font-size:27px;color:#398b13;font-weight:400}
#result-text{font-size:19px;line-height:1.6}
@media(max-width:1000px){
 .nx-top{grid-template-columns:1fr 1fr;gap:12px;padding-block:10px}.nx-search{grid-row:2;grid-column:1/-1;width:min(100%,580px);justify-self:center}.nx-actions{grid-column:2;grid-row:1}.nx-nav{gap:25px}.nx-subjects{gap:12px 24px}
 html .ek-header .ek-nav,html .hdr .hdr-nav{gap:6px 18px}
}
@media(max-width:800px){
 html body.math-ixl-reference.ek-subject-premium[data-design-version] .hero{height:auto!important;min-height:225px!important;overflow:hidden!important}
 html body.math-ixl-reference.ek-subject-premium[data-design-version] .hero-sahne{height:270px!important;min-width:0!important;transform:none!important;left:0!important}
 html body.math-ixl-reference.ek-subject-premium[data-design-version] .hero-ic{padding:26px 18px 52px!important}
 html body.math-ixl-reference.ek-subject-premium[data-design-version] .hero h1{font-size:28px!important}
 html body.math-ixl-reference.ek-subject-premium[data-design-version] .hero p{font-size:13px!important;margin:18px auto 0!important}
 html body.math-ixl-reference.ek-subject-premium[data-design-version] .kart-listesi{margin:-18px auto 0!important;padding:0 12px 30px!important}
 html body.math-ixl-reference.ek-subject-premium[data-design-version] .sinif-karti{grid-template-columns:40px minmax(0,1fr)!important;padding:0 12px 0 0!important;margin-bottom:15px!important;min-height:0!important}
 html body.math-ixl-reference.ek-subject-premium[data-design-version] .sinif-karti .rozet{grid-row:1/3!important;width:40px!important;min-height:0!important}
 html body.math-ixl-reference.ek-subject-premium[data-design-version] .sinif-karti .kart-icerik{padding:13px 0 8px 14px!important}
 html body.math-ixl-reference.ek-subject-premium[data-design-version] .kart-icerik h2{font-size:20px!important}
 html body.math-ixl-reference.ek-subject-premium[data-design-version] .sinif-karti .tumu-btn{grid-column:2!important;grid-row:2!important;justify-self:start!important;margin:0 0 13px 14px!important;padding:10px 13px!important;font-size:12px!important;display:flex!important}
 html body.math-ixl-reference.ek-subject-premium[data-design-version] .ana-nav a{font:400 16px/1.45 var(--nx-body)!important;min-height:44px!important}
 html .pgwrap .skills{columns:2;column-gap:22px}
 html [aria-label="Öğrenci üst menüsü"]{flex-wrap:wrap;gap:8px;padding-block:8px}
 html [aria-label="Öğrenci üst menüsü"] nav{flex:1 1 100%;justify-content:flex-start;gap:4px 10px}
 html body.premium-page :is(.resources-columns,.info-feature,.feature-flow){grid-template-columns:minmax(0,1fr)}
 .nx-workspace{grid-template-columns:minmax(0,1fr);gap:20px}.nx-score{display:grid;grid-template-columns:1fr 1fr}.nx-score h2{grid-column:1/-1}.nx-score label,.nx-score progress,.nx-score p{grid-column:1/-1}.nx-score progress{justify-self:center}
}
@media(max-width:600px){
 .nx-top{width:calc(100% - 24px);grid-template-columns:1fr auto;gap:10px}.nx-logo{font-size:28px}.nx-logo svg{width:31px;height:31px}.nx-actions{gap:10px}.nx-actions a{font-size:13px}.nx-actions .nx-join{padding:6px 11px}.nx-menu{display:flex;grid-column:2;grid-row:2;align-items:center;gap:8px;min-height:40px;background:transparent;border:1px solid #c4ef9f;border-radius:4px;color:#fff;padding:6px 10px;font-size:14px}.nx-search{grid-column:1;grid-row:2;width:100%;height:40px}.nx-search input{font-size:13px;padding:8px 9px}.nx-search button{padding:8px}.nx-nav{gap:0;display:none;padding:5px 12px 14px}.nx-nav.is-open{display:grid;grid-template-columns:1fr 1fr}.nx-nav a{font:400 17px/1.4 var(--nx-nav);min-height:44px;padding:10px 9px!important;border:0!important}.nx-subjects{padding:8px 12px;gap:0 16px;font-size:13px;justify-content:flex-start}.nx-subjects a{min-height:36px}.nx-view{justify-content:flex-start;font-size:12px}.nx-hero{min-height:225px;padding:25px 16px 60px;background-size:auto 250px}.nx-hero h1{font-size:30px}.nx-hero p{font-size:15px}.nx-content{padding:24px 18px 35px;margin-inline:10px}.nx-skill-groups{grid-template-columns:minmax(0,1fr);gap:26px}.nx-skill-group h2{font-size:21px}.nx-next-level{margin-top:28px}.nx-footer{grid-template-columns:1fr 1fr;padding:28px 20px}.nx-toolbar{gap:8px}.nx-toolbar label{width:100%}.nx-toolbar input{width:100%}.nx-practice-wrap{padding:20px 12px 30px}.nx-practice-title h1{font-size:25px}.nx-question{padding:16px 15px 24px}.nx-question legend{font-size:20px}.nx-options{gap:10px}.nx-option{font-size:19px;min-width:76px;padding:12px;min-height:60px}.nx-primary{font-size:15px;min-height:46px}.nx-sequence{font-size:29px;letter-spacing:3px}.nx-comparison{max-width:100%;min-width:100px;flex:1}.nx-apples{gap:6px}.nx-apple{width:34px;height:38px}
 html .pgwrap .skills{columns:1}
 html .ek-header .ek-bar{gap:6px}
 html body.login-page .login-card{padding:22px 18px}
 html body.login-page .login-hero{padding-inline:12px;min-height:0}
 html body.login-page .login-role-switcher{display:grid;grid-template-columns:1fr 1fr;gap:6px}
}
@media(prefers-reduced-motion:reduce){.ek-new-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{.nx-header,.nx-subjects,.nx-menu,.nx-search,.nx-footer,.nx-toolbar,.nx-score,#read-question{display:none!important}.nx-hero{background:none;padding:0;min-height:0}.nx-content{margin:0;max-width:none}.nx-skill-groups{display:block}.nx-skill-group{break-inside:avoid;margin-bottom:20px}.nx-workspace{display:block}}

/* 15 Nov 2026: student dashboard reflow with the existing 10% text scale. */
html body.role-ogrenci .ek-greeting{height:auto;min-height:70px;gap:12px}
html body.role-ogrenci .ek-greeting h1{min-width:0;margin-left:0;overflow-wrap:break-word}
html body.role-ogrenci .ek-section-heading{height:auto;min-height:35px;overflow-wrap:break-word}
html body.role-ogrenci .ek-skill-card{height:auto;min-height:var(--card-desktop,180px)}
html body.role-ogrenci .ek-card-title{flex:0 0 auto;align-items:flex-start}
html body.role-ogrenci .ek-card-title>span:nth-child(2){min-width:0;overflow-wrap:anywhere}
html body.role-ogrenci .ek-card-art{flex:1 0 auto;min-width:0;padding:16px;gap:12px}
html body.role-ogrenci .ek-card-art svg{flex-shrink:0;max-height:none}
html body.role-ogrenci .ek-card-art strong{overflow-wrap:anywhere}
html body.role-ogrenci .ek-card-footer{height:auto;min-height:44px;flex:0 0 auto;flex-wrap:wrap;gap:4px 10px;padding:8px 10px}
html body.role-ogrenci .ek-card-footer .ek-card-go{width:auto;min-height:32px;padding:0 4px;display:inline-flex;align-items:center}
html body.role-ogrenci .ek-work-panel{height:auto;min-height:470px}
html body.role-ogrenci .ek-recs-top{height:auto;min-height:36px;margin-bottom:8px}
html body.role-ogrenci .ek-refresh{height:auto;min-height:36px;max-width:100%;white-space:normal}
html body.role-ogrenci .ek-popular{height:auto;min-width:0}
html body.role-ogrenci .ek-popular-grid{height:auto;min-height:0;align-items:stretch;gap:15px;margin-top:20px}
html body.role-ogrenci .ek-popular-card{height:auto;min-height:220px;min-width:0;overflow-wrap:break-word}
html body.role-ogrenci .ek-popular-card strong{flex-shrink:0}
html body.role-ogrenci .ek-pop-art{min-width:0;overflow-wrap:anywhere}
html body.role-ogrenci .ek-primary{height:auto;min-height:46px;white-space:normal;text-align:center;padding:12px 16px}
html body.role-ogrenci .ek-popular-title{flex-wrap:wrap}
html body.role-ogrenci .ek-popular select{max-width:100%;min-width:0}
html body.role-ogrenci .ek-activity-tabs{height:auto;flex-wrap:wrap;max-width:100%;gap:8px}
html body.role-ogrenci .ek-activity-tab{width:auto;min-height:40px;height:auto;white-space:normal}
html body.role-ogrenci .ek-awards-row{min-width:0}
html body.role-ogrenci .ek-awards{min-width:0;height:auto;min-height:345px}
html body.role-ogrenci .ek-awards-header{height:auto;min-height:27px;flex-wrap:wrap}
@media(max-width:1100px){
 html body.role-ogrenci{padding-top:64px}
 html body.role-ogrenci [aria-label="Öğrenci üst menüsü"]{height:64px;min-height:64px;padding:0;display:block}
 html body.role-ogrenci .ek-top-inner{height:64px;min-height:64px;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-inline:12px}
 html body.role-ogrenci [aria-label="Öğrenci üst menüsü"] .ek-top-nav{display:none}
 html body.role-ogrenci .ek-top-actions{grid-column:2;grid-row:1;min-width:0;gap:4px}
 html body.role-ogrenci .ek-top-actions>button{min-width:40px;min-height:44px;height:44px;display:inline-flex;align-items:center;justify-content:center}
 html body.role-ogrenci .ek-account-name{display:none}
 html body.role-ogrenci .ek-account-toggle{width:auto;padding:3px!important}
 html body.role-ogrenci .sidebar,html body.role-ogrenci .ek-search-box,html body.role-ogrenci .ek-overlay{top:64px}
 html body.role-ogrenci .sidebar{max-height:calc(100dvh - 64px)}
 html body.role-ogrenci .ek-skill-card{min-height:var(--card-tablet,180px)}
}
@media(max-width:800px){
 html body.role-ogrenci .ek-popular-header{height:auto;flex-wrap:wrap}
 html body.role-ogrenci .ek-awards-row{grid-template-columns:minmax(0,1fr)}
 html body.role-ogrenci .ek-awards .ek-primary{position:static;transform:none;margin:20px auto 0;max-width:100%}
}
@media(max-width:600px){
 html body.role-ogrenci .main-content{padding:18px 12px 80px}
 html body.role-ogrenci .ek-greeting{align-items:center}
 html body.role-ogrenci .ek-theme-toggle{flex:0 0 54px;width:54px;height:54px}
 html body.role-ogrenci .ek-theme-toggle svg{width:40px;height:44px}
 html body.role-ogrenci .ek-skill-card{min-height:var(--card-mobile,180px)}
 html body.role-ogrenci .ek-card-scroll{height:clamp(356px,60vh,540px)}
 html body.role-ogrenci .ek-work-panel{padding:16px 12px 24px;min-height:0}
 html body.role-ogrenci .ek-work-tabs{height:auto;min-height:44px;grid-template-columns:repeat(3,minmax(0,1fr))}
 html body.role-ogrenci .ek-work-tab{height:auto;min-height:44px;flex-wrap:wrap;gap:4px;padding:8px 4px!important;white-space:normal}
 html body.role-ogrenci .ek-work-tab[aria-selected=true] .ek-tab-name{overflow-wrap:break-word;min-width:0}
 html body.role-ogrenci .ek-recs-top{min-height:44px}
 html body.role-ogrenci .ek-refresh{min-height:44px;padding:4px!important}
 html body.role-ogrenci .ek-arena{height:auto;min-height:360px;padding:24px 18px;gap:8px}
 html body.role-ogrenci .ek-popular{padding:24px 16px;min-height:0}
 html body.role-ogrenci .ek-popular-title{gap:10px;justify-content:flex-start}
 html body.role-ogrenci .ek-popular-title select{width:100%}
 html body.role-ogrenci .ek-activity-tabs{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
 html body.role-ogrenci .ek-activity-tab{min-width:0;padding:8px 4px!important;overflow-wrap:break-word}
 html body.role-ogrenci .ek-popular-card{min-height:180px}
 html body.role-ogrenci .ek-weekly{height:auto;min-height:0;padding:24px 16px}
 html body.role-ogrenci .ek-weekly-header{margin-bottom:18px}
 html body.role-ogrenci .ek-weekly-grid{grid-template-columns:minmax(0,1fr);text-align:left;gap:16px}
 html body.role-ogrenci .ek-weekly-stat{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 12px}
 html body.role-ogrenci .ek-weekly-stat small{grid-column:1/-1}
 html body.role-ogrenci .ek-weekly-link{margin-top:22px}
 html body.role-ogrenci .ek-awards{padding:24px 16px}
}

/* Desktop labels keep their natural width; tablet feature spans its row. */
@media(min-width:1101px){
 html body.role-ogrenci .ek-top-inner{grid-template-columns:auto minmax(0,1fr) auto;gap:24px}
 html body.role-ogrenci [aria-label="Öğrenci üst menüsü"] .ek-top-nav{position:static;justify-self:center;justify-content:center;flex-wrap:nowrap;gap:12px;min-width:0}
 html body.role-ogrenci .ek-top-nav a{width:auto;height:58px;min-height:58px;white-space:nowrap;padding:6px 10px;flex:none}
}
@media(min-width:601px) and (max-width:1100px){
 html body.role-ogrenci .ek-arena{width:100%;height:auto;min-height:320px}
}

/* Inner-page mobile layout, 2026-11-15. */
html body.ek-grade-catalog-20261104 [hidden]{display:none!important}
html body.ek-grade-catalog-20261104 .hdr a.btn-katil,
html body.ek-grade-catalog-20261104 .hdr a.btn-girisyap{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;box-sizing:border-box}
html body.ek-grade-catalog-20261104 .mmenu .mi-row>a{display:flex;align-items:center;min-height:44px;line-height:1.4}
html body.ek-grade-catalog-20261104 :is(button,a,summary,input):focus-visible{outline:3px solid #075f98;outline-offset:3px}
@media(max-width:900px){
 html body.ek-grade-catalog-20261104 .hdr-top{gap:6px;position:relative}
 html body.ek-grade-catalog-20261104 .hdr-logo{flex:1 1 112px;min-width:112px}
 html body.ek-grade-catalog-20261104 .hdr-btns{gap:0;flex:0 0 auto}
 html body.ek-grade-catalog-20261104 .hdr-btns a.btn-girisyap{display:none}
 html body.ek-grade-catalog-20261104 .hdr-btns a.btn-katil{padding:8px;min-height:40px;white-space:nowrap}
 html body.ek-grade-catalog-20261104 .hdr-search.open{order:5;flex:1 1 100%;margin-top:6px;max-width:100%;width:100%}
 html body.ek-grade-catalog-20261104 .hdr-search .hs-wrap{flex:1 1 auto;min-width:0}
 html body.ek-grade-catalog-20261104 .hdr-search .hs-join{display:none}
 html body.ek-grade-catalog-20261104 .hs-toggle,
 html body.ek-grade-catalog-20261104 .hamb{flex:0 0 44px;width:44px;height:44px}
 html body.ek-practice-20261104 .site-header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;align-items:center;width:calc(100% - 24px)}
 html body.ek-practice-20261104 .brand-row{grid-column:1;grid-row:1;min-width:0}
 html body.ek-practice-20261104 .site-tools{grid-column:2;grid-row:1;min-width:0;gap:8px}
 html body.ek-practice-20261104 .avatar-pill{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 html body.ek-practice-20261104 .top-nav{grid-column:1/-1;grid-row:2;min-width:0;width:100%;gap:8px 18px}
 html body.ek-practice-20261104 #ekurs-kayit-durumu{font-size:13px;line-height:1.5;padding:10px 12px;margin:0 0 14px;background:#f1f8fc;border:1px solid #d8e9f2;border-radius:4px;overflow-wrap:break-word}
 html body.ek-practice-20261104 #ekurs-kayit-durumu a{font-size:13px;line-height:1.5;display:inline}
}
@media(max-width:380px){
 html body.ek-grade-catalog-20261104 .hdr-btns{display:none}
 html body.ek-practice-20261104 .site-tools>span[aria-hidden=true]{display:none}
 html body.ek-practice-20261104 .avatar-pill{max-width:126px}
}

/* 2026-11-15: membership actions fit narrow layouts without hiding controls. */
@media (max-width:400px){
 html body.ek-brand-pages-20261104:has(main.membership) .ek-bar{padding-left:12px!important;padding-right:12px!important}
 html body.ek-brand-pages-20261104:has(main.membership) .ek-actions{min-width:0;max-width:100%;gap:6px!important}
 html body.ek-brand-pages-20261104:has(main.membership) .ek-actions .ek-btn{padding-left:10px!important;padding-right:10px!important}
}