*{font-family:'Jost',sans-serif}
/* ONEMLI: html uzerinde overflow tanimlama. Root scroll container olur ve
   IntersectionObserver (.reveal) ile sayfa kaymasi bozulur.
   Yatay tasma icin <body class="... overflow-x-hidden"> kullanilir. */
html{scroll-behavior:smooth}
::-webkit-scrollbar{width:8px}
::-webkit-scrollbar-thumb{background:#E30613;border-radius:999px}
::-webkit-scrollbar-track{background:#eee}
.reveal{opacity:0;transform:translateY(18px);transition:all .7s cubic-bezier(.16,1,.3,1)}
.reveal.active{opacity:1;transform:translateY(0)}
.ph{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:repeating-linear-gradient(135deg,#f4f4f5,#f4f4f5 12px,#ececee 12px,#ececee 24px);border:1px dashed #d4d4d8;border-radius:16px;color:#71717a;text-align:center;padding:1.5rem}
.ph-4x3{aspect-ratio:4/3}
.ph .ph-ico{font-size:30px;color:#E30613}
.ph strong{font-weight:700;color:#3f3f46}
.ph small{font-size:12px;color:#a1a1aa}
.prose-ss h2{font-weight:800;font-size:25px;line-height:1.2;letter-spacing:-.01em;margin-top:2.4rem;margin-bottom:.7rem}
.prose-ss h3{font-weight:800;font-size:19px;line-height:1.3;margin-top:1.7rem;margin-bottom:.5rem;color:#0A0A0A}
.prose-ss p{color:#3f3f46;line-height:1.85;font-size:16px;margin-bottom:1.05rem}
.prose-ss strong{font-weight:700;color:#0A0A0A}
.prose-ss a{color:#E30613;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.prose-ss a:hover{color:#9F1239}
.prose-ss a.bg-brand-red{color:#fff}
.prose-ss a.bg-brand-red:hover{color:#fff}
.prose-ss em{font-style:italic;color:#52525b}
.prose-ss ul{list-style:none;margin:0 0 1.3rem;padding:0}
.prose-ss ul li{position:relative;padding-left:1.7rem;color:#3f3f46;line-height:1.75;margin-bottom:.55rem}
.prose-ss ul li::before{content:"";position:absolute;left:0;top:.62em;width:8px;height:8px;background:#E30613;border-radius:2px}
.prose-ss ol{list-style:none;counter-reset:ss;margin:0 0 1.3rem;padding:0}
.prose-ss ol li{position:relative;padding-left:2.5rem;color:#3f3f46;line-height:1.75;margin-bottom:.7rem;counter-increment:ss}
.prose-ss ol li::before{content:counter(ss);position:absolute;left:0;top:.02em;width:27px;height:27px;background:#0A0A0A;color:#fff;border-radius:8px;font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center}
.prose-ss blockquote{border-left:4px solid #E30613;background:#F5F5F5;padding:1.1rem 1.3rem;border-radius:0 12px 12px 0;font-weight:600;color:#18181b;margin:1.8rem 0}
.prose-ss .kutu{background:#FFF1F2;border:1px solid #FECDD3;border-radius:14px;padding:1.15rem 1.35rem;margin:1.7rem 0}
.prose-ss .kutu p{margin-bottom:.6rem;color:#881337}
.prose-ss .kutu p:last-child{margin-bottom:0}
.prose-ss table{width:100%;border-collapse:collapse;margin:0 0 1.5rem;font-size:15px}
.prose-ss th{background:#0A0A0A;color:#fff;font-weight:700;text-align:left;padding:.72rem .9rem}
.prose-ss td{border:1px solid #E4E4E7;padding:.72rem .9rem;color:#3f3f46;line-height:1.55}
.prose-ss tbody tr:nth-child(even) td{background:#FAFAFA}
.prose-ss .sss{margin-top:2.8rem}
.prose-ss .sss h2{margin-top:1.9rem}
.prose-ss .sss-item{border:1px solid #E4E4E7;border-radius:14px;padding:1.1rem 1.3rem;margin-bottom:.85rem;background:#fff}
.prose-ss .sss-soru{font-weight:800;color:#0A0A0A;font-size:16.5px;line-height:1.45}
.prose-ss .sss-cevap{color:#3f3f46;line-height:1.78;margin-top:.5rem;font-size:15.5px}
.prose-ss .sss-cevap ul{margin:.6rem 0 0}