/* NESA Blog & Sözlük — makale tipografisi, kutular, TOC, kartlar */

.post-card{background:#fff;border:1px solid #E5E5E5;border-radius:1rem;overflow:hidden;transition:box-shadow .25s ease,transform .25s ease,border-color .2s;display:flex;flex-direction:column}
.post-card:hover{transform:translateY(-3px);box-shadow:0 16px 36px -12px rgba(0,0,0,.12);border-color:#A3A3A3}
.post-card img{aspect-ratio:1200/630;width:100%;height:auto;object-fit:cover;background:#FAFAFA}
.post-card .post-card-body{padding:1.25rem 1.5rem 1.5rem;display:flex;flex-direction:column;gap:.6rem;flex:1}
.post-card h3{font-size:1.05rem;line-height:1.35;font-weight:600;color:#141414}
.post-card h3 a:hover{text-decoration:underline}
.post-meta{display:flex;flex-wrap:wrap;gap:.35rem .9rem;font-size:.78rem;color:#737373;align-items:center}
.post-meta time{white-space:nowrap}
.cat-chip{display:inline-flex;align-items:center;gap:.35rem;font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#9C7200;background:#FFF3C4;padding:.25rem .6rem;border-radius:2rem;white-space:nowrap}
.cat-chip.is-dark{background:#141414;color:#fff}
.chip-nav{display:flex;flex-wrap:wrap;gap:.5rem}
.chip-nav a{display:inline-flex;align-items:center;padding:.5rem .95rem;border:1px solid #E5E5E5;border-radius:2rem;font-size:.85rem;font-weight:500;color:#3F3F3F;background:#fff;transition:all .2s}
.chip-nav a:hover{border-color:#141414;color:#141414}
.chip-nav a.is-active{background:#141414;border-color:#141414;color:#fff}

/* Öne çıkan yazı */
.featured-post{display:grid;gap:1.5rem;border:1px solid #E5E5E5;border-radius:1.25rem;overflow:hidden;background:#fff}
@media (min-width:900px){.featured-post{grid-template-columns:1.25fr 1fr}}
.featured-post img{width:100%;height:100%;object-fit:cover;aspect-ratio:1200/630}
.featured-post .featured-body{padding:1.75rem}
@media (min-width:900px){.featured-post .featured-body{padding:2.5rem 2.5rem 2.5rem 0}}

/* Makale gövdesi */
.article-body{font-size:1.06rem;line-height:1.8;color:#262626}
.article-body>*+*{margin-top:1.15rem}
.article-body h2{font-family:Geist,-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;font-size:1.55rem;line-height:1.3;font-weight:600;color:#141414;margin-top:2.6rem;padding-top:.25rem;letter-spacing:-.01em;scroll-margin-top:6rem}
.article-body h3{font-size:1.2rem;line-height:1.35;font-weight:600;color:#141414;margin-top:2rem;scroll-margin-top:6rem}
.article-body h4{font-size:1.02rem;font-weight:600;color:#141414;margin-top:1.5rem}
.article-body p{margin-top:1.1rem}
.article-body a{color:#141414;text-decoration:underline;text-decoration-color:#F7B500;text-decoration-thickness:2px;text-underline-offset:3px}
.article-body a:hover{background:#FFF3C4}
.article-body a.gl-link{text-decoration-style:dotted;text-decoration-color:#A3A3A3;text-decoration-thickness:1.5px}
.article-body a.gl-link:hover{text-decoration-color:#F7B500;background:#FFF3C4}
.article-body strong{font-weight:600;color:#141414}
.article-body ul,.article-body ol{padding-left:1.5rem;margin-top:1rem}
.article-body ul{list-style:disc}
.article-body ol{list-style:decimal}
.article-body li{margin:.45rem 0;padding-left:.2rem}
.article-body li::marker{color:#9C7200;font-weight:600}
.article-body blockquote{border-left:4px solid #F7B500;background:#FAFAFA;padding:1rem 1.25rem;border-radius:0 .75rem .75rem 0;color:#3F3F3F;font-style:italic}
.article-body hr{border:0;border-top:1px solid #E5E5E5;margin:2.5rem 0}
.article-body code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;background:#F5F5F5;padding:.1rem .4rem;border-radius:.3rem}
.article-body figure{margin:1.75rem 0}
.article-body figure img{border-radius:1rem;width:100%;height:auto}
.article-body figcaption{font-size:.82rem;color:#737373;margin-top:.5rem;text-align:center}
.article-body .md-table{overflow-x:auto;margin:1.5rem 0;border:1px solid #E5E5E5;border-radius:.9rem}
.article-body table{width:100%;border-collapse:collapse;font-size:.93rem;line-height:1.5}
.article-body thead th{background:#141414;color:#fff;text-align:left;font-weight:600;padding:.7rem .9rem;white-space:nowrap}
.article-body tbody td{padding:.7rem .9rem;border-top:1px solid #E5E5E5;vertical-align:top}
.article-body tbody tr:nth-child(even) td{background:#FAFAFA}
.article-body .md-box{border-radius:1rem;padding:1.25rem 1.4rem;margin:1.75rem 0;border:1px solid #E5E5E5;background:#FAFAFA}
.article-body .md-box>*+*{margin-top:.6rem}
.article-body .md-box p{margin-top:.6rem}
.article-body .md-box-title{font-weight:600;color:#141414;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;margin:0 0 .35rem}
.article-body .md-box-ozet{background:#FFF9E0;border-color:#F7B500}
.article-body .md-box-ozet .md-box-title{color:#9C7200}
.article-body .md-box-uyari{background:#FFF4F2;border-color:#F5C2BA}
.article-body .md-box-uyari .md-box-title{color:#B42318}
.article-body .md-box-ipucu{background:#F1FAF3;border-color:#BFE6C9}
.article-body .md-box-ipucu .md-box-title{color:#1B6B3A}
.article-body .md-box-cta{background:#141414;color:#fff;border-color:#141414}
.article-body .md-box-cta a{color:#F7B500;text-decoration-color:#F7B500}
.article-body .md-box-cta a:hover{background:transparent;color:#fff}
.article-body .md-box-cta strong{color:#fff}

/* İçindekiler */
.toc{border:1px solid #E5E5E5;border-radius:1rem;background:#fff;padding:1.1rem 1.25rem;font-size:.9rem}
.toc-title{font-weight:600;color:#141414;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.6rem}
.toc ol{list-style:none;padding:0;margin:0}
.toc li{margin:.25rem 0}
.toc li.lvl-3{padding-left:1rem;font-size:.84rem}
.toc a{color:#3F3F3F;display:block;padding:.25rem 0;border-left:2px solid transparent;padding-left:.6rem;line-height:1.35}
.toc a:hover,.toc a.is-active{color:#141414;border-left-color:#F7B500}
.toc-sticky{position:sticky;top:6rem}
.toc-mobile summary{cursor:pointer;font-weight:600;color:#141414;list-style:none}
.toc-mobile summary::-webkit-details-marker{display:none}
.toc-mobile summary::after{content:'+';float:right;color:#9C7200}
.toc-mobile[open] summary::after{content:'–'}

/* SSS */
.faq-item{border:1px solid #E5E5E5;border-radius:.9rem;background:#fff;margin-top:.75rem}
.faq-item summary{cursor:pointer;padding:1rem 1.25rem;font-weight:600;color:#141414;list-style:none;display:flex;justify-content:space-between;gap:1rem;align-items:center}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:'+';color:#9C7200;font-size:1.2rem;line-height:1;flex-shrink:0}
.faq-item[open] summary::after{content:'–'}
.faq-item .faq-answer{padding:0 1.25rem 1.1rem;color:#3F3F3F;line-height:1.7}

/* Anahtar noktalar */
.key-points{background:#FFF9E0;border:1px solid #F7B500;border-radius:1rem;padding:1.25rem 1.5rem}
.key-points p.kp-title{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:#9C7200;margin-bottom:.6rem}
.key-points ul{list-style:none;padding:0;margin:0}
.key-points li{position:relative;padding-left:1.35rem;margin:.45rem 0;color:#262626;line-height:1.55}
.key-points li::before{content:'';position:absolute;left:0;top:.6rem;width:.55rem;height:.55rem;border-radius:50%;background:#F7B500}

/* Paylaş */
.share-row a{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:600;color:#3F3F3F;border:1px solid #E5E5E5;border-radius:2rem;padding:.45rem .85rem;background:#fff}
.share-row a:hover{border-color:#141414;color:#141414}

/* Sözlük */
.gl-letters{display:flex;flex-wrap:wrap;gap:.35rem}
.gl-letters a,.gl-letters span{min-width:2.1rem;height:2.1rem;padding:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid #E5E5E5;border-radius:.6rem;font-size:.85rem;font-weight:600;color:#141414;background:#fff}
.gl-letters span{color:#C9C9C9;border-style:dashed}
.gl-letters a:hover{background:#141414;color:#fff;border-color:#141414}
.gl-card{display:block;border:1px solid #E5E5E5;border-radius:1rem;padding:1.15rem 1.3rem;background:#fff;transition:all .2s;height:100%}
.gl-card:hover{border-color:#141414;box-shadow:0 12px 30px -14px rgba(0,0,0,.15);transform:translateY(-2px)}
.gl-card h3{font-weight:600;color:#141414;font-size:1rem;margin-bottom:.35rem}
.gl-card p{font-size:.88rem;color:#737373;line-height:1.55}
.gl-chips{display:flex;flex-wrap:wrap;gap:.4rem}
.gl-chips button{border:1px solid #E5E5E5;border-radius:2rem;padding:.4rem .9rem;font-size:.82rem;font-weight:600;color:#3F3F3F;background:#fff;cursor:pointer;transition:all .15s}
.gl-chips button:hover{border-color:#141414;color:#141414}
.gl-chips button.is-active{background:#141414;color:#fff;border-color:#141414}
.gl-chips button small{font-weight:500;opacity:.6;margin-left:.3rem}
.gl-tag{display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#9C7200;background:#FFF3C4;border-radius:.4rem;padding:.15rem .5rem;margin-bottom:.5rem}
.gl-card .gl-tag{margin-bottom:.45rem}
.gl-def{font-size:1.15rem;line-height:1.7;color:#141414;background:#FFF9E0;border-left:4px solid #F7B500;padding:1.1rem 1.4rem;border-radius:0 1rem 1rem 0}

/* Sayfalama */
.pager{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:center}
.pager a,.pager span{min-width:2.5rem;height:2.5rem;display:inline-flex;align-items:center;justify-content:center;padding:0 .8rem;border:1px solid #E5E5E5;border-radius:.7rem;font-size:.9rem;font-weight:600;color:#3F3F3F;background:#fff}
.pager a:hover{border-color:#141414;color:#141414}
.pager .is-current{background:#141414;color:#fff;border-color:#141414}

.prose-intro{font-size:1.15rem;line-height:1.75;color:#3F3F3F}
