/* v0.17: Öğrencinin odağını koruyan, tema değişkenleriyle uyumlu sakin yüzey sistemi. */
.srg-wrap{--srg-accent:#0ea5e9;--srg-surface:#fff;--srg-canvas:#f8fafc;--srg-text:#172033;--srg-muted:#5f6b7a;--srg-border:#dce3ec;--srg-success:#15803d;--srg-danger:#b91c1c;--srg-focus:color-mix(in srgb,var(--srg-primary) 26%,transparent);color:var(--srg-text);line-height:1.55}
.srg-wrap :is(.srg-hero,.srg-selected-category-header,.srg-public-report,.srg-study-header){background:var(--srg-canvas);border-color:var(--srg-border);box-shadow:none}
.srg-wrap .srg-hero{border-radius:18px;padding:clamp(1.35rem,3vw,2.25rem)}
.srg-wrap :is(.srg-test-card,.srg-panel,.srg-result,.srg-register-form,.srg-login-panel,.srg-verification-panel,.srg-account-summary,.srg-study-card,.srg-journey-card,.srg-question-nav,.srg-question){background:var(--srg-surface);border-color:var(--srg-border);border-radius:16px;box-shadow:0 1px 3px rgba(15,23,42,.05)}
.srg-wrap :is(.srg-test-card,.srg-study-card,.srg-journey-card){transition:transform .16s cubic-bezier(.23,1,.32,1),box-shadow .16s cubic-bezier(.23,1,.32,1),border-color .16s cubic-bezier(.23,1,.32,1)}
.srg-wrap :is(.srg-test-card,.srg-study-card,.srg-journey-card):hover{border-color:color-mix(in srgb,var(--srg-primary) 28%,var(--srg-border));box-shadow:0 6px 18px rgba(15,23,42,.07);transform:translateY(-2px)}
.srg-wrap :is(.srg-badge.free,.srg-badge.paid){background:var(--srg-canvas);border:1px solid var(--srg-border);color:var(--srg-muted)}
.srg-wrap :is(.srg-button,.srg-mode-action,.srg-start-button,.srg-submit){border:1px solid var(--srg-primary);border-radius:10px;background:var(--srg-primary);box-shadow:none;color:var(--srg-on-primary,#fff)!important;transition:background-color .16s cubic-bezier(.23,1,.32,1),border-color .16s cubic-bezier(.23,1,.32,1),transform .16s cubic-bezier(.23,1,.32,1)}
.srg-wrap :is(.srg-button,.srg-mode-action,.srg-start-button,.srg-submit):hover{background:var(--srg-accent);border-color:var(--srg-accent);filter:none}
.srg-wrap :is(.srg-button,.srg-mode-action,.srg-start-button,.srg-submit):active{transform:scale(.97)}
.srg-wrap :is(.srg-outline,.srg-button.is-secondary,.srg-clear-answer){background:var(--srg-surface)!important;border:1px solid var(--srg-border);color:var(--srg-primary)!important}
.srg-wrap :is(input,select,textarea,.srg-register-form input,.srg-login-panel input,.srg-verify-form input){border-color:var(--srg-border);background:var(--srg-surface);color:var(--srg-text);box-shadow:none}
.srg-wrap :is(input,select,textarea,.srg-register-form input,.srg-login-panel input,.srg-verify-form input):focus{border-color:var(--srg-primary);box-shadow:0 0 0 3px var(--srg-focus);outline:0}
.srg-wrap :is(a,button,input,select,textarea):focus-visible{outline:3px solid var(--srg-focus);outline-offset:2px}
.srg-wrap .srg-timer{background:#172033;border-radius:10px;box-shadow:none}
.srg-wrap .srg-question-jump{border-color:var(--srg-border);border-radius:8px;color:var(--srg-text)}
.srg-wrap .srg-question-jump.is-active{border-color:var(--srg-primary);background:color-mix(in srgb,var(--srg-primary) 9%,var(--srg-surface));color:var(--srg-primary)}
.srg-wrap .srg-question-jump.is-answered{background:color-mix(in srgb,var(--srg-success) 10%,var(--srg-surface));border-color:color-mix(in srgb,var(--srg-success) 32%,var(--srg-border));color:var(--srg-success)}
.srg-wrap .srg-question{padding:clamp(1rem,2.4vw,1.35rem)}
.srg-wrap .srg-question legend>span,.srg-wrap .srg-choice-letter{background:color-mix(in srgb,var(--srg-primary) 10%,var(--srg-surface));color:var(--srg-primary)}
.srg-wrap .srg-option{border-color:var(--srg-border);border-radius:10px;transition:border-color .16s cubic-bezier(.23,1,.32,1),background-color .16s cubic-bezier(.23,1,.32,1)}
.srg-wrap .srg-option:hover,.srg-wrap .srg-option:focus-within{background:var(--srg-canvas);border-color:color-mix(in srgb,var(--srg-primary) 36%,var(--srg-border))}
.srg-wrap .srg-progress{background:#e7edf4}.srg-wrap .srg-progress span{background:var(--srg-primary);transition:width .2s cubic-bezier(.23,1,.32,1)}
.srg-wrap :is(.srg-notice.success,.srg-study-answer.is-correct){background:#f0fdf4;border-color:#bbf7d0;color:#166534}.srg-wrap :is(.srg-notice.error,.srg-study-answer.is-given){background:#fff7f7;border-color:#fecaca;color:#9f1239}
.srg-wrap .srg-feedback,.srg-wrap .srg-feedback-answer,.srg-wrap .srg-verification-help{background:var(--srg-canvas);border-color:var(--srg-border);color:var(--srg-muted)}
.srg-wrap .srg-solution-mode{border-color:var(--srg-border);background:var(--srg-surface);box-shadow:0 1px 3px rgba(15,23,42,.05)}
.srg-wrap .srg-solution-mode.is-paid{border-color:var(--srg-border);background:var(--srg-surface)}
.srg-wrap .srg-paytr-info{background:#fffaf0;color:#7c4a03}
.srg-wrap .srg-study-tabs a.is-active{background:color-mix(in srgb,var(--srg-primary) 10%,var(--srg-surface));color:var(--srg-primary)}
.srg-wrap .srg-journey-icon{background:color-mix(in srgb,var(--srg-primary) 12%,var(--srg-surface));color:var(--srg-primary)}
.srg-wrap .srg-journey-card progress{accent-color:var(--srg-primary)}
@media (prefers-reduced-motion: reduce){.srg-wrap *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}