/* 100 additive design improvements; each group can be disabled independently. */
/* D201 Bağlantılarda belirgin klavye odağı */
body.ux-focus a:focus-visible{outline:3px solid #16846d;outline-offset:4px;border-radius:3px}
/* D202 Düğmelerde kontrastlı odak */
body.ux-focus button:focus-visible{outline:3px solid #16846d;outline-offset:4px}
/* D203 Metin girişinde odak çerçevesi */
body.ux-focus input:not([type=checkbox]):focus-visible{outline:2px solid #16846d;outline-offset:2px;border-color:#16846d}
/* D204 Seçim alanlarında klavye odağı */
body.ux-focus select:focus-visible{outline:2px solid #16846d;outline-offset:2px}
/* D205 Uzun metin alanlarında odak */
body.ux-focus textarea:focus-visible{outline:2px solid #16846d;outline-offset:2px}
/* D206 Açılır bölümlerde odak */
body.ux-focus summary:focus-visible{outline:2px solid #16846d;outline-offset:4px;border-radius:5px}
/* D207 Onay kutusunda belirgin odak */
body.ux-focus input[type=checkbox]:focus-visible{outline:2px solid #16846d;outline-offset:3px}
/* D208 Kod kopyalama odağı */
body.ux-focus .sp-copy:focus-visible,body.ux-focus .ps-code-copy:focus-visible{box-shadow:0 0 0 5px #daf0e6}
/* D209 İçeriğe geç bağlantısının katman önceliği */
body.ux-focus .growth-skip:focus{z-index:300;min-height:44px;padding:12px 18px}
/* D210 İçerik hedefinde sabit menü payı */
body.ux-focus #main-content{scroll-margin-top:110px}
/* D211 Form etiketlerinde okunur satır aralığı */
body.ux-forms .request-card label,body.ux-forms .support-form label{line-height:1.6}
/* D212 Yardım metninde satır uzunluğu */
body.ux-forms .field-help,body.ux-forms .form-help{max-width:75ch;line-height:1.7}
/* D213 Uzun form metninin yatay taşmasını önleme */
body.ux-forms .request-card label,body.ux-forms .support-page label{min-width:0;overflow-wrap:anywhere}
/* D214 Uzun not alanlarında dikey büyütme */
body.ux-forms textarea{resize:vertical;min-height:100px}
/* D215 Kullanıcının bozduğu girişin görsel ayrımı */
body.ux-forms input:user-invalid,body.ux-forms textarea:user-invalid,body.ux-forms select:user-invalid{border-color:#b34a3e;box-shadow:0 0 0 1px #b34a3e22}
/* D216 Devre dışı eylemlerde okunur durum */
body.ux-forms button:disabled,body.ux-forms input:disabled,body.ux-forms select:disabled{cursor:not-allowed;opacity:.65}
/* D217 Salt okunur girişlerde ayrım */
body.ux-forms input[readonly],body.ux-forms textarea[readonly]{background-color:#f3f7f5}
/* D218 Onay kutularında marka ile uyumlu kontrast */
body.ux-forms input[type=checkbox],body.ux-forms input[type=radio]{accent-color:#087c69}
/* D219 Form eylemlerinin dar alanda kayması */
body.ux-forms .form-actions,body.ux-forms .actions-left{flex-wrap:wrap;row-gap:10px}
/* D220 Uzun CSR metninde okunur sekme */
body.ux-forms textarea[name=csr]{font-family:ui-monospace,monospace;tab-size:2;font-size:13px}
/* D221 Menü linklerinde dokunma yüksekliği */
body.ux-navigation .wx-menu-grid a{min-height:44px;box-sizing:border-box}
/* D222 Menü kapatma hedefinin büyütülmesi */
body.ux-navigation .wx-menu-close{min-width:44px;min-height:44px}
/* D223 Etkin sayfa bağlantısında görünür işaret */
body.ux-navigation a[aria-current=page]{text-underline-offset:5px;text-decoration-thickness:2px}
/* D224 İçerik yolunun dar alanda kayması */
body.ux-navigation .se-public-breadcrumb{flex-wrap:wrap;row-gap:6px;overflow-wrap:anywhere}
/* D225 Bölüm bağlantılarında başlık görünürlüğü */
body.ux-navigation h2[id],body.ux-navigation h3[id],body.ux-navigation section[id]{scroll-margin-top:115px}
/* D226 Footer linklerinin okunur alt çizgisi */
body.ux-navigation .site-footer a:hover{text-decoration:underline;text-underline-offset:4px}
/* D227 Ana menüde tutarlı hover işareti */
body.ux-navigation .wx-desktop a:hover{text-decoration:underline;text-underline-offset:6px}
/* D228 Rehber listesinde bağlantı aralığı */
body.ux-navigation .se-toc li,body.ux-navigation .ps-toc li{margin-block:7px;line-height:1.6}
/* D229 Gezinme düğmesinde uzun etiket desteği */
body.ux-navigation .wx-menu-toggle{white-space:normal;line-height:1.4}
/* D230 Açık menüde kaydırma sınırı */
body.ux-navigation .wx-menu{overscroll-behavior:contain;scrollbar-gutter:stable}
/* D231 Blog paragraflarında ölçülü satır genişliği */
body.ux-content .blog-article-content>p,body.ux-content .ps-prose>p{max-width:78ch;line-height:1.85}
/* D232 Uzun başlıklarda dengeli satırlar */
body.ux-content .blog-article h1,body.ux-content .ps-document h1,body.ux-content .section-title h1{text-wrap:balance;overflow-wrap:anywhere}
/* D233 Rehber alt başlıklarının önceki metinden ayrılması */
body.ux-content .blog-article-content h2,body.ux-content .ps-prose h2{margin-top:1.7em;line-height:1.35}
/* D234 Listelerde maddeler arası okunurluk */
body.ux-content .blog-article-content li,body.ux-content .ps-prose li{margin-block:7px;line-height:1.75}
/* D235 Alıntılarda metin ölçüsü */
body.ux-content .blog-article-content blockquote,body.ux-content .ps-prose blockquote{border-inline-start:3px solid #b5d9c7;padding-inline-start:18px;line-height:1.8}
/* D236 Kod bloklarında güvenli yatay kaydırma */
body.ux-content .blog-article-content pre,body.ux-content .ps-prose pre{max-width:100%;overflow-x:auto;tab-size:2;line-height:1.65;overscroll-behavior-x:contain}
/* D237 Satır içi kodda alan adı sarma */
body.ux-content .blog-article-content :not(pre)>code,body.ux-content .ps-prose :not(pre)>code{overflow-wrap:anywhere;word-break:break-word}
/* D238 Makale görsellerinin oranını koruma */
body.ux-content .blog-article-content img,body.ux-content .ps-prose img{max-width:100%;height:auto}
/* D239 Görsel açıklamasında okunur kontrast */
body.ux-content .blog-article-content figcaption,body.ux-content .ps-prose figcaption{font-size:13px;line-height:1.7;color:#50685f}
/* D240 Kaynak kutusunda bağlantı sarma */
body.ux-content .se-editorial-note{overflow-wrap:anywhere;line-height:1.75}
/* D241 Teknik tablolarda yatay kaydırma */
body.ux-tables .blog-article-content table,body.ux-tables .ps-prose table{display:block;max-width:100%;overflow-x:auto}
/* D242 Tablo başlıklarının okunur satır aralığı */
body.ux-tables .data-table th,body.ux-tables .blog-article-content th{line-height:1.5;text-align:start}
/* D243 Tablo hücresinde üstten hizalama */
body.ux-tables .data-table td,body.ux-tables .blog-article-content td{vertical-align:top;line-height:1.7}
/* D244 Alan adı hücrelerinde uzun metin sarma */
body.ux-tables .data-table td code,body.ux-tables .blog-article-content td code{overflow-wrap:anywhere;word-break:break-word}
/* D245 Ölçüm değerlerinde sabit rakam genişliği */
body.ux-tables .metric-value,body.ux-tables .sp-metrics strong,body.ux-tables .site-stats strong{font-variant-numeric:tabular-nums}
/* D246 Klavye ile tablo satırında görsel izleme */
body.ux-tables .data-table tr:focus-within{background-color:#edf7f0}
/* D247 Ölçüm tablosunda satır hover ayrımı */
body.ux-tables .blog-article-content tr:hover td{background-color:#f4f9f6}
/* D248 Kaydırılabilir tabloda kenar payı */
body.ux-tables .table-wrap{scroll-padding-inline:12px;overscroll-behavior-x:contain}
/* D249 İkincil tablo bilgisinin okunması */
body.ux-tables .data-table td small{display:block;line-height:1.6;margin-top:4px}
/* D250 Tablo açıklamasının belirginleşmesi */
body.ux-tables .blog-article-content caption,body.ux-tables .ps-prose caption{text-align:start;font-weight:700;padding:12px 0;line-height:1.6}
/* D251 Mobilde form yakınlaştırmasını önleme */
@media (max-width:699px){body.ux-mobile input:not([type=checkbox]):not([type=radio]),body.ux-mobile select,body.ux-mobile textarea{font-size:16px}}
/* D252 Mobil menüde ekran yüksekliği sınırı */
@media (max-width:699px){body.ux-mobile .wx-menu{max-height:calc(100dvh - 110px)}}
/* D253 Mobil CTA hedef yüksekliği */
@media (max-width:699px){body.ux-mobile .button,body.ux-mobile .wx-primary{min-height:44px;box-sizing:border-box}}
/* D254 Mobil teknik satırlarda taşma koruması */
@media (max-width:699px){body.ux-mobile .request-card,body.ux-mobile .support-page,body.ux-mobile .blog-article{min-width:0;overflow-wrap:anywhere}}
/* D255 Mobil blog başlığında kenar rahatlığı */
@media (max-width:699px){body.ux-mobile .blog-article h1{line-height:1.18;letter-spacing:-.025em}}
/* D256 Mobil kaynak bağlantısında dokunma payı */
@media (max-width:699px){body.ux-mobile .se-editorial-note a{display:inline-block;padding-block:9px}}
/* D257 Mobil footer bağlantısında hedef alanı */
@media (max-width:699px){body.ux-mobile .site-footer a{padding-block:7px;line-height:1.6}}
/* D258 Çentikli ekranda çerez alt boşluğu */
@media (max-width:699px){body.ux-mobile .ux-cookie-banner{padding-bottom:max(16px,env(safe-area-inset-bottom))}}
/* D259 Mobil açık panelin içerik kaydırması */
@media (max-width:699px){body.ux-mobile .ps-dialog,body.ux-mobile .wx-menu{overscroll-behavior:contain}}
/* D260 Mobil form gridinin içerik sınırı */
@media (max-width:699px){body.ux-mobile .form-grid>*{min-width:0}}
/* D261 Hata kutusunda okunur bağlantı */
body.ux-feedback .alert-danger a,body.ux-feedback .sp-alert.error a{color:inherit;text-decoration:underline}
/* D262 Başarı kutusunda durum satır aralığı */
body.ux-feedback .alert-success,body.ux-feedback .sp-alert[role=status]{line-height:1.7}
/* D263 Uyarılarda uzun teknik metin sarma */
body.ux-feedback .alert,body.ux-feedback .sp-alert,body.ux-feedback .rm-notice{overflow-wrap:anywhere}
/* D264 Açılır içerikte imleç işareti */
body.ux-feedback details>summary{cursor:pointer}
/* D265 Açık SSS başlığının içerikten ayrılması */
body.ux-feedback details[open]>summary{margin-bottom:14px}
/* D266 Düğme yüklenme durumunda imleç */
body.ux-feedback button[aria-busy=true]{cursor:progress}
/* D267 Devre dışı bağlantı eyleminin görsel ayrımı */
body.ux-feedback a[aria-disabled=true]{opacity:.65;text-decoration:none;cursor:not-allowed}
/* D268 Tarih ve sürelerde rakam hizası */
body.ux-feedback time,body.ux-feedback .days-left{font-variant-numeric:tabular-nums}
/* D269 Boş liste mesajlarında okunabilir metin */
body.ux-feedback .empty,body.ux-feedback .empty-cell{line-height:1.8;padding-block:24px}
/* D270 İşlem açıklamalarında dar satır desteği */
body.ux-feedback .rm-help,body.ux-feedback .sp-help{text-wrap:pretty;overflow-wrap:anywhere}
/* D271 Azaltılmış harekette yumuşak kaydırmayı kapatma */
@media (prefers-reduced-motion:reduce){body.ux-motion *{scroll-behavior:auto!important}}
/* D272 Azaltılmış harekette slayt geçişini kaldırma */
@media (prefers-reduced-motion:reduce){body.ux-motion .sertican-slide,body.ux-motion .wx-slider{transition:none!important;animation:none!important}}
/* D273 Azaltılmış harekette logo bandını sabitleme */
@media (prefers-reduced-motion:reduce){body.ux-motion .ps-band-track{animation:none!important;transform:none!important}}
/* D274 Azaltılmış harekette düğme dönüşümünü kapatma */
@media (prefers-reduced-motion:reduce){body.ux-motion .button:hover,body.ux-motion .wx-primary:hover{transform:none!important;transition:none!important}}
/* D275 Azaltılmış harekette kaydırma ilerlemesini sadeleştirme */
@media (prefers-reduced-motion:reduce){body.ux-motion .ps-progress span,body.ux-motion .wx-slide-progress span{transition:none!important}}
/* D276 Yüksek kontrastta giriş sınırları */
@media (forced-colors:active){body.ux-motion input,body.ux-motion select,body.ux-motion textarea{border:1px solid CanvasText!important}}
/* D277 Yüksek kontrastta durum kartı sınırı */
@media (forced-colors:active){body.ux-motion .sp-card,body.ux-motion .request-card,body.ux-motion .rm-card{border:1px solid CanvasText!important}}
/* D278 Yüksek kontrastta bağlantı ayrımı */
@media (forced-colors:active){body.ux-motion a{text-decoration:underline}}
/* D279 Yüksek kontrastta odak rengi */
@media (forced-colors:active){body.ux-motion :focus-visible{outline-color:Highlight!important}}
/* D280 Yüksek kontrastta ölçüm şeridi ayrımı */
@media (forced-colors:active){body.ux-motion .sp-history-strip span{border:1px solid CanvasText;box-sizing:border-box}}
/* D281 Yazdırmada menü ve çerez arayüzünü çıkarma */
@media print{body.ux-print .wx-header,body.ux-print .ux-cookie-banner,body.ux-print .ux-cookie-link{display:none!important}}
/* D282 Yazdırmada sohbet düğmesini çıkarma */
@media print{body.ux-print .sertican-chatbot,body.ux-print .sertican-launcher{display:none!important}}
/* D283 Yazdırmada makale genişliğini kullanma */
@media print{body.ux-print .blog-article,body.ux-print .ps-document{max-width:none!important;width:auto!important}}
/* D284 Yazdırmada başlıkla sonraki metni birlikte tutma */
@media print{body.ux-print h2,body.ux-print h3{break-after:avoid}}
/* D285 Yazdırmada tablo satırını bölmeme */
@media print{body.ux-print tr{break-inside:avoid}}
/* D286 Yazdırmada görselleri bölmeme */
@media print{body.ux-print .blog-article img,body.ux-print .ps-prose img{break-inside:avoid;max-height:220mm}}
/* D287 Yazdırmada kodu satıra sığdırma */
@media print{body.ux-print pre{white-space:pre-wrap!important;overflow-wrap:anywhere}}
/* D288 Yazdırmada gizlilik içindekiler düzeni */
@media print{body.ux-print .ux-privacy-toc ol{columns:1}}
/* D289 Yazdırmada dışa aktarma kontrollerini çıkarma */
@media print{body.ux-print .sp-export,body.ux-print .ps-tools{display:none!important}}
/* D290 Yazdırmada koyu panelde okunur hücreler */
@media print{body.ux-print .sp-dashboard .sp-card,body.ux-print .sp-dashboard input{background:#fff!important;color:#111!important;border-color:#999!important}}
/* D291 Rehber kartlarında aynı yükseklikte bağlantı yerleşimi */
body.ux-services .se-guide-grid article{display:flex;flex-direction:column;min-width:0}
/* D292 Rehber kartı bağlantısının tabana hizası */
body.ux-services .se-guide-grid article>a:last-child{margin-top:auto;padding-top:12px}
/* D293 Hizmet başlığında dengeli metin */
body.ux-services .sp-feature-grid h2,body.ux-services .wx-section-title h2{text-wrap:balance}
/* D294 Yeni servis kartında iç bağlantı kontrastı */
body.ux-services .sp-card a{color:#12664e;text-underline-offset:3px}
/* D295 Kişisel panel sekmelerinde görünür klavye hedefi */
body.ux-services .sp-tabs a:focus-visible{outline:3px solid #16846d;outline-offset:3px}
/* D296 Teknik doğrulama değerinde kopyalama alanı */
body.ux-services .sp-proof dd{position:relative;line-height:1.8}
/* D297 Telefon kartında dokunma ve odak geri bildirimi */
body.ux-services .ux-phone:hover,body.ux-services .ux-phone:focus-visible{border-color:#16846d;box-shadow:0 5px 20px #185b3a12}
/* D298 Ortak aktivitede sayısal zıplamayı önleme */
body.ux-services .ux-activity b{min-width:2ch;text-align:end;font-variant-numeric:tabular-nums}
/* D299 Özel panelde olay açıklamasının okunması */
body.ux-services .sp-incident p{max-width:85ch;line-height:1.8}
/* D300 Koyu kişisel panelde bağlantı kontrastını koruma */
body.ux-services .sp-dashboard[data-sp-theme=dark] a{color:#b4e8ce}