/* OnaySIM Blog — makale tipografisi (açık / koyu tema) */
/* Başlıklar: Plus Jakarta Sans en çok 800 — 900 (font-black) sahte kalınlaştırılıyordu.
   Satır aralığı ≥1.25: Türkçe İ noktası / Ç-Ş kuyrukları üst satıra değmesin. */
h1.post-title,h1.list-title,h2.feat-title{font-weight:800;letter-spacing:-.018em;text-wrap:balance;overflow-wrap:break-word}
h1.post-title{font-size:clamp(1.75rem,1.2rem + 1.9vw,2.4rem);line-height:1.25}
h1.list-title{font-size:clamp(1.75rem,1.3rem + 1.4vw,2.25rem);line-height:1.25}
h2.feat-title{font-size:clamp(1.4rem,1.1rem + 1vw,1.8rem);line-height:1.3}
.blog-content{font-size:17px;line-height:1.8;color:#334155;word-wrap:break-word}
.dark .blog-content{color:#cbd5e1}
.blog-content>*+*{margin-top:1.1em}
.blog-content p{margin:0}
.blog-content h2{font-size:1.5em;line-height:1.32;font-weight:800;color:#0f172a;margin-top:1.9em;margin-bottom:.1em;letter-spacing:-.01em;text-wrap:balance;scroll-margin-top:90px}
.blog-content h3{font-size:1.22em;line-height:1.38;font-weight:700;color:#0f172a;margin-top:1.6em;text-wrap:balance;scroll-margin-top:90px}
.blog-content h4{font-size:1.05em;font-weight:800;color:#0f172a;margin-top:1.4em}
.dark .blog-content h2,.dark .blog-content h3,.dark .blog-content h4{color:#f8fafc}
.blog-content a{color:#4f46e5;font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.blog-content a:hover{color:#4338ca}
.dark .blog-content a{color:#a5b4fc}
.blog-content strong,.blog-content b{color:#0f172a;font-weight:700}
.dark .blog-content strong,.dark .blog-content b{color:#f1f5f9}
.blog-content ul,.blog-content ol{padding-left:1.4em}
.blog-content ul{list-style:disc} .blog-content ol{list-style:decimal}
.blog-content li{margin:.4em 0;padding-left:.2em}
.blog-content li::marker{color:#6366f1;font-weight:700}
.blog-content blockquote{border-left:4px solid #6366f1;background:#eef2ff;padding:.9em 1.2em;border-radius:0 14px 14px 0;color:#312e81;font-weight:500}
.dark .blog-content blockquote{background:rgba(99,102,241,.12);color:#c7d2fe}
.blog-content img{max-width:100%;height:auto;border-radius:16px;border:1px solid #e2e8f0}
.dark .blog-content img{border-color:#1e293b}
.blog-content figure{margin:1.6em 0} .blog-content figcaption{font-size:.82em;color:#64748b;text-align:center;margin-top:.5em}
.blog-content code{font-family:ui-monospace,Consolas,monospace;font-size:.86em;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:.1em .4em;color:#be185d}
.dark .blog-content code{background:#0f172a;border-color:#1e293b;color:#f9a8d4}
.blog-content pre{background:#0b1120;color:#e2e8f0;border-radius:14px;padding:1em 1.2em;overflow-x:auto;font-size:.85em;line-height:1.6}
.blog-content pre code{background:none;border:0;padding:0;color:inherit}
.blog-content table{width:100%;border-collapse:collapse;font-size:.92em;display:block;overflow-x:auto}
.blog-content th,.blog-content td{border:1px solid #e2e8f0;padding:.6em .8em;text-align:left;vertical-align:top}
.blog-content th{background:#f8fafc;font-weight:700;color:#0f172a}
.dark .blog-content th,.dark .blog-content td{border-color:#1e293b} .dark .blog-content th{background:#111827;color:#f1f5f9}
.blog-content hr{border:0;border-top:1px solid #e2e8f0;margin:2em 0} .dark .blog-content hr{border-color:#1e293b}
.blog-content mark{background:#fef08a;padding:0 .2em;border-radius:3px}
.toc a.active{color:#4f46e5;font-weight:700} .dark .toc a.active{color:#a5b4fc}
.faq-item summary{list-style:none;cursor:pointer} .faq-item summary::-webkit-details-marker{display:none}
.faq-item[open] .faq-icon{transform:rotate(45deg)}
.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
@media (max-width:640px){.blog-content{font-size:16px}}