/* YSK Blog — Tailwind derlenmiş CSS (npm run build:css ile yeniden üretin) */

*,::before,::after{box-sizing:border-box;border:0 solid #e2e8f0}
html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:Inter,system-ui,Segoe UI,Roboto,sans-serif}
body{margin:0;line-height:inherit}
img,video{max-width:100%;height:auto;display:block}
button,input{font:inherit;color:inherit}
a{color:inherit;text-decoration:inherit}
h1,h2,h3,h4,p{margin:0}
ul,ol{list-style:none;margin:0;padding:0}
address{font-style:normal}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}
.sr-only:focus,.focus\:not-sr-only:focus{position:static;width:auto;height:auto;padding:inherit;margin:inherit;overflow:visible;clip:auto;white-space:normal}

.scroll-smooth{scroll-behavior:smooth}
.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.transition-colors{transition-property:color,background-color,border-color;transition-duration:150ms}
.transition{transition-property:all;transition-duration:150ms}
.duration-300{transition-duration:300ms}
.transition-colors.duration-300{transition-duration:300ms}

/* Layout */
.block{display:block}
.inline-block{display:inline-block}
.inline-flex{display:inline-flex}
.flex{display:flex}
.hidden{display:none}
.grid{display:grid}
.flex-col{flex-direction:column}
.flex-wrap{flex-wrap:wrap}
.items-center{align-items:center}
.justify-between{justify-content:space-between}
.justify-center{justify-content:center}
.gap-1{gap:.25rem}
.gap-2{gap:.5rem}
.gap-3{gap:.75rem}
.gap-4{gap:1rem}
.gap-6{gap:1.5rem}
.gap-8{gap:2rem}
.space-y-1>:not([hidden])~:not([hidden]){margin-top:.25rem}
.space-y-2>:not([hidden])~:not([hidden]){margin-top:.5rem}
.space-y-3>:not([hidden])~:not([hidden]){margin-top:.75rem}
.space-y-4>:not([hidden])~:not([hidden]){margin-top:1rem}
.space-y-6>:not([hidden])~:not([hidden]){margin-top:1.5rem}

.sticky{position:sticky}
.top-0{top:0}
.z-50{z-index:50}
.z-\[100\]{z-index:100}
.mx-auto{margin-left:auto;margin-right:auto}
.mx-1{margin-left:.25rem;margin-right:.25rem}
.mt-2{margin-top:.5rem}
.mt-3{margin-top:.75rem}
.mt-4{margin-top:1rem}
.mt-6{margin-top:1.5rem}
.mt-8{margin-top:2rem}
.mt-10{margin-top:2.5rem}
.mt-12{margin-top:3rem}
.mb-2{margin-bottom:.5rem}
.mb-3{margin-bottom:.75rem}
.mb-4{margin-bottom:1rem}
.mb-6{margin-bottom:1.5rem}
.mb-8{margin-bottom:2rem}
.mb-10{margin-bottom:2.5rem}
.p-2{padding:.5rem}
.p-4{padding:1rem}
.p-5{padding:1.25rem}
.p-6{padding:1.5rem}
.p-8{padding:2rem}
.px-2{padding-left:.5rem;padding-right:.5rem}
.px-3{padding-left:.75rem;padding-right:.75rem}
.px-4{padding-left:1rem;padding-right:1rem}
.px-6{padding-left:1.5rem;padding-right:1.5rem}
.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}
.py-1{padding-top:.25rem;padding-bottom:.25rem}
.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}
.py-2{padding-top:.5rem;padding-bottom:.5rem}
.py-3{padding-top:.75rem;padding-bottom:.75rem}
.py-8{padding-top:2rem;padding-bottom:2rem}
.py-12{padding-top:3rem;padding-bottom:3rem}
.py-16{padding-top:4rem;padding-bottom:4rem}
.pt-4{padding-top:1rem}
.pt-6{padding-top:1.5rem}
.min-w-0{min-width:0}
.min-w-10{min-width:2.5rem}
.w-full{width:100%}
.h-5{height:1.25rem}
.h-6{height:1.5rem}
.h-10{height:2.5rem}
.h-12{height:3rem}
.h-48{height:12rem}
.max-w-none{max-width:none}
.max-w-2xl{max-width:42rem}
.max-w-3xl{max-width:48rem}
.max-w-7xl{max-width:80rem}

/* Grid */
.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.lg\:grid-cols-\[1fr_320px\]{grid-template-columns:1fr 320px}
.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}

/* Typography */
.text-xs{font-size:.75rem;line-height:1rem}
.text-sm{font-size:.875rem;line-height:1.25rem}
.text-base{font-size:1rem;line-height:1.5rem}
.text-lg{font-size:1.125rem;line-height:1.75rem}
.text-xl{font-size:1.25rem;line-height:1.75rem}
.text-2xl{font-size:1.5rem;line-height:2rem}
.text-3xl{font-size:1.875rem;line-height:2.25rem}
.text-4xl{font-size:2.25rem;line-height:2.5rem}
.text-6xl{font-size:3.75rem;line-height:1}
.font-medium{font-weight:500}
.font-semibold{font-weight:600}
.font-bold{font-weight:700}
.leading-snug{line-height:1.375}
.leading-tight{line-height:1.25}
.leading-relaxed{line-height:1.625}
.tracking-wide{letter-spacing:.025em}
.uppercase{text-transform:uppercase}
.text-center{text-align:center}
.not-italic{font-style:normal}

/* Borders & Radius */
.border{border-width:1px}
.border-t{border-top-width:1px}
.border-b{border-bottom-width:1px}
.border-slate-100{border-color:#f1f5f9}
.border-slate-200{border-color:#e2e8f0}
.border-slate-300{border-color:#cbd5e1}
.border-slate-600{border-color:#475569}
.border-slate-700{border-color:#334155}
.border-brand-700{border-color:#1e3a5f}
.rounded-md{border-radius:.375rem}
.rounded-lg{border-radius:.5rem}
.rounded-xl{border-radius:.75rem}
.rounded-full{border-radius:9999px}
.ring-2{box-shadow:0 0 0 2px}
.ring-accent-500{--tw-ring-color:#c9a227;box-shadow:0 0 0 2px #c9a227}

/* Colors — Light */
.bg-white{background-color:#fff}
.bg-slate-50{background-color:#f8fafc}
.bg-slate-100{background-color:#f1f5f9}
.bg-brand-50{background-color:#f0f5fa}
.bg-brand-100{background-color:#dce8f3}
.bg-brand-600{background-color:#2d5780}
.bg-brand-700{background-color:#1e3a5f}
.bg-brand-800{background-color:#162d4a}
.bg-brand-900{background-color:#0f1f33}
.bg-white\/95{background-color:rgba(255,255,255,.95)}
.text-white{color:#fff}
.text-slate-100{color:#f1f5f9}
.text-slate-200{color:#e2e8f0}
.text-slate-300{color:#cbd5e1}
.text-slate-400{color:#94a3b8}
.text-slate-500{color:#64748b}
.text-slate-600{color:#475569}
.text-slate-700{color:#334155}
.text-slate-800{color:#1e293b}
.text-brand-600{color:#2d5780}
.text-brand-700{color:#1e3a5f}
.text-brand-800{color:#162d4a}
.text-accent-400{color:#d4a84b}
.text-accent-500{color:#c9a227}

/* Shadows & Effects */
.shadow-sm{box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}
.backdrop-blur{backdrop-filter:blur(8px)}
.overflow-hidden{overflow:hidden}
.object-cover{object-fit:cover}
.cursor-pointer{cursor:pointer}
.group:hover .group-hover\:scale-105{transform:scale(1.05)}

/* Hover — Light */
.hover\:bg-brand-50:hover{background-color:#f0f5fa}
.hover\:bg-brand-100:hover{background-color:#dce8f3}
.hover\:bg-brand-600:hover{background-color:#2d5780}
.hover\:bg-brand-800:hover{background-color:#162d4a}
.hover\:bg-slate-100:hover{background-color:#f1f5f9}
.hover\:text-brand-600:hover{color:#2d5780}
.hover\:text-brand-700:hover{color:#1e3a5f}
.hover\:text-accent-400:hover{color:#d4a84b}
.hover\:text-accent-500:hover{color:#c9a227}
.hover\:underline:hover{text-decoration:underline}
.hover\:shadow-md:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}

/* Focus */
.focus\:outline-none:focus{outline:2px solid transparent}
.focus\:border-brand-500:focus{border-color:#3a6f9a}
.focus\:ring-2:focus{box-shadow:0 0 0 2px}
.focus\:ring-brand-500\/20:focus{box-shadow:0 0 0 2px rgba(58,111,154,.2)}
.focus\:absolute:focus{position:absolute}
.focus\:top-2:focus{top:.5rem}
.focus\:left-2:focus{left:.5rem}
.focus\:z-\[100\]:focus{z-index:100}
.focus\:rounded-md:focus{border-radius:.375rem}
.focus\:bg-accent-500:focus{background-color:#c9a227}
.focus\:px-4:focus{padding-left:1rem;padding-right:1rem}
.focus\:py-2:focus{padding-top:.5rem;padding-bottom:.5rem}
.focus\:text-white:focus{color:#fff}

/* Body defaults */
.bg-slate-50.text-slate-800{background-color:#f8fafc;color:#1e293b}

/* Skip link */
.skip-link{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}
.skip-link:focus{position:absolute;top:.5rem;left:.5rem;z-index:100;border-radius:.375rem;background-color:#c9a227;padding:.5rem 1rem;color:#fff;width:auto;height:auto;margin:0;overflow:visible;clip:auto;white-space:normal}

/* Prose tables */
.prose-blog table{width:100%;border-collapse:collapse;font-size:.875rem}
.prose-blog th,.prose-blog td{border:1px solid #e2e8f0;padding:.5rem .75rem}
.prose-blog th{background-color:#f0f5fa;font-weight:600}

/* Marker */
.marker\:content-none::-webkit-details-marker,.marker\:content-none::marker{display:none}

/* Responsive sm */
@media(min-width:640px){
  .sm\:block{display:block}
  .sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}
  .sm\:p-8{padding:2rem}
  .sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}
  .sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}
  .sm\:h-52{height:13rem}
  .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Responsive lg */
@media(min-width:1024px){
  .lg\:flex{display:flex}
  .lg\:hidden{display:none}
  .lg\:px-8{padding-left:2rem;padding-right:2rem}
  .lg\:grid-cols-\[1fr_320px\]{grid-template-columns:1fr 320px}
  .lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
  .lg\:text-4xl{font-size:2.25rem;line-height:2.5rem}
}

/* Dark mode */
.dark .dark\:block{display:block}
.dark .dark\:hidden{display:none}
.dark .dark\:border-slate-600{border-color:#475569}
.dark .dark\:border-slate-700{border-color:#334155}
.dark .dark\:bg-slate-800{background-color:#1e293b}
.dark .dark\:bg-slate-800\/50{background-color:rgba(30,41,59,.5)}
.dark .dark\:bg-slate-900{background-color:#0f172a}
.dark .dark\:bg-slate-900\/95{background-color:rgba(15,23,42,.95)}
.dark .dark\:bg-brand-800{background-color:#162d4a}
.dark .dark\:bg-brand-900{background-color:#0f1f33}
.dark .dark\:bg-accent-500{background-color:#c9a227}
.dark .dark\:text-slate-100{color:#f1f5f9}
.dark .dark\:text-slate-200{color:#e2e8f0}
.dark .dark\:text-slate-300{color:#cbd5e1}
.dark .dark\:text-slate-400{color:#94a3b8}
.dark .dark\:text-accent-400{color:#d4a84b}
.dark .dark\:text-brand-900{color:#0f1f33}
.dark .dark\:hover\:bg-brand-800:hover{background-color:#162d4a}
.dark .dark\:hover\:bg-slate-800:hover{background-color:#1e293b}
.dark .dark\:hover\:text-accent-400:hover{color:#d4a84b}
.dark .dark\:hover\:bg-accent-400:hover{background-color:#d4a84b}
.dark body,.dark.bg-slate-900,.dark .dark\:bg-slate-900{background-color:#0f172a}
.dark .dark\:text-slate-100,.dark.text-slate-100{color:#f1f5f9}
body.dark,.dark body,html.dark body{background-color:#0f172a;color:#f1f5f9}
html.dark .bg-slate-50{background-color:#0f172a}
html.dark .text-slate-800{color:#f1f5f9}
html.dark .prose-blog th{background-color:#162d4a}
html.dark .prose-blog th,html.dark .prose-blog td{border-color:#475569}

/* Dark body class on body via WP */
html.dark .border-slate-200{border-color:#334155}
html.dark .bg-white{background-color:#1e293b}
html.dark .text-slate-600{color:#cbd5e1}
html.dark .text-slate-700{color:#e2e8f0}
html.dark .text-brand-800{color:#f1f5f9}
html.dark .bg-slate-50{background-color:rgba(30,41,59,.5)}
html.dark .border-slate-100{border-color:#334155}
html.dark .bg-slate-100{background-color:#334155}
html.dark .hover\:bg-brand-50:hover{background-color:#162d4a}
html.dark .hover\:bg-brand-100:hover{background-color:#1e3a5f}
html.dark .border-slate-300{border-color:#475569}
html.dark .text-slate-500{color:#94a3b8}
html.dark .shadow-sm{box-shadow:0 1px 2px 0 rgba(0,0,0,.3)}
html.dark .bg-brand-50{background-color:#0f1f33}
html.dark .text-brand-700{color:#d4a84b}
html.dark header.bg-white\/95{background-color:rgba(15,23,42,.95)}
html.dark .hover\:text-brand-600:hover{color:#d4a84b}
html.dark input.bg-white{background-color:#0f172a}
html.dark .focus\:ring-brand-500\/20:focus{box-shadow:0 0 0 2px rgba(201,162,39,.2)}

/* Scale on group hover */
.group:hover .h-48,.group:hover .sm\:h-52{transition:transform .3s;transform:scale(1.05)}

/* Widget area from setup.php */
.widget{margin-bottom:1.5rem;border-radius:.75rem;border:1px solid #e2e8f0;background:#fff;padding:1.25rem;box-shadow:0 1px 2px rgba(0,0,0,.05)}
html.dark .widget{border-color:#334155;background:#1e293b}

.shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}
.flex-col{flex-direction:column}

/* === YSK Blog tema (blue-950 + amber) === */
*,::before,::after{box-sizing:border-box}
html{font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5}
body{margin:0}
img,video{display:block;max-width:100%;height:auto}
button,input{font:inherit}
a{text-decoration:inherit;color:inherit}
h1,h2,h3,h4,p,ul,ol{margin:0}
ul,ol{list-style:none;padding:0}

.min-h-screen{min-height:100vh}
.flex-1{flex:1 1 0%}
.shrink-0{flex-shrink:0}
.mt-auto{margin-top:auto}
.relative{position:relative}
.absolute{position:absolute}
.inset-0{inset:0}
.opacity-25{opacity:.25}
.m-0{margin:0}
.h-9{height:2.25rem}
.w-9{width:2.25rem}
.rounded-2xl{border-radius:1rem}
.tracking-tight{letter-spacing:-.025em}
.items-start{align-items:flex-start}

.bg-stone-100{background-color:#f5f5f4}
.bg-stone-50{background-color:#fafaf9}
.text-slate-900{color:#0f172a}
.text-slate-700{color:#334155}

.bg-blue-950{background-color:#172554}
.bg-blue-900{background-color:#1e3a8a}
.bg-blue-100{background-color:#dbeafe}
.bg-blue-50{background-color:#eff6ff}
.text-blue-800{color:#1e40af}
.text-blue-900{color:#1e3a8a}
.text-blue-950{color:#172554}
.border-blue-900\/40{border-color:rgba(30,58,138,.4)}

.bg-amber-600{background-color:#d97706}
.bg-amber-500{background-color:#f59e0b}
.bg-amber-50{background-color:#fffbeb}
.text-amber-200{color:#fde68a}
.text-amber-300{color:#fcd34d}
.text-amber-600{color:#d97706}
.text-amber-700{color:#b45309}

.bg-white\/10{background-color:rgba(255,255,255,.1)}
.border-white\/10{border-color:rgba(255,255,255,.1)}
.bg-emerald-600{background-color:#059669}
.bg-blue-600{background-color:#2563eb}
.bg-sky-500{background-color:#0ea5e9}
.bg-slate-700{background-color:#334155}
.bg-slate-600{background-color:#475569}
.bg-\[\#0077b5\]{background-color:#0077b5}

.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}
.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}
.from-blue-950{--tw-gradient-from:#172554;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(23,37,84,0))}
.via-blue-900{--tw-gradient-stops:var(--tw-gradient-from),#1e3a8a,var(--tw-gradient-to,rgba(30,58,138,0))}
.to-blue-900{--tw-gradient-to:#1e3a8a}
.to-amber-950{--tw-gradient-to:#451a03}
.from-purple-600{--tw-gradient-from:#9333ea;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(147,51,234,0))}
.to-pink-600{--tw-gradient-to:#db2777}

.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}
.py-4{padding-top:1rem;padding-bottom:1rem}
.py-20{padding-top:5rem;padding-bottom:5rem}
.px-8{padding-left:2rem;padding-right:2rem}
.gap-2\.5{gap:.625rem}

.hover\:bg-amber-50:hover{background-color:#fffbeb}
.hover\:bg-amber-500:hover{background-color:#f59e0b}
.hover\:bg-amber-600:hover{background-color:#d97706}
.hover\:text-amber-600:hover{color:#d97706}
.hover\:text-amber-700:hover{color:#b45309}
.hover\:border-amber-300:hover{border-color:#fcd34d}
.hover\:bg-white\/20:hover{background-color:rgba(255,255,255,.2)}
.hover\:bg-emerald-500:hover{background-color:#10b981}
.hover\:bg-blue-500:hover{background-color:#3b82f6}
.hover\:bg-sky-400:hover{background-color:#38bdf8}
.hover\:bg-slate-600:hover{background-color:#475569}
.hover\:bg-\[\#006399\]:hover{background-color:#006399}
.hover\:from-purple-500:hover{--tw-gradient-from:#a855f7}
.hover\:to-pink-500:hover{--tw-gradient-to:#ec4899}
.group:hover .group-hover\:text-amber-300{color:#fcd34d}
.group:hover .group-hover\:scale-\[1\.02\]{transform:scale(1.02)}
.group:hover .group-hover\:text-amber-600{color:#d97706}

.focus\:border-amber-500:focus{border-color:#f59e0b}
.focus\:ring-amber-500\/20:focus{box-shadow:0 0 0 2px rgba(245,158,11,.2)}
.focus\:bg-amber-600:focus{background-color:#d97706}

.prose-blog h2,.prose-blog h3,.prose-blog h4{margin-top:1.5em;margin-bottom:.5em;font-weight:700;color:#0f2744}
.prose-blog p{margin-bottom:1em}
.prose-blog a{color:#d97706;text-decoration:underline}
.prose-blog a:hover{color:#b45309}
.prose-blog ul,.prose-blog ol{margin:.75em 0 1em 1.5em;list-style:disc}
.prose-blog li{margin:.25em 0}
.prose-blog img{max-width:100%;height:auto;border-radius:.5rem;margin:1em 0}
.prose-blog blockquote{border-left:4px solid #f59e0b;padding-left:1em;color:#64748b;font-style:italic}

@media(min-width:640px){
  .sm\:py-20{padding-top:5rem;padding-bottom:5rem}
  .sm\:text-5xl{font-size:3rem;line-height:1}
  .sm\:text-xl{font-size:1.25rem;line-height:1.75rem}
  .sm\:flex-row{flex-direction:row}
  .sm\:items-center{align-items:center}
  .sm\:justify-between{justify-content:space-between}
  .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(min-width:1024px){
  .lg\:text-4xl{font-size:2.25rem;line-height:2.5rem}
}