:root{--blog-bg:#080808;--blog-panel:#111;--blog-soft:#171717;--blog-line:#2a2a2a;--blog-text:#f7f7f5;--blog-muted:#a3a3a3;--blog-copy:#d0d0cc;--blog-accent:#fff}html.light{--blog-bg:#fff;--blog-panel:#fff;--blog-soft:#f4f4f2;--blog-line:#deded9;--blog-text:#0a0a0a;--blog-muted:#6b6b68;--blog-copy:#383835;--blog-accent:#111}.blog-main{background:var(--blog-bg);color:var(--blog-text);min-height:70vh}.blog-shell{width:min(1120px,calc(100% - 40px));margin:auto}.blog-hero{padding:150px 0 72px;border-bottom:1px solid var(--blog-line);background:radial-gradient(circle at 80% 0,rgba(255,255,255,.07),transparent 36%),var(--blog-bg)}html.light .blog-hero{background:radial-gradient(circle at 80% 0,rgba(0,0,0,.045),transparent 36%),var(--blog-bg)}.blog-kicker{font-size:11px;letter-spacing:.25em;font-weight:700;color:var(--blog-muted)}.blog-hero h1{max-width:920px;font-size:clamp(40px,6.5vw,78px);line-height:1.02;letter-spacing:-.06em;margin:18px 0}.blog-deck{font-size:clamp(17px,2vw,23px);max-width:760px;color:var(--blog-copy);line-height:1.6}.blog-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px;font-size:12px;color:var(--blog-muted)}.blog-cover{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:24px;margin-top:42px;border:1px solid var(--blog-line)}.blog-body{display:grid;grid-template-columns:minmax(0,760px) 1fr;gap:70px;padding:72px 0}.blog-prose{font-size:18px;line-height:1.9;color:var(--blog-copy)}.blog-prose h2,.blog-prose h3{color:var(--blog-text);line-height:1.18;letter-spacing:-.035em;margin:52px 0 18px}.blog-prose h2{font-size:34px}.blog-prose h3{font-size:25px}.blog-prose p,.blog-prose ul,.blog-prose ol,.blog-prose table{margin:0 0 24px}.blog-prose a{text-decoration:underline}.blog-prose table{width:100%;border-collapse:collapse;font-size:14px}.blog-prose th,.blog-prose td{padding:13px;border:1px solid var(--blog-line);text-align:left}.blog-side{position:sticky;top:115px;align-self:start}.blog-share{display:flex;flex-wrap:wrap;gap:9px}.blog-share a{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--blog-line);border-radius:999px;padding:9px 13px;font-size:12px}.blog-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:54px 0 90px}.blog-card{border:1px solid var(--blog-line);background:var(--blog-panel);border-radius:22px;overflow:hidden;display:flex;flex-direction:column}.blog-card img{width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--blog-soft)}.blog-card-copy{padding:22px}.blog-card h2{font-size:21px;line-height:1.3;margin:8px 0 12px}.blog-card p{font-size:14px;color:var(--blog-muted);line-height:1.7}.blog-comments{padding:64px 0;border-top:1px solid var(--blog-line)}.blog-comment-form{display:grid;gap:12px;max-width:720px}.blog-input{border:1px solid var(--blog-line);background:var(--blog-panel);color:var(--blog-text);border-radius:14px;padding:13px;width:100%}.blog-action{border-radius:999px;background:var(--blog-accent);color:var(--blog-bg);padding:12px 18px;font-weight:700}.blog-comment{border-top:1px solid var(--blog-line);padding:22px 0}.blog-comment.reply{margin-left:42px}.blog-comment-head{display:flex;justify-content:space-between;gap:15px;font-size:12px;color:var(--blog-muted)}.blog-comment-actions{display:flex;gap:12px;margin-top:10px;font-size:12px;color:var(--blog-muted)}.blog-comment-actions button:hover{color:var(--blog-text)}@media(max-width:800px){.blog-body{grid-template-columns:1fr;gap:30px}.blog-side{position:static}.blog-card-grid{grid-template-columns:1fr}.blog-shell{width:calc(100% - 28px)}.blog-hero{padding-top:125px}.blog-comment.reply{margin-left:22px}.blog-prose{font-size:16px}.blog-prose h2{font-size:28px}}

/* Hafif, erişilebilir ve metin tabanlı blog boş durumu. */
.blog-empty{grid-column:1/-1;min-height:340px;display:grid;place-items:center;align-content:center;text-align:center;overflow:hidden;padding:52px 24px;border:1px solid var(--blog-line);border-radius:28px;background:radial-gradient(circle at 50% 20%,rgba(255,255,255,.06),transparent 38%),var(--blog-panel)}
html.light .blog-empty{background:radial-gradient(circle at 50% 20%,rgba(0,0,0,.035),transparent 38%),var(--blog-panel)}
.blog-empty-orbit{position:relative;display:grid;place-items:center;width:66px;height:66px;margin-bottom:26px;border:1px solid var(--blog-line);border-radius:50%;background:var(--blog-soft);color:var(--blog-text)}
.blog-empty-orbit i{font-size:25px}.blog-empty-orbit svg{display:block;width:27px;height:27px}
.blog-empty-orbit span{position:absolute;inset:-9px;border:1px dashed var(--blog-line);border-radius:50%;animation:blog-empty-spin 14s linear infinite}
.blog-empty h2{max-width:720px;margin:12px 0 14px;font-size:clamp(27px,4vw,44px);line-height:1.12;letter-spacing:-.045em}
.blog-empty>p:not(.blog-kicker){max-width:650px;margin:0;color:var(--blog-copy);font-size:15px;line-height:1.75}
.blog-empty>a{display:inline-flex;align-items:center;gap:8px;margin-top:25px;padding:11px 16px;border:1px solid var(--blog-line);border-radius:999px;background:var(--blog-soft);font-size:13px;font-weight:700;transition:border-color .2s ease,transform .2s ease}
.blog-empty>a:hover{border-color:var(--blog-muted);transform:translateY(-1px)}
.blog-empty>a svg{display:block;flex:0 0 auto}
.blog-empty>a:focus-visible{outline:2px solid var(--blog-text);outline-offset:4px}
@keyframes blog-empty-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.blog-empty-orbit span{animation:none}.blog-empty>a{transition:none}}

/* Blog paylaşım alanı */
.blog-share-panel{padding:24px;border:1px solid var(--blog-line);border-radius:24px;background:var(--blog-panel)}
.blog-brand-name{text-transform:none;letter-spacing:.08em}
.blog-share-eyebrow{margin:0;color:var(--blog-text);font-size:12px;font-weight:800;letter-spacing:.18em}
.blog-share-note{margin:9px 0 20px;color:var(--blog-muted);font-size:13px;line-height:1.6}
.blog-share{display:grid;grid-template-columns:1fr;gap:10px}
.blog-share .blog-share-action{appearance:none;-webkit-appearance:none;box-sizing:border-box;width:100%;min-height:46px;margin:0;display:grid;grid-template-columns:20px minmax(0,1fr) 20px;align-items:center;gap:10px;padding:11px 14px;border:1px solid var(--blog-line)!important;border-radius:14px;background:var(--blog-soft);color:var(--blog-text);font:inherit;font-size:13px;font-weight:700;line-height:1.35;text-align:left;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,transform .2s ease,box-shadow .2s ease}
.blog-share a span,.blog-share button span{text-align:left}.blog-share a>i:last-child,.blog-share button>i:last-child{text-align:right;color:var(--blog-muted)}.blog-share button>svg{display:block;width:18px;height:18px;justify-self:start;color:var(--blog-text)}
.blog-share-panel .blog-share .blog-share-action:hover{border-color:var(--blog-text)!important;background-color:var(--blog-panel)!important;transform:translateY(-1px);box-shadow:0 8px 20px rgba(0,0,0,.08)}
.blog-share .blog-share-action:focus-visible{border-color:var(--blog-text)!important;outline:2px solid var(--blog-text);outline-offset:3px}

/* İlk içerik başlığı, yanındaki paylaşım paneliyle aynı üst hizada başlar. */
.blog-prose > :first-child{margin-top:0}

/* Paylaşım panelinin iç aksiyonları panelin ters yüzeyini kullanır. */
.blog-share-panel .blog-share .blog-share-action{background:var(--public-inner-bg,var(--blog-soft))}
html.light .blog-share-panel .blog-share .blog-share-action{color:#111}

/* Modern yorum alanı */
.blog-comments{padding:76px 0 90px;border-top:1px solid var(--blog-line);background:var(--blog-bg)}
.blog-comments-intro{max-width:720px;margin-bottom:28px}.blog-comments-intro h2{margin:10px 0 8px;font-size:clamp(30px,4vw,46px);line-height:1.1;letter-spacing:-.045em}.blog-comments-intro>p:last-child{margin:0;color:var(--blog-muted);font-size:15px;line-height:1.7}
.blog-comment-form{max-width:none;display:grid;grid-template-columns:1fr;gap:18px;padding:22px;border:1px solid var(--blog-line);border-radius:24px;background:var(--blog-panel)}
.blog-reply-context{grid-column:1/-1;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:14px 16px;border:1px solid var(--blog-line);border-left:3px solid var(--blog-text);border-radius:14px;background:var(--blog-soft)}.blog-reply-context[hidden]{display:none!important}.blog-reply-context>div{min-width:0}.blog-reply-context span{display:block;color:var(--blog-muted);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.blog-reply-context strong{display:block;margin-top:4px;color:var(--blog-text);font-size:13px}.blog-reply-context p{max-width:680px;margin:5px 0 0;color:var(--blog-muted);font-size:12px;line-height:1.55;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.blog-reply-context button{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;padding:8px 10px;border:1px solid var(--blog-line);border-radius:999px;color:var(--blog-muted);font-size:11px;font-weight:700}.blog-reply-context button:hover{background:var(--blog-panel);color:var(--blog-text)}
.blog-comment-form.is-replying{border-color:color-mix(in srgb,var(--blog-text) 25%,var(--blog-line))}
.blog-comment-form label{display:grid;align-content:start;gap:8px}.blog-comment-form label>span{color:var(--blog-muted);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.blog-comment-name{width:100%}.blog-comment-message{width:100%}
.blog-input{min-height:48px;border:1px solid var(--blog-line);background:var(--blog-soft);color:var(--blog-text);border-radius:14px;padding:14px 15px;width:100%;font-size:14px;line-height:1.55;transition:border-color .2s ease,box-shadow .2s ease}
textarea.blog-input{min-height:132px;resize:vertical}.blog-input::placeholder{color:var(--blog-muted);opacity:.75}.blog-input:focus{outline:0;border-color:var(--blog-muted);box-shadow:0 0 0 3px color-mix(in srgb,var(--blog-text) 9%,transparent)}
.blog-comment-submit{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px}.blog-comment-submit [role=status]{margin:0;color:var(--blog-muted);font-size:12px}.blog-comment-submit .blog-action{display:inline-flex;align-items:center;gap:8px;min-height:44px}.blog-comment-submit .blog-action:disabled{opacity:.55;cursor:wait}
#blog-comment-results{margin-top:48px}#blog-comment-results[hidden]{display:none!important}
.blog-comments-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:16px;border-bottom:1px solid var(--blog-line)}.blog-comments-toolbar h3{margin:0;font-size:18px;font-weight:750;letter-spacing:-.02em}.blog-comments-toolbar h3 span{color:var(--blog-muted);font-size:13px;font-weight:600}.blog-comments-toolbar label{display:flex;align-items:center;gap:10px;color:var(--blog-muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.blog-comments-toolbar select{appearance:none;min-width:158px;border:1px solid var(--blog-line);border-radius:999px;background:var(--blog-panel);color:var(--blog-text);padding:10px 34px 10px 14px;font-size:12px;font-weight:700;background-image:linear-gradient(45deg,transparent 50%,var(--blog-muted) 50%),linear-gradient(135deg,var(--blog-muted) 50%,transparent 50%);background-position:calc(100% - 16px) 50%,calc(100% - 12px) 50%;background-size:4px 4px,4px 4px;background-repeat:no-repeat}
.blog-comment{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr);gap:14px;border:0;border-bottom:1px solid var(--blog-line);padding:24px 0}.blog-comment.reply{margin-left:56px}.blog-comment.reply::before{content:"";position:absolute;left:-35px;top:0;width:20px;height:45px;border-left:1px solid var(--blog-line);border-bottom:1px solid var(--blog-line);border-radius:0 0 0 12px}.blog-comment-avatar{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--blog-line);border-radius:50%;background:var(--blog-soft);color:var(--blog-text);font-size:13px;font-weight:800}.blog-comment-content{min-width:0}.blog-comment-head{display:flex;align-items:center;justify-content:space-between;gap:15px;color:var(--blog-muted);font-size:11px}.blog-comment-head strong{color:var(--blog-text);font-size:13px}.blog-comment-reply-target{display:flex;align-items:center;gap:5px;margin-top:7px;color:var(--blog-muted);font-size:10px}.blog-comment-reply-target strong{color:var(--blog-copy);font-weight:700}.blog-comment-content>p{margin:9px 0 0;color:var(--blog-copy);font-size:14px;line-height:1.7;overflow-wrap:anywhere}.blog-comment-actions{display:flex;gap:8px;margin-top:13px}.blog-comment-actions button{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid var(--blog-line);border-radius:999px;color:var(--blog-muted);font-size:11px;transition:color .18s ease,background .18s ease,transform .18s ease}.blog-comment-actions button:hover{background:var(--blog-soft);color:var(--blog-text)}.blog-comment-actions button:active{transform:scale(.95)}.blog-comment-actions button:disabled{opacity:.6;cursor:wait}.blog-comment-actions .blog-comment-like.liked{border-color:rgba(255,48,64,.25);background:rgba(255,48,64,.08);color:#ff3040}.blog-comment-actions .blog-comment-like.liked i{color:#ff3040;filter:drop-shadow(0 2px 5px rgba(255,48,64,.25));animation:blog-heart-pop .28s ease}.blog-comments-more{display:flex;margin:24px auto 0;padding:11px 16px;border:1px solid var(--blog-line);border-radius:999px;background:var(--blog-panel);color:var(--blog-text);font-size:12px;font-weight:700}
.blog-comments-more{align-items:center;justify-content:center;gap:8px}.blog-comments-more.is-loading:before{content:"";width:13px;height:13px;border:2px solid var(--blog-line);border-top-color:var(--blog-text);border-radius:50%;animation:blog-comments-spin .7s linear infinite}
@keyframes blog-comments-spin{to{transform:rotate(360deg)}}
@keyframes blog-heart-pop{50%{transform:scale(1.28)}}
@media(max-width:800px){.blog-share-panel{padding:20px}.blog-comment-form{grid-template-columns:1fr;padding:18px}.blog-reply-context{align-items:stretch;flex-direction:column}.blog-reply-context button{align-self:flex-start}.blog-comment-submit{align-items:flex-start;flex-direction:column}.blog-comment-submit .blog-action{width:100%;justify-content:center}.blog-comments-toolbar{align-items:flex-start;flex-direction:column}.blog-comments-toolbar label{width:100%;justify-content:space-between}.blog-comments-toolbar select{flex:1;max-width:220px}.blog-comment.reply{margin-left:22px}.blog-comment.reply::before{display:none}.blog-comments{padding:58px 0 70px}}
@media(prefers-reduced-motion:reduce){.blog-share a,.blog-share button,.blog-input,.blog-comment-actions button{transition:none}.blog-comment-actions .blog-comment-like.liked i{animation:none}}

/* Blog liste kartları ana sayfadaki blog kartlarıyla aynı hareket dilini kullanır. */
.blog-card-grid .blog-card{
    position:relative;
    transform:translateZ(0);
    transition:transform .28s cubic-bezier(.2,.7,.2,1),box-shadow .28s ease,border-color .28s ease;
}
.blog-card-grid .blog-card img{
    transition:transform .4s cubic-bezier(.2,.7,.2,1);
}
@media(hover:hover){
    .blog-card-grid .blog-card:hover{
        z-index:2;
        transform:translateY(-6px) scale(1.018);
        border-color:rgba(127,127,127,.38)!important;
        box-shadow:0 22px 48px rgba(0,0,0,.14);
    }
    .blog-card-grid .blog-card:hover img{transform:scale(1.035)}
}
.blog-card-grid .blog-card:focus-within{
    z-index:2;
    transform:translateY(-6px) scale(1.018);
    border-color:var(--blog-muted)!important;
    box-shadow:0 22px 48px rgba(0,0,0,.14);
}
.blog-card-grid .blog-card a:focus-visible{outline:2px solid var(--blog-text);outline-offset:-3px}
@media(prefers-reduced-motion:reduce){
    .blog-card-grid .blog-card,
    .blog-card-grid .blog-card img{transition:none!important}
    .blog-card-grid .blog-card:hover,
    .blog-card-grid .blog-card:hover img,
    .blog-card-grid .blog-card:focus-within{transform:none!important}
}