/* KESKIN Professional UI Layer — 2026-07-31
   Non-invasive quality layer: accessibility, responsive safety, motion, tables and focus. */
:root{
  --keskin-pro-focus:var(--accent,var(--cyan,var(--primary,#2563eb)));
  --keskin-pro-surface:var(--panel,var(--card,var(--surface,#ffffff)));
  --keskin-pro-text:var(--ink,var(--text,#111827));
  --keskin-pro-muted:var(--muted,#667085);
  --keskin-pro-line:var(--line,var(--border,rgba(127,127,127,.24)));
  --keskin-pro-radius:var(--radius,16px);
  --keskin-pro-shadow:0 18px 48px rgba(15,23,42,.12);
}
html{scroll-behavior:smooth;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%}
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}
::selection{background:color-mix(in srgb,var(--keskin-pro-focus) 28%,transparent);color:inherit}
:where(a,button,input,select,textarea,summary,[tabindex]){-webkit-tap-highlight-color:transparent}
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid color-mix(in srgb,var(--keskin-pro-focus) 72%,white);outline-offset:3px;border-radius:max(4px,calc(var(--keskin-pro-radius) / 2))}
:where(button,.btn,.button,[role="button"],input[type="submit"],input[type="button"]){min-height:44px;touch-action:manipulation;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background-color .2s ease,opacity .2s ease}
:where(button,.btn,.button,[role="button"],input[type="submit"],input[type="button"]):not(:disabled):active{transform:translateY(1px) scale(.99)}
:where(button,input,select,textarea){font:inherit}
:where(input,select,textarea){max-width:100%}
:where(textarea){resize:vertical}
:where(img,svg,video,canvas){max-width:100%}
:where(img){height:auto}
:where(h1,h2,h3,h4,p,li,dd,td,th){overflow-wrap:anywhere}
:where(section,[id]){scroll-margin-top:96px}
:where(table){font-variant-numeric:tabular-nums}
.keskin-pro-table-wrap{max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;border-radius:inherit}
.keskin-pro-progress{position:fixed;z-index:2147483000;left:0;top:0;width:100%;height:3px;pointer-events:none;background:transparent}
.keskin-pro-progress>i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--keskin-pro-focus),color-mix(in srgb,var(--keskin-pro-focus) 44%,#fff));box-shadow:0 0 18px color-mix(in srgb,var(--keskin-pro-focus) 55%,transparent);transition:width .08s linear}
.keskin-pro-top{position:fixed;z-index:2147482000;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));width:46px;height:46px;display:grid;place-items:center;border:1px solid var(--keskin-pro-line);border-radius:50%;background:color-mix(in srgb,var(--keskin-pro-surface) 88%,transparent);color:var(--keskin-pro-text);box-shadow:var(--keskin-pro-shadow);backdrop-filter:blur(14px);opacity:0;visibility:hidden;transform:translateY(12px);transition:.24s ease;cursor:pointer}
.keskin-pro-top svg{width:19px;height:19px}
.keskin-pro-top.is-visible{opacity:1;visibility:visible;transform:none}
.keskin-pro-scrolled :where(.site-header,header.sticky,header[role="banner"]){box-shadow:0 10px 34px rgba(15,23,42,.09)}
[data-pro-reveal]{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1)}
[data-pro-reveal].is-visible{opacity:1;transform:none}
.keskin-pro-invalid{box-shadow:0 0 0 3px rgba(220,38,38,.16)!important;border-color:#dc2626!important}
.keskin-pro-skip{position:fixed;z-index:2147483647;left:14px;top:14px;padding:11px 15px;border-radius:10px;background:#111827;color:#fff;text-decoration:none;font-weight:800;transform:translateY(-180%);transition:transform .2s ease}
.keskin-pro-skip:focus{transform:none}
@media (max-width:720px){
  :where(button,.btn,.button,[role="button"],input[type="submit"],input[type="button"]){min-height:46px}
  .keskin-pro-top{width:44px;height:44px}
  :where(section,[id]){scroll-margin-top:78px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  [data-pro-reveal]{opacity:1!important;transform:none!important}
}
@media print{.keskin-pro-progress,.keskin-pro-top,.keskin-pro-skip{display:none!important}[data-pro-reveal]{opacity:1!important;transform:none!important}}
