/* SX Blog 1.0.0 · tüm arayüz stilleri
 * Kapsam: .sxb-* okur (Grupo orta sütununa takılan .sxb-host içinde), .sxe-* editör, .sxa-* Blog Seçenekleri,
 *         .sxb-ssr pages/blog.php sunucu sayfası, .sxb-band açılış sayfası şeridi.
 * Grupo düzeni: layouts/chat_page/body.php:33-43 → .aside (col-lg-3) · .middle (col-lg-9) · .info_panel (col-lg-3)
 * Kırılımlar: ≥1024 masaüstü · 768–1023 tablet · ≤767 mobil (hedef 390 px) · prefers-reduced-motion */
:root,body.dark_mode,body.light_mode{
 /* Grupo renk şeması değişkenleri: Grupo açık temada css_variables.css, koyu temada dark_mode_css_variables.css yükler (layouts/chat_page/header.php:59-65).
    Aynı değişken adları iki dosyada da bulunduğu için SX Blog renkleri temayla birlikte değişir; parantez içindeki değer, değişkeni yüklemeyen sayfalar için koyu yedektir. */
 --sxb-bg:var(--chat-page-primary-bg-color,#120628);--sxb-bg2:var(--chat-page-quaternary-bg-color,#1a0b3a);--sxb-card:var(--info-panel-primary-bg-color,#160733);
 --sxb-line:var(--chat-page-primary-border-color,#2a1556);--sxb-tx:var(--chat-window-quaternary-text-color,#f3ecff);--sxb-tx2:var(--chat-page-tertiary-text-color,#b9a6e6);
 --sxb-ink:color-mix(in srgb,var(--sxb-tx) 90%,var(--sxb-bg));--sxb-ph:color-mix(in srgb,var(--sxb-tx2) 65%,var(--sxb-card));--sxb-sep:color-mix(in srgb,var(--sxb-tx2) 28%,var(--sxb-card));
 --sxb-hover:color-mix(in srgb,var(--sxb-tx) 7%,transparent);--sxb-glass:color-mix(in srgb,var(--sxb-bg) 90%,transparent);
 --sxb-ac:#9b5cff;--sxb-ac2:#c084fc;--sxb-ring:rgba(155,92,255,.28);--sxb-ok:#22c55e;--sxb-warn:#f59e0b;--sxb-err:#ef4444;
 --sxb-code:color-mix(in srgb,var(--sxb-bg) 70%,#000);--sxb-cvg:var(--sxb-cvg);--sxb-cs:dark;
 --sxb-r:14px;--sxb-r2:10px;--sxb-sh:0 8px 30px rgba(0,0,0,.35);--sxb-sh1:0 1px 2px rgba(0,0,0,.3),0 6px 20px rgba(0,0,0,.18);
 --sxb-f:system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans",sans-serif;--sxb-serif:Georgia,"Times New Roman",serif}
body.light_mode{--sxb-ac:#7c3aed;--sxb-ac2:#6d28d9;--sxb-ring:rgba(124,58,237,.18);--sxb-ok:#15803d;--sxb-warn:#b45309;--sxb-err:#dc2626;
 --sxb-code:#f4f0fb;--sxb-cvg:linear-gradient(135deg,#ece3ff,#f8e8f3);--sxb-cs:light;--sxb-sh:0 10px 30px rgba(60,30,120,.14);--sxb-sh1:0 1px 2px rgba(60,30,120,.06),0 6px 18px rgba(60,30,120,.07)}

/* ---------- blog kipi: sol grup listesi ve sağ profil paneli gizlenir, orta sütun tüm alanı alır (v2 kararı) ---------- */
html.sxb-mode .main .aside,html.sxb-mode .main .info_panel{display:none!important}
/* 1.1.2 · Profil paneli Grupo'daki gibi açılır: Grupo'nun kendi sütunu (col-md-5 col-lg-3, display:flex column), aynı genişlik/kapak/avatar.
   Eskiden display:block + fixed 380px katman yapılıyordu; block'ta .coverpic>.img{height:100%} çözülemeyip kapak resmin doğal oranında
   (kare) büyüyor, ad/avatar kapağın ortasında kalıyordu. Orta sütun (blog) panel açıkken daralır; <768 px'te Grupo paneli kendi tam ekran düzeninde açar. */
html.sxb-mode .main .info_panel:not(.d-none){display:flex!important}
html.sxb-mode .main .middle{flex:1 1 auto!important;max-width:none!important;width:auto!important}
html.sxb-mode .main .middle>:not(.sxb-host){display:none!important}
.sxb-host{position:relative;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;background:var(--sxb-bg);color:var(--sxb-tx);font-family:var(--sxb-f)}
.sxb-host *,.sxb-md *,.sxb-ssr *,.sxb-band *{box-sizing:border-box}
.sxb-host a,.sxb-ssr a{color:var(--sxb-ac2)}
.sxb-host [hidden],.sxb-md [hidden],.sxb-ov [hidden],.sxe-sheet [hidden],.sxb-qbtn[hidden],.d-none{display:none!important}
.sxb-wrap{max-width:1080px;margin:0 auto;padding:16px 20px 80px}
.sxb-h{font-size:19px;margin:24px 0 12px;display:flex;align-items:center;gap:10px}
.sxb-note{color:var(--sxb-tx2);font-size:14px}.sxb-note.sm,.sxb-empty.sm{font-size:12.5px}
.sxb-empty{text-align:center;color:var(--sxb-tx2);padding:40px 12px}
.sxb-loading{padding:40px;text-align:center;color:var(--sxb-tx2)}
:where(.sxb-host,.sxb-md,.sxb-prof,.sxb-ssr,.sxb-ov,.sxe) .t1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
:where(.sxb-host,.sxb-md,.sxb-prof,.sxb-ssr,.sxb-ov,.sxe) .t2,:where(.sxb-host,.sxb-md,.sxb-prof,.sxb-ssr,.sxb-ov,.sxe) .x2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* ---------- üst çubuk ---------- */
.sxb-top{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:10px;padding:10px 20px;background:var(--sxb-glass);backdrop-filter:blur(10px);border-bottom:1px solid var(--sxb-line)}
.sxb-tabs{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}.sxb-tabs::-webkit-scrollbar{display:none}
.sxb-tab{border:0;background:none;color:var(--sxb-tx2);padding:8px 12px;border-radius:999px;font-size:14px;white-space:nowrap;cursor:pointer}
.sxb-tab.on{background:var(--sxb-card);color:var(--sxb-tx)}
.sxb-search{flex:1;min-width:120px;max-width:340px;margin:0 0 0 auto}
.sxb-search input{width:100%;height:36px;border-radius:999px;border:1px solid var(--sxb-line);background:var(--sxb-bg2);color:var(--sxb-tx);padding:0 14px;font-size:14px}
.sxb-x{flex:none;width:36px;height:36px;border:0;border-radius:50%;background:var(--sxb-card);color:var(--sxb-tx2);font-size:16px;cursor:pointer}

/* ---------- düğmeler ---------- */
.sxb-btn{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border-radius:var(--sxb-r2);border:1px solid var(--sxb-line);background:var(--sxb-card);color:var(--sxb-tx);font:14px var(--sxb-f);cursor:pointer;text-decoration:none;white-space:nowrap}
.sxb-btn:hover{border-color:var(--sxb-ac)}.sxb-btn:disabled{opacity:.5;cursor:not-allowed}
.sxb-primary{background:linear-gradient(135deg,var(--sxb-ac),#7c3aed);border-color:transparent;color:#fff}
.sxb-danger{background:var(--sxb-err);border-color:transparent;color:#fff}.sxb-danger-t{color:var(--sxb-err)}
.sxb-host button:focus-visible,.sxb-md button:focus-visible,.sxb-card:focus-visible,.sxb-row:focus-visible,.sxb-chip:focus-visible{outline:2px solid var(--sxb-ac2);outline-offset:2px}

/* ---------- süzgeç çipleri, hap, etiket, durum ---------- */
.sxb-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:12px 0;padding-bottom:2px}.sxb-chips::-webkit-scrollbar{display:none}
.sxb-fchip{flex:none;height:32px;padding:0 12px;border-radius:999px;border:1px solid var(--sxb-line);background:var(--sxb-bg2);color:var(--sxb-tx2);font-size:13px;cursor:pointer;white-space:nowrap}
.sxb-fchip.on{border-color:var(--c,var(--sxb-ac));color:var(--sxb-tx);background:color-mix(in srgb,var(--c,#9b5cff) 18%,transparent)}
.sxb-count{opacity:.7;margin-left:2px;font-variant-numeric:tabular-nums}
.sxb-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;background:color-mix(in srgb,var(--c,#9b5cff) 25%,rgba(0,0,0,.45));color:#fff;text-decoration:none;white-space:nowrap}
.sxb-tags{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0}
.sxb-tags a,.sxb-tag{font-size:13px;color:var(--sxb-tx2);text-decoration:none;padding:4px 10px;border-radius:8px;background:var(--sxb-bg2);border:1px solid var(--sxb-line);cursor:pointer}
.sxb-tag span{opacity:.6}
.sxb-state{font-size:11.5px;padding:2px 8px;border-radius:6px;background:var(--sxb-bg2)}
.sxb-state.st-draft{color:var(--sxb-tx2)}.sxb-state.st-scheduled{color:#60a5fa}.sxb-state.st-pending{color:var(--sxb-warn)}.sxb-state.st-published{color:var(--sxb-ok)}.sxb-state.st-hidden,.sxb-state.st-rejected,.sxb-state.st-deleted{color:var(--sxb-err)}
.sxb-lv{font-size:10.5px;padding:1px 6px;border-radius:6px;background:rgba(155,92,255,.2);color:var(--sxb-ac2);font-weight:700;white-space:nowrap}
.sxb-av{width:28px;height:28px;border-radius:50%;object-fit:cover;flex:none;background:var(--sxb-card)}

/* ---------- yazı kartı (sabit 2 satır başlık, 2 satır özet, ayrı meta satırı) ---------- */
.sxb-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.sxb-card{display:flex;flex-direction:column;background:var(--sxb-card);border:1px solid var(--sxb-line);border-radius:var(--sxb-r);overflow:hidden;color:inherit;text-decoration:none;cursor:pointer;transition:transform .15s,border-color .15s}
.sxb-card:hover{transform:translateY(-2px);border-color:var(--sxb-ac)}
.sxb-card .cv{position:relative;display:block;aspect-ratio:1200/630;background:var(--sxb-cvg) center/cover}
.sxb-card .cv .sxb-pill{position:absolute;left:10px;top:10px}
.sxb-card .cv .sxb-rt{position:absolute;right:10px;bottom:10px;font-size:11.5px;padding:2px 8px;border-radius:6px;background:rgba(0,0,0,.6);color:#fff}
.sxb-card .cv .sxb-lock{position:absolute;right:10px;top:10px;font-size:13px;padding:2px 6px;border-radius:6px;background:rgba(0,0,0,.6)}
.sxb-card h3{font-size:16px;line-height:1.35;margin:12px 14px 6px;height:2.7em}
.sxb-card h3 a{color:inherit;text-decoration:none}
.sxb-card p{margin:0 14px;color:var(--sxb-tx2);font-size:13.5px;line-height:1.45;height:2.9em}
.sxb-meta{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--sxb-tx2);padding:12px 14px 14px;margin-top:auto;min-width:0}
.sxb-meta img{width:24px;height:24px;border-radius:50%}
.sxb-meta .nm,.sxb-meta b{color:var(--sxb-tx);font-weight:600;max-width:9em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sxb-meta time{margin-left:auto;white-space:nowrap}.sxb-meta .st,.sxb-meta span{white-space:nowrap}
.sxb-card.sk{pointer-events:none}.sxb-card.sk .cv,.sxb-card.sk h3,.sxb-card.sk p{background:linear-gradient(90deg,var(--sxb-card),var(--sxb-line),var(--sxb-card));background-size:200% 100%;animation:sxb-sh 1.2s infinite;border-radius:6px}
@keyframes sxb-sh{to{background-position:-200% 0}}
/* öne çıkan */
.sxb-feat-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:16px;margin:8px 0 8px}
.sxb-card.big .cv{aspect-ratio:auto;min-height:300px}.sxb-card.big h3{font-size:22px}
.sxb-feat-side{display:flex;flex-direction:column;gap:10px}
.sxb-row{display:flex;gap:10px;align-items:center;padding:8px;border-radius:var(--sxb-r2);background:var(--sxb-card);border:1px solid var(--sxb-line);cursor:pointer;min-width:0}
.sxb-row .th{flex:none;width:84px;height:64px;border-radius:8px;background:var(--sxb-cvg) center/cover}
.sxb-row .tx{min-width:0;display:flex;flex-direction:column;gap:4px;align-items:flex-start}
.sxb-row .t2{font-size:14px;line-height:1.35}
.sxb-meta1{font-size:12px;color:var(--sxb-tx2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.sxb-pager{display:flex;justify-content:center;margin:24px 0}

/* ---------- kategoriler ---------- */
.sxb-cats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.sxb-cat{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:4px;min-height:150px;padding:14px;border-radius:var(--sxb-r);border:1px solid var(--sxb-line);background:var(--sxb-card);color:#fff;text-align:left;text-decoration:none;overflow:hidden;cursor:pointer;transition:transform .15s,border-color .15s}
.sxb-cat .cv{position:absolute;inset:0;background:center/cover}
.sxb-cat::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,color-mix(in srgb,var(--c,#9b5cff) 35%,transparent),rgba(10,6,20,.88))}
.sxb-cat>:not(.cv){position:relative;z-index:1}
.sxb-cat i{font-style:normal;font-size:26px}.sxb-cat b{font-size:16px}.sxb-cat small{color:#ddd;font-size:12.5px}
.sxb-cat .sxb-count{position:absolute;top:10px;right:10px;padding:2px 8px;border-radius:999px;background:rgba(0,0,0,.55);font-size:11.5px;opacity:1}
.sxb-cat .go{position:absolute;right:12px;bottom:12px;opacity:0;transition:opacity .15s}
.sxb-cat:hover{transform:translateY(-2px);border-color:var(--c,var(--sxb-ac))}.sxb-cat:hover .go{opacity:1}

/* ---------- yazı ---------- */
.sxb-article{max-width:760px;margin:0 auto}
.sxb-hero{width:100%;aspect-ratio:1200/630;border-radius:var(--sxb-r);margin:8px 0 18px;background:var(--sxb-card) center/cover}
.sxb-art-head{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.sxb-article h1{font:700 34px/1.2 var(--sxb-serif);margin:12px 0}
.sxb-byline{display:flex;align-items:center;gap:10px;color:var(--sxb-tx2);font-size:13.5px}
.sxb-byline>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:1;min-width:0}
.sxb-byline .nm{color:var(--sxb-tx);cursor:pointer}
.sxb-byline .sxb-btn{margin-left:auto}
.sxb-body{font:19px/1.75 var(--sxb-serif);color:var(--sxb-ink);overflow-wrap:anywhere;margin-top:22px;position:relative}
.sxb-body p{margin:0 0 1em}
.sxb-body h2{font:700 26px/1.3 var(--sxb-f);margin:1.6em 0 .5em}.sxb-body h3{font:700 21px/1.3 var(--sxb-f);margin:1.4em 0 .4em}
.sxb-body blockquote{margin:1.2em 0;padding:.4em 1em;border-left:4px solid var(--sxb-ac);color:var(--sxb-tx2);font-style:italic}
.sxb-body pre{background:var(--sxb-code);border:1px solid var(--sxb-line);border-radius:var(--sxb-r2);padding:14px;overflow:auto;font-size:14px;line-height:1.5}
.sxb-body code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.88em;background:var(--sxb-code);padding:1px 5px;border-radius:4px}
.sxb-body pre code{padding:0;background:none}
.sxb-body table{border-collapse:collapse;font:15px var(--sxb-f);display:block;overflow-x:auto;max-width:100%}
.sxb-body td,.sxb-body th{border:1px solid var(--sxb-line);padding:8px 10px}
.sxb-body hr{border:0;border-top:1px solid var(--sxb-line);margin:2em 0}
.sxb-body ul.sxb-tasks{list-style:none;padding-left:0}
.sxb-body ul.sxb-tasks>li::before{content:"☐ ";color:var(--sxb-tx2)}.sxb-body ul.sxb-tasks>li.sxb-done::before{content:"☑ ";color:var(--sxb-ok)}
.sxb-body ul.sxb-tasks>li.sxb-done{text-decoration:line-through;color:var(--sxb-tx2)}
.sxb-body ::selection{background:rgba(155,92,255,.45)}
.sxb-body .hl{background:rgba(250,204,21,.28);border-radius:3px;transition:background 1.5s}

/* ---------- kompakt medya ve bağlantı kartları (okur + editör) ---------- */
.sxb-chip{display:flex;flex-wrap:wrap;align-items:center;gap:12px;max-width:560px;margin:14px 0;padding:10px;border:1px solid var(--sxb-line);border-radius:var(--sxb-r2);background:var(--sxb-card);font:14px/1.4 var(--sxb-f);color:var(--sxb-tx);text-decoration:none;cursor:pointer;user-select:none}
.sxb-chip:hover{border-color:var(--sxb-ac)}
.sxb-chip-th{flex:none;width:64px;height:64px;border-radius:8px;overflow:hidden;background:var(--sxb-bg2);display:grid;place-items:center;font-size:26px}
.sxb-chip-th img{width:100%;height:100%;object-fit:cover}.sxb-chip-th i{font-style:normal}
.sxb-chip-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.sxb-chip-nm{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sxb-chip-tx small{color:var(--sxb-tx2);font-size:12.5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sxb-chip-tag{flex:none;font-size:10.5px;letter-spacing:.05em;color:var(--sxb-tx2);padding:2px 6px;border:1px solid var(--sxb-line);border-radius:6px}
.sxb-chip-body{flex-basis:100%;width:100%}
.sxb-chip-body img,.sxb-chip-body video{display:block;width:100%;max-height:70vh;object-fit:contain;border-radius:8px;background:#000}
.sxb-chip-body audio{width:100%}
.sxb-chip[aria-expanded="true"]{max-width:100%;cursor:default}
.sxb-cap{display:block;margin-top:6px;font-size:13px;color:var(--sxb-tx2);text-align:center}
.sxb-doc-open{display:inline-flex;margin-top:8px}
/* yükleniyor kartı */
.sxb-chip.up .sxe-bar{display:block;height:4px;margin-top:6px;border-radius:2px;background:var(--sxb-line);overflow:hidden}
.sxb-chip.up .sxe-bar>span{display:block;height:100%;width:0;background:var(--sxb-ac);transition:width .2s}
.sxb-chip.err{border-color:var(--sxb-err)}

/* ---------- eylem çubuğu ---------- */
.sxb-actions,.sxb-actions-ssr{display:flex;gap:8px;flex-wrap:wrap;margin:26px 0;padding:12px 0;border-top:1px solid var(--sxb-line);border-bottom:1px solid var(--sxb-line);color:var(--sxb-tx2)}
.sxb-act{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--sxb-line);background:var(--sxb-bg2);color:var(--sxb-tx);cursor:pointer;font:14px var(--sxb-f)}
.sxb-act:disabled{opacity:.5;cursor:not-allowed}
.sxb-act.on{border-color:#f43f5e;color:#fb7185}.sxb-act.on .ic{animation:sxb-pop .35s}
.sxb-act .n{color:var(--sxb-tx2);font-variant-numeric:tabular-nums}
.sxb-act.sm{margin-left:auto;padding:0 12px}
@keyframes sxb-pop{50%{transform:scale(1.35)}}
.sxb-rel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}

/* ---------- alıntı ---------- */
.sxb-qbtn{position:absolute;z-index:20;display:flex;align-items:center;gap:6px;height:36px;padding:0 12px;border-radius:999px;border:0;background:var(--sxb-ac);color:#fff;font:600 13.5px var(--sxb-f);box-shadow:var(--sxb-sh);cursor:pointer;white-space:nowrap}
.sxb-q{position:relative;margin:0 0 8px;padding:8px 30px 8px 12px;border-left:3px solid var(--sxb-ac);background:rgba(155,92,255,.08);border-radius:0 8px 8px 0;font-style:italic;color:var(--sxb-tx2);font-size:14px;line-height:1.5}
.sxb-q.sm{font-size:12.5px;padding-right:12px}
.sxb-q-x{position:absolute;top:4px;right:4px;width:24px;height:24px;border:0;background:none;color:var(--sxb-tx2);cursor:pointer}

/* ---------- yorumlar ---------- */
.sxb-comments{margin-top:28px}
.sxb-sort{margin-left:auto;height:32px;border-radius:8px;background:var(--sxb-bg2);color:var(--sxb-tx);border:1px solid var(--sxb-line);font-size:13px}
.sxb-cform{display:flex;flex-direction:column;gap:8px;margin:12px 0 18px}
.sxb-cform textarea,.sxb-cedit,.sxb-rep textarea,.sxb-snote{width:100%;min-height:72px;resize:vertical;border-radius:var(--sxb-r2);border:1px solid var(--sxb-line);background:var(--sxb-bg2);color:var(--sxb-tx);padding:10px 12px;font:15px/1.5 var(--sxb-f)}
.sxb-cf-row{display:flex;align-items:flex-start;gap:10px}.sxb-cf-row textarea{flex:1}.sxb-cf-row .sxb-btn{align-self:flex-end}
.sxb-cedit-ft{display:flex;justify-content:flex-end;gap:8px;margin-top:6px}
.sxb-cm{display:flex;gap:10px;padding:12px 0;border-bottom:1px solid var(--sxb-line)}
.sxb-cm.reply{border:0;padding:10px 0 0}
.sxb-cm.pending{opacity:.6}
.sxb-cm .bd{flex:1;min-width:0}
.sxb-cm .hd{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:13px;color:var(--sxb-tx2)}
.sxb-cm .hd .nm{color:var(--sxb-tx);cursor:pointer}
.sxb-cm .hd em{font-style:normal;font-size:11.5px}.sxb-cm .hd .pend{color:var(--sxb-warn)}
.sxb-author{font-size:10.5px;padding:1px 6px;border-radius:6px;background:var(--sxb-ac);color:#fff;font-weight:700}
.sxb-cm .tx{font-size:15px;line-height:1.55;overflow-wrap:anywhere;margin:4px 0}
.sxb-cm .ft{display:flex;gap:14px;flex-wrap:wrap}
.sxb-cm .ft button{border:0;background:none;color:var(--sxb-tx2);cursor:pointer;padding:4px 0;min-height:32px;font:12.5px var(--sxb-f)}
.sxb-cm .ft .on{color:#fb7185}
.sxb-cm .rp{margin-top:6px;padding-left:14px;border-left:2px solid var(--sxb-line)}
.sxb-at{color:var(--sxb-ac2);font-weight:600}
.sxb-more-rp{border:0;background:none;color:var(--sxb-ac2);font-size:13px;cursor:pointer;padding:6px 0}
.sxb-cms-more{text-align:center;margin:12px 0}
.sxb-cm:target{background:rgba(155,92,255,.08)}

/* ---------- pencere, bildirim ---------- */
.sxb-ov{position:fixed;inset:0;z-index:2000;background:rgba(5,3,10,.66);display:flex;align-items:center;justify-content:center;padding:16px;font-family:var(--sxb-f)}
.sxb-md{width:min(560px,100%);max-height:calc(100vh - 32px);display:flex;flex-direction:column;background:var(--sxb-bg2);color:var(--sxb-tx);border:1px solid var(--sxb-line);border-radius:18px;box-shadow:var(--sxb-sh)}
.sxb-md-admin{width:min(1000px,100%);height:min(760px,calc(100vh - 32px))}
.sxb-md-hd{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;border-bottom:1px solid var(--sxb-line);font-size:16px}
.sxb-md-bd{padding:16px;overflow-y:auto;flex:1;min-height:0}
.sxb-md-ft{display:flex;justify-content:flex-end;align-items:center;gap:8px;padding-top:12px}
.sxb-md-ft .sxb-ssel{margin-right:auto}
.sxb-radio{display:flex;align-items:center;gap:8px;padding:8px 0;font-size:15px;cursor:pointer}.sxb-radio input{accent-color:var(--sxb-ac);width:18px;height:18px}
.sxb-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;z-index:2100;padding:10px 18px;border-radius:999px;background:#2a2140;color:#fff;font:14px var(--sxb-f);box-shadow:var(--sxb-sh);transition:opacity .25s,transform .25s;max-width:calc(100vw - 32px)}
.sxb-toast.on{opacity:1;transform:translate(-50%,0)}.sxb-toast.err{background:#7f1d1d}

/* ---------- paylaş (görselli kart önizlemesi) ---------- */
.sxb-share-card{display:flex;gap:12px;align-items:stretch;border:1px solid var(--sxb-line);border-radius:var(--sxb-r2);overflow:hidden;background:var(--sxb-card);margin-bottom:12px}
.sxb-share-card .th{flex:none;width:132px;min-height:76px;background:var(--sxb-cvg) center/cover;display:grid;place-items:center;font-size:30px}
.sxb-share-card>div{padding:10px 12px 10px 0;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:4px}
.sxb-share-card b{font-size:14.5px;line-height:1.35}.sxb-share-card small{color:var(--sxb-tx2);font-size:12px}
.sxb-share-ext{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.sxb-sx{display:inline-flex;align-items:center;gap:4px;height:32px;padding:0 10px;border-radius:999px;border:1px solid var(--sxb-line);background:var(--sxb-bg);color:var(--sxb-tx)!important;font-size:13px;text-decoration:none;cursor:pointer}
.sxb-stabs{display:flex;gap:6px;margin-bottom:8px}
.sxb-stab{flex:1;height:36px;border-radius:var(--sxb-r2);border:1px solid var(--sxb-line);background:none;color:var(--sxb-tx2);cursor:pointer;font:14px var(--sxb-f)}
.sxb-stab.on{background:var(--sxb-card);color:var(--sxb-tx);border-color:var(--sxb-ac)}
.sxb-sq{width:100%;height:38px;border-radius:var(--sxb-r2);border:1px solid var(--sxb-line);background:var(--sxb-bg);color:var(--sxb-tx);padding:0 12px;font-size:14px}
.sxb-slist{max-height:240px;overflow-y:auto;margin:8px 0}
.sxb-starget{display:flex;align-items:center;gap:10px;padding:8px;border-radius:8px;cursor:pointer;font-size:14px}
.sxb-starget:hover{background:var(--sxb-card)}.sxb-starget.dis{opacity:.45;cursor:not-allowed}
.sxb-starget input{width:18px;height:18px;accent-color:var(--sxb-ac);flex:none}
.sxb-starget small{color:var(--sxb-tx2);margin-left:auto;font-size:12px}
.sxb-snote{min-height:56px}
.sxb-ssel{font-size:12.5px;color:var(--sxb-tx2)}

/* ---------- Yazılarım, profil "Bloglar" ---------- */
.sxb-mrow,.sxa-row{display:flex;align-items:center;gap:8px;padding:12px;border:1px solid var(--sxb-line);border-radius:var(--sxb-r2);background:var(--sxb-card);margin-bottom:8px}
.sxb-mrow .tx,.sxa-row .tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.sxb-mrow small,.sxa-row small{color:var(--sxb-tx2);font-size:12.5px}
.sxb-mrow .st{font-size:12.5px;color:var(--sxb-tx2);white-space:nowrap}
.sxb-prof{margin:12px 10px;padding:12px;border-radius:12px;background:var(--sxb-card);border:1px solid var(--sxb-line);color:var(--sxb-tx);font-family:var(--sxb-f)}
.sxb-prof-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.sxb-prof-tabs{display:flex;gap:2px;border-bottom:1px solid var(--sxb-line);margin-bottom:8px}
.sxb-prof-tabs button{flex:1;border:0;background:none;color:inherit;opacity:.65;padding:8px 2px;font-size:13px;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap}
.sxb-prof-tabs button.on{opacity:1;border-bottom-color:var(--sxb-ac)}
.sxb-prof-tabs button[data-n]::after{content:" " attr(data-n);opacity:.6;font-size:11px}
.sxb-prof-list{display:flex;flex-direction:column;gap:6px}
.sxb-prow{display:flex;gap:8px;align-items:center;padding:6px;border-radius:8px;color:inherit!important;text-decoration:none}
.sxb-prow:hover{background:var(--sxb-hover)}
.sxb-prow.cm{flex-direction:column;align-items:stretch}
.sxb-prow .th{flex:none;width:56px;height:42px;border-radius:6px;background:var(--sxb-cvg) center/cover}
.sxb-prow .tx{min-width:0;display:flex;flex-direction:column;gap:2px;font-size:13px}
.sxb-prow small{opacity:.7;font-size:11.5px}
.sxb-pmore{border:0;background:none;color:var(--sxb-ac2);cursor:pointer;padding:6px;font-size:13px}

/* ---------- açılış sayfası şeridi ---------- */
.sxb-band{max-width:1160px;margin:30px auto;padding:0 20px;font-family:var(--sxb-f)}
.sxb-band-hd{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.sxb-band-hd h2{margin:0 0 12px;font-size:22px}
.sxb-band-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.sxb-band-card{display:flex;flex-direction:column;border-radius:var(--sxb-r);overflow:hidden;background:var(--sxb-card);color:var(--sxb-tx);text-decoration:none}
.sxb-band-card .cv{aspect-ratio:1200/630;background:var(--sxb-cvg) center/cover}
.sxb-band-card .t2{padding:10px 12px;font-size:15px;height:calc(2.7em + 20px)}

/* ---------- sunucu sayfası (pages/blog.php) ---------- */
.sxb-ssr{background:var(--sxb-bg);color:var(--sxb-tx);font-family:var(--sxb-f);margin:0;min-height:100vh}
.sxb-ssr-bar{display:flex;align-items:center;gap:16px;padding:10px 20px;border-bottom:1px solid var(--sxb-line)}
.sxb-ssr-bar .logo img{height:32px}.sxb-ssr-bar nav{display:flex;gap:14px;flex:1}.sxb-ssr-bar nav a{color:var(--sxb-tx);text-decoration:none}
.sxb-ssr-bar .btn{padding:8px 14px;border-radius:var(--sxb-r2);background:var(--sxb-ac);color:#fff!important;text-decoration:none}
.sxb-ssr-main{max-width:1080px;margin:0 auto;padding:20px}
.sxb-ssr-main .sxb-chips a{flex:none}
.sxb-ssr-foot{text-align:center;color:var(--sxb-tx2);font-size:13px;padding:30px}
.sxb-ssr .sxb-cm img{width:32px;height:32px;border-radius:50%}
.sxb-more{display:flex;justify-content:center;gap:10px;margin:24px 0}

/* ---------- editör ---------- */
.sxe{display:flex;flex-direction:column;height:100%;min-height:0;background:var(--sxb-bg);position:relative}
.sxe-top{flex:none;display:flex;align-items:center;gap:8px;height:56px;padding:0 16px;border-bottom:1px solid var(--sxb-line)}
.sxe-save{margin-left:auto;font-size:12.5px;color:var(--sxb-tx2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sxe-seg,.sxe-pv-seg{display:flex;gap:2px;padding:2px;border-radius:10px;background:var(--sxb-bg2)}
.sxe-seg button,.sxe-pv-seg button{height:32px;padding:0 10px;border:0;border-radius:8px;background:none;color:var(--sxb-tx2);cursor:pointer;font:13px var(--sxb-f);white-space:nowrap}
.sxe-seg button.on,.sxe-pv-seg button.on{background:var(--sxb-card);color:var(--sxb-tx)}
.sxe-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 320px}
.sxe-main{min-width:0;display:flex;flex-direction:column;min-height:0}
.sxe-tb{flex:none;position:sticky;top:0;z-index:3;display:flex;align-items:center;gap:2px;padding:6px 12px;border-bottom:1px solid var(--sxb-line);background:var(--sxb-bg);overflow-x:auto;scrollbar-width:thin}
.sxe-b{flex:none;min-width:34px;height:34px;border:0;border-radius:8px;background:none;color:var(--sxb-tx);font-size:15px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:0 6px}
.sxe-b:hover,.sxe-b.on{background:var(--sxb-card)}.sxe-b:disabled{opacity:.35;cursor:not-allowed}
.sxe-m{padding:0 8px;border:1px solid var(--sxb-line)}.sxe-m span{font-size:12.5px}
.sxe-sep{flex:none;width:1px;height:22px;background:var(--sxb-line);margin:0 6px}
.sxe-block{height:32px;border-radius:8px;border:1px solid var(--sxb-line);background:var(--sxb-bg2);color:var(--sxb-tx);font-size:13px}
.sxe-doc,.sxe-prev{flex:1;overflow-y:auto;padding:28px 24px 120px}
.sxe-title{display:block;width:100%;max-width:760px;margin:0 auto 14px;border:0;background:none;color:var(--sxb-tx);font:700 32px/1.25 var(--sxb-serif);outline:none}
.sxe-title::placeholder{color:var(--sxb-ph)}
.sxe-ed{max-width:760px;margin:0 auto;min-height:50vh;outline:none;font:18px/1.75 var(--sxb-serif);color:var(--sxb-ink);overflow-wrap:anywhere}
.sxe-ed p{margin:0 0 1em}.sxe-ed h2{font:700 25px/1.3 var(--sxb-f)}.sxe-ed h3{font:700 20px/1.3 var(--sxb-f)}
.sxe-ed blockquote{margin:1em 0;padding:.3em 1em;border-left:4px solid var(--sxb-ac);color:var(--sxb-tx2)}
.sxe-ed pre{background:var(--sxb-code);padding:12px;border-radius:8px;font-size:14px}
.sxe-ed table{border-collapse:collapse}.sxe-ed td,.sxe-ed th{border:1px solid var(--sxb-line);padding:6px 10px;min-width:60px}
.sxe-ed ul.sxb-tasks{list-style:none;padding-left:0}.sxe-ed li.sxb-task input{margin-right:6px;accent-color:var(--sxb-ac)}
.sxe-ed:empty::before,.sxe-ed>p:only-child:has(br:only-child)::before{content:attr(data-ph);color:var(--sxb-ph);pointer-events:none;position:absolute}
.sxe-ed .sxb-chip{position:relative}
.sxe-ed .sxb-chip:focus{outline:2px solid var(--sxb-ac)}
.sxe-chip-act{display:flex;gap:4px;margin-left:auto}
.sxe-chip-act button{width:30px;height:30px;border:0;border-radius:8px;background:var(--sxb-bg2);color:var(--sxb-tx2);cursor:pointer}
.sxe-chip-act button:hover{color:var(--sxb-tx)}
.sxe-side{border-left:1px solid var(--sxb-line);overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:12px;min-height:0}
.sxe-card{padding:12px;border-radius:var(--sxb-r2);background:var(--sxb-bg2);border:1px solid var(--sxb-line)}
.sxe-card h4{margin:0 0 8px;font-size:13px;color:var(--sxb-tx2);font-weight:600}
.sxe-card h4+select,.sxe-card select,.sxe-card input[type=datetime-local]{width:100%;height:36px;border-radius:8px;border:1px solid var(--sxb-line);background:var(--sxb-bg);color:var(--sxb-tx);padding:0 8px;font-size:14px;color-scheme:var(--sxb-cs)}
.sxe-card small{display:block;color:var(--sxb-tx2);font-size:11.5px;margin-top:6px}
.sxe-cover{position:relative;aspect-ratio:1200/630;border:1px dashed var(--sxb-line);border-radius:var(--sxb-r2);display:grid;place-items:center;background:var(--sxb-bg) center/cover;cursor:pointer;color:var(--sxb-tx2);font-size:13px;overflow:hidden}
.sxe-cover-x{position:absolute;top:6px;right:6px;width:28px;height:28px;border:0;border-radius:50%;background:rgba(0,0,0,.65);color:#fff;cursor:pointer}
.sxe-cats{display:flex;flex-wrap:wrap;gap:6px}
.sxe-cat{height:30px;padding:0 10px;border-radius:999px;border:1px solid var(--sxb-line);background:none;color:var(--sxb-tx2);cursor:pointer;font-size:13px}
.sxe-cat.on{border-color:var(--c,var(--sxb-ac));color:var(--sxb-tx);background:color-mix(in srgb,var(--c,#9b5cff) 20%,transparent)}
.sxe-tags{position:relative;display:flex;flex-wrap:wrap;gap:6px;padding:6px;border:1px solid var(--sxb-line);border-radius:8px;background:var(--sxb-bg)}
.sxe-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:6px;background:var(--sxb-card);font-size:13px}
.sxe-tag button{border:0;background:none;color:var(--sxb-tx2);cursor:pointer;padding:0}
.sxe-tag-in{flex:1;min-width:90px;height:28px;border:0;background:none;color:var(--sxb-tx);outline:none;font-size:14px}
.sxe-tag-sug{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:5;background:var(--sxb-bg2);border:1px solid var(--sxb-line);border-radius:8px;box-shadow:var(--sxb-sh);overflow:hidden}
.sxe-tag-sug button{display:flex;justify-content:space-between;width:100%;border:0;background:none;color:var(--sxb-tx);padding:8px 10px;cursor:pointer;font-size:13.5px;text-align:left}
.sxe-tag-sug button.on,.sxe-tag-sug button:hover{background:var(--sxb-card)}
.sxe-sw{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer;min-height:34px;color:var(--sxb-tx)}
.sxe-sw input{width:18px;height:18px;accent-color:var(--sxb-ac);flex:none}
.sxe-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.sxe-stats h4{grid-column:1/-1;margin:0}
.sxe-stats div{display:flex;flex-direction:column}.sxe-stats b{font-size:18px}.sxe-stats span{font-size:11.5px;color:var(--sxb-tx2)}
.sxe-pop,.sxe-tip{position:absolute;z-index:40;display:flex;align-items:center;gap:6px;max-width:380px;padding:8px;border-radius:var(--sxb-r2);background:var(--sxb-card);border:1px solid var(--sxb-line);box-shadow:var(--sxb-sh);font:13px var(--sxb-f);color:var(--sxb-tx)}
.sxe-pop img{width:56px;height:42px;border-radius:6px;object-fit:cover;flex:none}
.sxe-pop-l{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--sxb-ac2)}
.sxe-pop button{flex:none;height:28px;padding:0 8px;border:0;border-radius:6px;background:var(--sxb-card);color:var(--sxb-tx);cursor:pointer;font-size:12.5px}
.sxe-tip{background:#3a2c08;border-color:#a16207;color:#fde68a}.sxe-tip.ok{background:#052e16;border-color:#15803d;color:#bbf7d0}
.sxe-form label:not(.sxe-sw):not(.sxb-radio){display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--sxb-tx2);margin-bottom:10px}
.sxe-form label.sxe-sw,.sxe-form label.sxb-radio{display:flex;flex-direction:row;align-items:center;gap:8px;font-size:14px;color:var(--sxb-tx);margin-bottom:6px;text-align:start;white-space:nowrap}
.sxe-form fieldset{border:0;padding:0;margin:0 0 6px;display:flex;flex-wrap:wrap;gap:4px 16px}
.sxe-form input:not([type=checkbox]):not([type=radio]),.sxe-form select,.sxe-form textarea{height:38px;border-radius:var(--sxb-r2);border:1px solid var(--sxb-line);background:var(--sxb-bg);color:var(--sxb-tx);padding:0 10px;font:14px var(--sxb-f)}
.sxe-form textarea{height:auto;padding:8px 10px}
.sxe-linkf .sxe-lprev{min-height:20px;margin:6px 0}
.sxe-emo{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;font-size:22px}
.sxe-emo button{height:40px;border:0;border-radius:6px;background:none;cursor:pointer}.sxe-emo button:hover{background:var(--sxb-card)}
.sxe-drop{position:absolute;inset:0;z-index:30;display:grid;place-items:center;background:rgba(155,92,255,.16);border:3px dashed var(--sxb-ac);border-radius:var(--sxb-r)}
.sxe-drop>div{display:flex;flex-direction:column;align-items:center;gap:6px;padding:24px 32px;border-radius:var(--sxb-r);background:var(--sxb-bg2);font-size:18px}
.sxe-drop small{color:var(--sxb-tx2);font-size:13px}
.sxe-restore{max-width:760px;margin:0 auto 12px;padding:10px 12px;border-radius:var(--sxb-r2);background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.4);display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:14px}
.sxe-pv{margin-top:16px}
.sxe-frame.desk{max-width:820px;margin:0 auto}
.sxe-frame.mob{width:390px;max-width:100%;margin:0 auto;padding:12px;border:10px solid #222;border-radius:32px;max-height:760px;overflow-y:auto}
.sxe-frame.mob .sxb-article h1{font-size:26px}.sxe-frame.mob .sxb-body{font-size:17px}
.sxe-serp{max-width:600px;margin:0 auto;background:#fff;color:#202124;padding:16px 18px;border-radius:8px;font-family:Arial,sans-serif}
.sxe-serp small{color:#4d5156;font-size:13px}.sxe-serp b{display:block;color:#1a0dab;font-size:20px;font-weight:400;margin:4px 0}.sxe-serp p{color:#4d5156;font-size:14px;margin:0;line-height:1.5}
.sxe-mtb{display:none}
.sxe-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0}
.sxe-grid button{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 4px;border-radius:var(--sxb-r2);border:1px solid var(--sxb-line);background:var(--sxb-card);color:var(--sxb-tx);font-size:24px;cursor:pointer}
.sxe-grid button{min-width:0}.sxe-grid button span{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.sxe-sheet{position:fixed;inset:0;z-index:2000;display:flex;align-items:flex-end;background:rgba(5,3,10,.55)}
.sxe-sheet-bd{width:100%;max-height:85vh;overflow-y:auto;background:var(--sxb-bg2);color:var(--sxb-tx);border-radius:18px 18px 0 0;padding:8px 16px calc(16px + env(safe-area-inset-bottom));font-family:var(--sxb-f)}
.sxe-sheet .grab{width:40px;height:4px;border-radius:2px;background:var(--sxb-line);margin:4px auto 12px}
.sxe-side-m .sxe-card{margin-bottom:10px}

/* ---------- Blog Seçenekleri ---------- */
.sxa{display:grid;grid-template-columns:200px minmax(0,1fr);gap:16px;height:100%}
.sxa-nav{display:flex;flex-direction:column;gap:2px;overflow-y:auto}
.sxa-nav button{display:flex;align-items:center;gap:6px;height:38px;border:0;border-radius:8px;background:none;color:var(--sxb-tx2);text-align:left;padding:0 10px;cursor:pointer;font:14px var(--sxb-f);white-space:nowrap}
.sxa-nav button.on{background:var(--sxb-card);color:var(--sxb-tx)}
.sxa-b{margin-left:auto;min-width:20px;padding:0 5px;font-size:11px;line-height:18px;text-align:center;border-radius:999px;background:var(--sxb-err);color:#fff}.sxa-b:empty{display:none}
.sxa-bd{overflow-y:auto;min-height:0;padding-right:4px}
.sxa-bd h3{margin:0 0 14px;font-size:18px;display:flex;align-items:center;gap:10px}.sxa-bd h3 small{color:var(--sxb-tx2);font-weight:400;font-size:12px}
.sxa-bd h4{margin:18px 0 8px;font-size:14px}
.sxa-help{display:block;color:var(--sxb-tx2);font-size:12px;margin:-2px 0 12px 26px}
.sxa-num{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--sxb-tx2);margin:8px 0 4px;max-width:420px}
.sxa-num+.sxa-help{margin-left:0}
.sxa-num input,.sxa-num select,.sxa-num textarea{height:38px;border-radius:var(--sxb-r2);border:1px solid var(--sxb-line);background:var(--sxb-bg);color:var(--sxb-tx);padding:0 10px;font:14px var(--sxb-f)}
.sxa-num textarea{height:auto;padding:8px 10px}
.sxa-roles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;margin-bottom:12px}
.sxa-t{width:100%;border-collapse:collapse;margin-top:10px}
.sxa-t th,.sxa-t td{padding:8px;border-bottom:1px solid var(--sxb-line);text-align:left;font-size:14px}
.sxa-t input[type=number]{width:90px;height:34px;border-radius:8px;border:1px solid var(--sxb-line);background:var(--sxb-bg);color:var(--sxb-tx);padding:0 8px}
.sxa-t input[type=checkbox]{width:18px;height:18px;accent-color:var(--sxb-ac)}
.sxa-cats{display:flex;flex-direction:column;gap:6px}
.sxa-cat{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--sxb-r2);border:1px solid var(--sxb-line);border-left:4px solid var(--c);background:var(--sxb-card)}
.sxa-cat.off{opacity:.5}.sxa-cat.drag{opacity:.4}
.sxa-cat .h{cursor:grab;color:var(--sxb-tx2);user-select:none}
.sxa-cat i{font-style:normal;font-size:20px}.sxa-cat small{color:var(--sxb-tx2);margin-right:auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sxa-cform label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--sxb-tx2);margin-bottom:10px}
.sxa-cform input:not([type=checkbox]){height:38px;border-radius:var(--sxb-r2);border:1px solid var(--sxb-line);background:var(--sxb-bg);color:var(--sxb-tx);padding:0 10px;font:14px var(--sxb-f)}
.sxa-cform input[type=color]{padding:2px;width:80px}
.sxa-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.sxa-kpi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:18px}
.sxa-kpi div{padding:14px;border-radius:var(--sxb-r2);background:var(--sxb-card);border:1px solid var(--sxb-line)}
.sxa-kpi b{display:block;font-size:24px;font-variant-numeric:tabular-nums}.sxa-kpi span{color:var(--sxb-tx2);font-size:12.5px}
.sxa-row .rank{width:24px;text-align:center;color:var(--sxb-ac2)}

/* ---------- tablet ---------- */
@media (max-width:1023px){
 .sxb-grid,.sxb-rel{grid-template-columns:repeat(2,minmax(0,1fr))}
 .sxb-cats,.sxb-band-row{grid-template-columns:repeat(2,minmax(0,1fr))}
 .sxb-feat-row{grid-template-columns:1fr}
 .sxe-body{grid-template-columns:minmax(0,1fr)}.sxe-side{display:none}
 .sxe-mtb{display:flex;flex:none;gap:2px;padding:6px 8px;border-top:1px solid var(--sxb-line);background:var(--sxb-bg2)}
 .sxe-mtb-s{display:flex;gap:2px;flex:1 1 auto;min-width:0;overflow-x:auto;scrollbar-width:none}.sxe-mtb-s::-webkit-scrollbar{display:none}
}
/* ---------- mobil (hedef 390 px) ---------- */
@media (max-width:767px){
 /* iOS Safari 16 px altındaki giriş alanına dokununca sayfayı yakınlaştırır */
 .sxb-host input:not([type=checkbox]):not([type=radio]),.sxb-host textarea,.sxb-host select,.sxb-md input:not([type=checkbox]):not([type=radio]),.sxb-md textarea,.sxb-md select,.sxe-sheet input:not([type=checkbox]):not([type=radio]),.sxe-sheet textarea,.sxe-sheet select{font-size:16px}
 html.sxb-mode .main .middle{display:block!important}
 .sxb-wrap{padding:12px 14px 90px}
 .sxb-top{flex-wrap:wrap;padding:8px 12px;gap:8px}
 .sxb-search{order:3;flex-basis:100%;max-width:none;margin:0}
 .sxb-top .sxb-primary{padding:0 10px}
 .sxb-grid,.sxb-rel,.sxb-band-row{grid-template-columns:minmax(0,1fr)}
 .sxb-cats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sxb-cat{min-height:120px;padding:10px}
 /* liste kartı mobilde satır: solda sabit küçük resim, sağda 2 satır başlık + ayrı meta satırı */
 .sxb-grid .sxb-card{display:grid;grid-template-columns:104px minmax(0,1fr);grid-template-rows:auto 1fr auto;column-gap:10px;padding:8px}
 .sxb-grid .sxb-card .cv{grid-row:1/4;aspect-ratio:auto;height:96px;border-radius:8px}
 .sxb-grid .sxb-card .cv .sxb-pill{left:4px;top:4px;font-size:10.5px;padding:2px 6px;max-width:96px;overflow:hidden}
 .sxb-grid .sxb-card .cv .sxb-rt,.sxb-grid .sxb-card .cv .sxb-lock{display:none}
 .sxb-grid .sxb-card h3{margin:2px 0 0;font-size:15px;height:2.7em}
 .sxb-grid .sxb-card p{display:none}
 .sxb-grid .sxb-card .sxb-meta{padding:4px 0 0;font-size:11.5px}.sxb-grid .sxb-card .sxb-meta .st{display:none}
 .sxb-card.big .cv{min-height:200px}.sxb-card.big h3{font-size:19px}
 .sxb-article h1{font-size:26px}
 .sxb-body{font-size:17.5px;line-height:1.7}.sxb-body h2{font-size:22px}
 .sxb-hero{border-radius:0;margin:0 -14px 14px;width:calc(100% + 28px)}
 .sxb-actions{position:sticky;bottom:0;z-index:4;background:var(--sxb-bg);margin:18px -14px;padding:8px 14px calc(8px + env(safe-area-inset-bottom));flex-wrap:nowrap;justify-content:space-between}
 .sxb-act{flex:1;justify-content:center;padding:0 8px;height:44px}.sxb-act b{display:none}.sxb-act.sm{flex:none;margin-left:0}
 .sxb-ov{align-items:flex-end;padding:0}.sxb-md{width:100%;max-height:92vh;border-radius:18px 18px 0 0}
 .sxb-md-admin{height:92vh}
 .sxb-share-card .th{width:96px}
 .sxb-chip{gap:10px}.sxb-chip-th{width:52px;height:52px}
 .sxb-mrow{flex-wrap:wrap}.sxb-mrow .tx{flex-basis:100%}
 .sxa{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}
 .sxa-nav{flex-direction:row;overflow-x:auto}.sxa-roles,.sxa-2{grid-template-columns:minmax(0,1fr)}
 .sxa-kpi{grid-template-columns:repeat(2,minmax(0,1fr))}.sxa-help{margin-left:0}
 .sxa-row{flex-wrap:wrap}.sxa-row .tx{flex-basis:100%}
 .sxe-top{height:52px;padding:0 8px;gap:4px}
 .sxe-top .sxe-seg button{padding:0 8px}
 .sxe-tb{display:none}
 .sxe-doc,.sxe-prev{padding:16px 14px 100px}
 .sxe-title{font-size:25px}.sxe-ed{font-size:17px}
 .sxe-pop,.sxe-tip{max-width:calc(100vw - 20px)}
 .sxb-qbtn{height:40px}
 .sxb-ssr-bar nav{display:none}
}
@media (prefers-reduced-motion:reduce){.sxb-card,.sxb-cat,.sxb-act .ic,.sxb-toast,.sxb-body .hl,.sxb-card.sk .cv{transition:none!important;animation:none!important}}
/* bildirim listesi: SX Blog bildirimleri tıklanınca yazıya gider */
.aside li.site_notification.sxb-nlink{cursor:pointer}
.aside li.site_notification.sxb-nlink .subtitle::after{content:" ↗";opacity:.7}

/* alıntı-yoruma tıklayınca yazıdaki cümle */
.sxb-body mark.sxb-hlq{background:#fde68a;color:#1f1300;border-radius:3px;padding:0 1px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.sxb-cm blockquote.sxb-q[role=button]{cursor:pointer}

/* ======================================================================
 * 1.0.1 · tema ve çerçeve
 * Açık/koyu tema Grupo'nun body.light_mode / body.dark_mode sınıfı ve değişkenleriyle; yukarıdaki :root bloğu.
 * ====================================================================== */
/* sitenin özel CSS'indeki genel .sxe / .sxe-tag kuralları (başka bir SX sayfasına ait, kesikli sarı çerçeve) editörü etkilemesin */
.sxb-host .sxe{margin:0;padding:0;border:0;border-radius:0;background:var(--sxb-bg);overflow-wrap:normal;box-shadow:none}
.sxb-host .sxe-tag,.sxe-sheet .sxe-tag{margin:0;font-weight:400;color:var(--sxb-tx)!important;font-size:13px}
.sxb-host{color-scheme:var(--sxb-cs)}
.sxb-md,.sxe-sheet-bd,.sxe-tag-sug,.sxe-pop{color-scheme:var(--sxb-cs)}

/* ---------- editör: başlık + içerik tek kâğıt, aralarında ayırıcı çizgi ---------- */
.sxe-doc{background:var(--sxb-bg)}
.sxe-paper{max-width:800px;margin:0 auto;background:var(--sxb-card);border:1px solid var(--sxb-line);border-radius:var(--sxb-r);box-shadow:var(--sxb-sh1);transition:border-color .15s,box-shadow .15s}
.sxe-paper:focus-within{border-color:color-mix(in srgb,var(--sxb-ac) 55%,var(--sxb-line));box-shadow:var(--sxb-sh1),0 0 0 3px var(--sxb-ring)}
.sxe-paper .sxe-title{max-width:none;margin:0;padding:22px 28px 16px;border-bottom:1px solid var(--sxb-sep);border-radius:var(--sxb-r) var(--sxb-r) 0 0;transition:border-color .15s}
.sxe-paper .sxe-title:focus{border-bottom-color:var(--sxb-ac)}
.sxe-paper .sxe-ed{max-width:none;margin:0;padding:20px 28px 28px;min-height:52vh;border-radius:0 0 var(--sxb-r) var(--sxb-r);position:relative}
.sxe-ed:empty::before,.sxe-ed>p:only-child:has(br:only-child)::before{color:var(--sxb-ph)}
.sxe-title::placeholder{color:var(--sxb-ph);opacity:1}
.sxe-tb{background:var(--sxb-card);box-shadow:0 1px 0 var(--sxb-line);flex-wrap:wrap;row-gap:4px;overflow-x:visible}
.sxe-top{background:var(--sxb-card)}
.sxe-side{background:var(--sxb-bg)}
.sxe-card{background:var(--sxb-card);box-shadow:var(--sxb-sh1)}
.sxe-card h4{color:var(--sxb-tx);display:flex;align-items:center;gap:6px;padding-bottom:8px;margin-bottom:10px;border-bottom:1px solid var(--sxb-sep)}
.sxe-card h4 small{display:inline;margin:0 0 0 auto;font-weight:400}
.sxe-cover{background-color:var(--sxb-bg2);border-color:var(--sxb-sep)}
.sxe-cover:hover{border-color:var(--sxb-ac)}
.sxe-tags,.sxe-card select,.sxe-card input[type=datetime-local]{background:var(--sxb-bg2)}
.sxe-tags:focus-within,.sxe-card select:focus,.sxe-card input:focus{border-color:var(--sxb-ac);outline:0;box-shadow:0 0 0 3px var(--sxb-ring)}
.sxe-restore{max-width:800px}
.sxe-frame.desk{background:var(--sxb-bg);padding:12px;border-radius:var(--sxb-r)}
.sxe-frame.mob{border-color:color-mix(in srgb,var(--sxb-tx) 80%,#000);background:var(--sxb-bg)}
body.light_mode .sxe-tip{background:#fef3c7;border-color:#f59e0b;color:#78350f}
body.light_mode .sxe-tip.ok{background:#dcfce7;border-color:#22c55e;color:#14532d}
body.light_mode .sxe-restore{background:#fffbeb}

/* ---------- okuma sayfası: çerçeveli yazı kâğıdı ---------- */
.sxb-paper{background:var(--sxb-card);border:1px solid var(--sxb-line);border-radius:var(--sxb-r);box-shadow:var(--sxb-sh1);padding:28px 40px 22px;margin:8px 0 0;overflow:hidden}
.sxb-paper.has-hero{padding-top:0}
.sxb-paper>.sxb-hero{margin:0 -40px 24px;width:calc(100% + 80px);border-radius:0;aspect-ratio:1200/630}
.sxb-art-hd{padding-bottom:18px;margin-bottom:22px;border-bottom:1px solid var(--sxb-sep)}
.sxb-art-hd .sxb-art-head:empty{display:none}
.sxb-paper h1{color:var(--sxb-tx);letter-spacing:-.01em;margin:12px 0 14px;overflow-wrap:anywhere}
.sxb-paper .sxb-byline{flex-wrap:wrap}
.sxb-paper .sxb-body{margin-top:0;color:var(--sxb-ink)}
.sxb-body h2,.sxb-body h3{color:var(--sxb-tx)}
.sxb-body a{color:var(--sxb-ac2);text-decoration-thickness:1px;text-underline-offset:3px}
.sxb-body blockquote{background:color-mix(in srgb,var(--sxb-ac) 6%,transparent);border-radius:0 8px 8px 0}
.sxb-body pre,.sxb-body code{color:var(--sxb-tx)}
.sxb-paper .sxb-tags{margin:22px 0 4px;padding-top:16px;border-top:1px solid var(--sxb-sep)}
.sxb-article>.sxb-actions{border:1px solid var(--sxb-line);border-radius:var(--sxb-r);background:var(--sxb-card);padding:10px 12px;margin:16px 0;box-shadow:var(--sxb-sh1)}
.sxb-comments{background:var(--sxb-card);border:1px solid var(--sxb-line);border-radius:var(--sxb-r);padding:6px 20px 14px;box-shadow:var(--sxb-sh1)}
.sxb-comments:empty{display:none}
.sxb-cform textarea,.sxb-rep textarea,.sxb-cedit,.sxb-snote,.sxb-sq,.sxb-search input{background:var(--sxb-bg2)}
.sxb-cform textarea:focus,.sxb-sq:focus,.sxb-search input:focus,.sxb-snote:focus{border-color:var(--sxb-ac);outline:0;box-shadow:0 0 0 3px var(--sxb-ring)}
.sxb-card,.sxb-row,.sxb-mrow,.sxa-row,.sxb-chip{box-shadow:var(--sxb-sh1)}
body.light_mode .sxb-art-hd .sxb-pill,body.light_mode .sxb-art-head .sxb-pill,body.light_mode .sxb-row .sxb-pill{background:color-mix(in srgb,var(--c,#7c3aed) 14%,#fff);color:color-mix(in srgb,var(--c,#7c3aed) 75%,#000)}
body.light_mode .sxb-lv{background:rgba(124,58,237,.12)}
body.light_mode .sxb-ov,body.light_mode .sxe-sheet{background:rgba(40,20,80,.35)}
body.light_mode .sxb-toast{background:#2a1458}
/* açık tema kategori kutusu: kapak yoksa açık zemin, koyu yazı; kapak varsa koyu geçiş korunur */
body.light_mode .sxb-cat:not(.has-cv){color:var(--sxb-tx);background:var(--sxb-card)}
body.light_mode .sxb-cat:not(.has-cv)::after{background:linear-gradient(160deg,color-mix(in srgb,var(--c,#7c3aed) 30%,#fff),color-mix(in srgb,var(--c,#7c3aed) 6%,#fff) 70%)}
body.light_mode .sxb-cat:not(.has-cv) small{color:var(--sxb-tx2)}
body.light_mode .sxb-cat:not(.has-cv) .sxb-count{background:rgba(255,255,255,.85);color:var(--sxb-tx)}
body.light_mode .sxb-act.on{border-color:#e11d48;color:#be123c}
body.light_mode .sxb-cm .ft .on{color:#be123c}
.sxe-frame .sxb-paper{box-shadow:none}
.sxb-ssr-main.sxb-article{max-width:840px}
.sxb-ssr .sxb-byline{gap:8px;flex-wrap:wrap}.sxb-ssr .sxb-byline img{border-radius:50%;width:32px;height:32px}
.sxb-ssr-bar{background:var(--sxb-card)}

/* ---------- sohbete paylaşılan blog kartı (Grupo bağlantı önizlemesi, adresi /blog/ olanlar) ---------- */
.main .chatbox>.contents>.chat_messages>ul>li>div>.right>.files>div>ul>li>.url_meta[link*="/blog/"]{display:flex;flex-direction:column;align-items:stretch;width:300px;max-width:100%;padding:0;border-radius:14px;overflow:hidden;background:var(--chat-window-secondary-bg-color);border:1px solid var(--chat-window-septenary-border-color,var(--chat-window-primary-border-color));box-shadow:0 1px 2px rgba(0,0,0,.08),0 6px 18px rgba(60,30,120,.10);transition:border-color .15s}
.main .chatbox>.contents>.chat_messages>ul>li:hover>div>.right>.files>div>ul>li>.url_meta[link*="/blog/"]{background:var(--chat-window-secondary-bg-color);border-color:#9b5cff}
.main .chatbox>.contents>.chat_messages>ul>li>div>.right>.files>div>ul>li>.url_meta[link*="/blog/"]>.image{display:block;width:100%;height:auto;aspect-ratio:1200/630;padding:0;border-radius:0;background:linear-gradient(135deg,#ece3ff,#f8e8f3)}
.main .chatbox>.contents>.chat_messages>ul>li>div>.right>.files>div>ul>li>.url_meta[link*="/blog/"]>.image>img{border-radius:0}
.main .chatbox>.contents>.chat_messages>ul>li>div>.right>.files>div>ul>li>.url_meta[link*="/blog/"]>.details{display:block;margin:0;max-width:none;max-height:none;padding:10px 14px 12px;border-top:1px solid var(--chat-window-septenary-border-color,var(--chat-window-primary-border-color))}
.main .chatbox>.contents>.chat_messages>ul>li>div>.right>.files>div>ul>li>.url_meta[link*="/blog/"]>.details::before{content:"📰 Blog";display:inline-block;margin-bottom:6px;padding:1px 8px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.02em;color:#7c3aed;background:rgba(124,58,237,.12)}
.main .chatbox>.contents>.chat_messages>ul>li>div>.right>.files>div>ul>li>.url_meta[link*="/blog/"]>.details>.title{font-size:15px;line-height:1.35;max-height:2.7em;color:var(--chat-window-quaternary-text-color);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.main .chatbox>.contents>.chat_messages>ul>li>div>.right>.files>div>ul>li>.url_meta[link*="/blog/"]>.details>.description{margin-top:4px;font-size:13px;line-height:1.4;color:var(--chat-window-primary-text-color);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body.dark_mode .main .chatbox>.contents>.chat_messages>ul>li>div>.right>.files>div>ul>li>.url_meta[link*="/blog/"]>.image{background:linear-gradient(135deg,#2a1d4a,#1a1330)}
body.dark_mode .main .chatbox>.contents>.chat_messages>ul>li>div>.right>.files>div>ul>li>.url_meta[link*="/blog/"]>.details::before{color:#d8b4fe;background:rgba(155,92,255,.2)}

/* ---------- mobil: aynı çerçeveler, daha dar dolgular ---------- */
@media (max-width:767px){
 .sxe-top .tx{display:none}
 .sxb-top .sxb-tabs{flex:1 1 0;min-width:0;-webkit-mask-image:linear-gradient(90deg,#000 82%,transparent);mask-image:linear-gradient(90deg,#000 82%,transparent)}.sxb-top .sxb-tab{padding:8px 9px}.sxb-top .sxb-tab:not(.on) .tx{display:none}
 .sxe-top{gap:6px}.sxe-top .sxb-btn{padding:0 10px}.sxe-top .sxe-seg button{padding:0 9px}
 .sxe-save{flex:1;min-width:0;font-size:11px}
 .sxe-top [data-sxe-pub]{flex:none}
 .sxe-doc{padding:12px 10px 100px}
 .sxb-host .sxe-paper input.sxe-title:not([type=checkbox]){padding:16px 16px 12px;font-size:23px}
 .sxe-paper .sxe-ed{padding:14px 16px 22px;min-height:45vh}
 .sxe-mtb{background:var(--sxb-card);box-shadow:0 -1px 0 var(--sxb-line)}
 .sxe-sheet-bd{background:var(--sxb-bg)}
 .sxb-paper{padding:18px 16px 16px;border-radius:12px;margin:0 -4px}
 .sxb-paper>.sxb-hero{margin:0 -16px 18px;width:calc(100% + 32px)}
 .sxb-art-hd{padding-bottom:14px;margin-bottom:16px}
 .sxb-comments{padding:4px 14px 12px;margin:0 -4px}
 .sxb-article>.sxb-actions{border-radius:0;border-left:0;border-right:0;box-shadow:0 -4px 14px rgba(0,0,0,.08);margin:14px -14px;background:var(--sxb-card)}
 .main .chatbox>.contents>.chat_messages>ul>li>div>.right>.files>div>ul>li>.url_meta[link*="/blog/"]{width:260px}
}
@media (max-width:374px){
 .sxb-grid .sxb-card .sxb-meta .sxb-lv{display:none}
 .sxe-top .sxe-seg button{padding:0 7px}.sxe-top .sxb-btn{padding:0 8px}
 .sxb-host .sxe-paper input.sxe-title:not([type=checkbox]){font-size:21px}
 .sxb-paper h1{font-size:23px}
 .main .chatbox>.contents>.chat_messages>ul>li>div>.right>.files>div>ul>li>.url_meta[link*="/blog/"]{width:230px}
}

/* ---------- 1.0.1 · medya kartları ---------- */
.sxb-chip-th{position:relative}
.sxb-chip-th>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sxb-k-doc .sxb-chip-th>img{background:#fff;object-position:top;padding:2px}
.sxb-k-video .sxb-chip-th:has(img)::after{content:"▶";position:absolute;inset:auto auto 4px 4px;width:20px;height:20px;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;font-size:10px;display:grid;place-items:center;z-index:1}
.sxb-chip-tx small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sxb-chip-body video{aspect-ratio:16/9;max-height:60vh;background:#000}
.sxb-chip-body audio{display:block;height:40px;margin-top:2px}
.sxb-doc-acts{display:flex;gap:8px;flex-wrap:wrap}
.sxb-chip .sxb-doc-open{display:inline-flex;align-items:center;gap:6px;height:36px;margin:0;padding:0 14px;border-radius:999px;border:1px solid var(--sxb-line);background:var(--sxb-bg2);color:var(--sxb-tx)!important;font:600 13.5px var(--sxb-f);text-decoration:none}
.sxb-chip .sxb-doc-open:hover{border-color:var(--sxb-ac)}
.sxb-chip[aria-expanded="true"]{border-color:color-mix(in srgb,var(--sxb-ac) 55%,var(--sxb-line))}
.sxe-chip-act button{flex:none;white-space:nowrap;font-size:12px;font-weight:700;display:inline-grid;place-items:center;padding:0}
.sxe-ed .sxb-chip{max-width:100%}
@media (max-width:767px){
 .sxe-ed .sxb-chip{flex-wrap:nowrap;gap:8px;padding:8px}
 .sxe-ed .sxb-chip .sxb-chip-tag{display:none}
 .sxe-ed .sxb-chip.open{flex-wrap:wrap}
 .sxe-chip-act{gap:2px}.sxe-chip-act button{width:28px;height:28px}
 .sxb-chip-body video{max-height:50vh}
}

/* ===== 1.0.1 · kod blokları (tema renkleriyle; koyu ve açık temada ayrı sözdizimi paleti) ===== */
.sxb-cb,.sxe-cbk,.sxe-codef,.sxcv{--cb-bg:color-mix(in srgb,var(--sxb-bg) 78%,#000);--cb-hd:color-mix(in srgb,var(--sxb-ac) 16%,var(--cb-bg));--cb-tab:var(--cb-bg);--cb-bd:color-mix(in srgb,var(--sxb-ac) 45%,transparent);--cb-sep:color-mix(in srgb,var(--sxb-ac) 22%,transparent);
 --cb-tx:#ece6f7;--cb-ln:#9a90b0;--cb-ft:color-mix(in srgb,var(--sxb-ac) 24%,var(--cb-bg));--cb-ftx:#d9cff0;--cb-btn:color-mix(in srgb,var(--sxb-ac) 30%,var(--cb-bg));--cb-sh:0 6px 20px rgba(0,0,0,.28);
 --t-k:#ff7ac6;--t-t:#7dd3fc;--t-v:#fdba74;--t-f:#c4b5fd;--t-a:#86efac;--t-s:#fde68a;--t-n:#f0abfc;--t-c:#9289a6;--t-p:#93c5fd}
body.light_mode .sxb-cb,body.light_mode .sxe-cbk,body.light_mode .sxe-codef,body.light_mode .sxcv{--cb-bg:color-mix(in srgb,var(--sxb-ac) 4%,#fff);--cb-hd:color-mix(in srgb,var(--sxb-ac) 11%,#fff);--cb-tab:var(--cb-bg);--cb-bd:color-mix(in srgb,var(--sxb-ac) 32%,#fff);--cb-sep:color-mix(in srgb,var(--sxb-ac) 16%,#fff);
 --cb-tx:#271f35;--cb-ln:#6b6280;--cb-ft:color-mix(in srgb,var(--sxb-ac) 9%,#fff);--cb-ftx:#4a3f60;--cb-btn:#fff;--cb-sh:0 4px 14px rgba(76,29,149,.10);
 --t-k:#b5135f;--t-t:#0b5f99;--t-v:#9a4300;--t-f:#6d28d9;--t-a:#1d6b35;--t-s:#3f6212;--t-n:#8b1fa8;--t-c:#6b6280;--t-p:#0b5f99}
.sxb-cb{margin:14px 0;border:1px solid var(--cb-bd);border-radius:12px;background:var(--cb-bg);color:var(--cb-tx);overflow:hidden;box-shadow:var(--cb-sh);max-width:100%;min-width:0}
.sxb-cb-hd{display:flex;align-items:center;gap:10px;height:34px;padding:0 12px;background:var(--cb-hd);border-bottom:1px solid var(--cb-sep)}
.sxb-cb-dots{display:inline-flex;gap:6px;flex:none}.sxb-cb-dots i{width:11px;height:11px;border-radius:50%;background:#ff5f57}.sxb-cb-dots i:nth-child(2){background:#febc2e}.sxb-cb-dots i:nth-child(3){background:#28c840}
.sxb-cb-name{font:600 12.5px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--cb-tx);background:var(--cb-tab);padding:7px 12px;margin-bottom:-9px;border:1px solid var(--cb-sep);border-bottom:0;border-top:2px solid var(--sxb-ac);border-radius:7px 7px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.sxb-cb-sc{display:grid;grid-template-columns:auto minmax(0,1fr);overflow-x:auto;max-height:520px;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--sxb-ac) 50%,transparent) transparent}
.sxb-cb pre{margin:0;padding:12px 0;border:0;border-radius:0;background:none;font:13.5px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;tab-size:4;-moz-tab-size:4;white-space:pre;overflow:visible}
.sxb-cb pre.sxb-cb-ln{position:sticky;left:0;z-index:1;text-align:right;padding:12px 10px 12px 12px;color:var(--cb-ln);background:var(--cb-bg);border-right:1px solid var(--cb-sep);user-select:none;-webkit-user-select:none}
.sxb-cb pre.sxb-cb-pre{padding:12px 16px 12px 12px;color:var(--cb-tx)}
.sxb-cb code.sxb-cb-code{display:block;background:none;border:0;padding:0;border-radius:0;color:var(--cb-tx);font:inherit;white-space:pre}
.sxb-cb-ft{display:flex;align-items:center;gap:12px;height:30px;padding:0 6px 0 12px;background:var(--cb-ft);border-top:1px solid var(--cb-sep);color:var(--cb-ftx);font:12px/1 system-ui,sans-serif}
.sxb-cb-ft>span:first-child{flex:1;min-width:0;white-space:nowrap}
.sxb-cb-lang{font-weight:700;white-space:nowrap;color:var(--cb-tx)}
.sxb-cb-copy,.sxe-cbk-act button{height:22px;padding:0 9px;border:1px solid var(--cb-bd);border-radius:6px;background:var(--cb-btn);color:var(--cb-tx);font:600 11.5px/1 system-ui,sans-serif;cursor:pointer;white-space:nowrap}
.sxb-cb-copy:hover,.sxe-cbk-act button:hover{border-color:var(--sxb-ac);color:var(--sxb-ac2)}.sxb-cb-copy.ok{border-color:var(--sxb-ok);color:var(--sxb-ok)}
.sxb-cb .t-k,.sxb-cb .t-g{color:var(--t-k)}.sxb-cb .t-t{color:var(--t-t);font-style:italic}.sxb-cb .t-v{color:var(--t-v)}.sxb-cb .t-f{color:var(--t-f)}.sxb-cb .t-a{color:var(--t-a)}
.sxb-cb .t-s{color:var(--t-s)}.sxb-cb .t-n{color:var(--t-n)}.sxb-cb .t-c{color:var(--t-c);font-style:italic}.sxb-cb .t-p{color:var(--t-p)}
/* editörde kod kartı */
.sxe-cbk{position:relative;margin:12px 0;cursor:pointer;border-radius:13px;outline:0}
.sxe-cbk .sxb-cb{margin:0}.sxe-cbk .sxb-cb-sc{max-height:260px}
.sxe-cbk:focus-visible .sxb-cb,.sxe-cbk:hover .sxb-cb{box-shadow:0 0 0 2px var(--sxb-ac),var(--cb-sh)}
.sxe-cbk-act{position:absolute;top:6px;right:8px;display:flex;gap:6px;z-index:2}
.sxe-cbk-act button{height:24px;font-size:12px}
.sxe-md-code{width:min(760px,96vw)!important;max-width:96vw}
.sxe-codef-row{display:grid;grid-template-columns:minmax(0,180px) minmax(0,1fr);gap:10px}
.sxe-codef textarea{width:100%;box-sizing:border-box;min-height:220px;max-height:52vh;padding:10px 12px;border-radius:10px;border:1px solid var(--cb-bd);border-top:2px solid var(--sxb-ac);background:var(--cb-bg);color:var(--cb-tx);caret-color:var(--sxb-ac2);font:13.5px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;tab-size:4;-moz-tab-size:4;white-space:pre;overflow:auto;resize:vertical}
.sxe-codef textarea:focus{outline:0;box-shadow:0 0 0 3px var(--sxb-ring)}
.sxe-codef textarea::placeholder{color:var(--cb-ln)}
.sxe-codef-hint{display:block;margin:4px 0 2px;color:var(--sxb-tx2);font-size:12px}
@media (max-width:600px){
 .sxb-cb{border-radius:10px;margin:12px 0}
 .sxb-cb pre{font-size:12.5px}
 .sxb-cb-hd{height:30px;padding:0 10px}.sxb-cb-name{font-size:12px;padding:6px 10px;margin-bottom:-8px}
 .sxb-cb-ft{gap:8px}
 .sxe-codef-row{grid-template-columns:1fr}
 .sxe-codef textarea{min-height:180px;font-size:13px}
}

/* ===== 1.1.0 · takip, kaydet, arama süzgeçleri, bağlantı önizlemesi, galeri, içindekiler, ilerleme, sabit yorum, geçmiş ===== */
.sxb-prog{position:sticky;top:0;left:0;right:0;height:3px;z-index:30;margin-bottom:-3px;pointer-events:none}
.sxb-prog>i{display:block;height:100%;background:linear-gradient(90deg,var(--sxb-ac),var(--sxb-ac2));transform-origin:0 50%;transform:scaleX(0);transition:transform .08s linear}
.sxb-follow{white-space:nowrap}.sxb-follow.on{background:var(--sxb-bg2);border-color:var(--sxb-ac);color:var(--sxb-ac2)}
.sxb-byline .sxb-follow{margin-left:auto}
.sxb-byline .nm[data-author],.sxb-meta .nm[data-author]{cursor:pointer}.sxb-byline .nm[data-author]:hover,.sxb-meta .nm[data-author]:hover{text-decoration:underline;color:var(--sxb-ac2)}
.sxb-act.sm.on{color:var(--sxb-ac2);border-color:var(--sxb-ac)}
.sxb-author-hd{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px 16px;align-items:center;padding:18px;margin:6px 0 14px;border:1px solid var(--sxb-line);border-radius:16px;background:var(--sxb-card);box-shadow:var(--sxb-sh1)}
.sxb-author-hd .sxb-av,.sxb-author-hd>img{width:72px;height:72px;border-radius:50%;border:2px solid var(--sxb-ac)}
.sxb-author-hd h1{margin:0;font-size:22px;line-height:1.2;color:var(--sxb-ink,var(--sxb-tx));overflow-wrap:anywhere}
.sxb-author-hd small{color:var(--sxb-tx2)}
.sxb-author-st{display:flex;flex-wrap:wrap;gap:4px 14px;margin:8px 0 0;color:var(--sxb-tx2);font-size:13px}.sxb-author-st b{color:var(--sxb-tx);font-size:15px}
.sxb-author-act{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px}
.sxb-rss{display:inline-flex;align-items:center;height:22px;padding:0 8px;margin-left:8px;border-radius:6px;background:#c2410c;color:#fff!important;font:700 11px/1 system-ui,sans-serif;text-decoration:none;vertical-align:middle}
.sxb-author-act .sxb-rss{height:34px;margin:0;padding:0 12px}
.sxb-filt{margin:4px 0 10px;border:1px solid var(--sxb-line);border-radius:12px;background:var(--sxb-card)}
.sxb-filt>summary{cursor:pointer;padding:9px 12px;font-weight:600;color:var(--sxb-tx);list-style:none}.sxb-filt>summary::-webkit-details-marker{display:none}
.sxb-filt-f{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px 10px;padding:0 12px 12px}
.sxb-filt-f label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--sxb-tx2);min-width:0}
.sxb-filt-f input,.sxb-filt-f select{height:36px;padding:0 10px;border:1px solid var(--sxb-line);border-radius:9px;background:var(--sxb-bg2);color:var(--sxb-tx);font-size:14px;min-width:0;width:100%;box-sizing:border-box;color-scheme:light dark}
.sxb-filt-b{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px}
.sxb-lp{position:absolute;z-index:40;display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start;padding:10px;border:1px solid var(--sxb-line);border-top:2px solid var(--sxb-ac);border-radius:12px;background:var(--sxb-card);color:var(--sxb-tx);box-shadow:0 10px 28px rgba(0,0,0,.28);animation:sxbLp .12s ease-out}
@keyframes sxbLp{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.sxb-lp-im{width:64px;height:64px;border-radius:9px;background:var(--sxb-bg2) center/cover no-repeat}
.sxb-lp-tx{display:flex;flex-direction:column;gap:3px;min-width:0}
.sxb-lp-tx small{color:var(--sxb-tx2);font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sxb-lp-tx b{font-size:14px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sxb-lp-tx span{font-size:12.5px;color:var(--sxb-tx2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sxb-lp .sxb-btn{grid-column:1/-1;justify-self:end;height:30px;font-size:12.5px;text-decoration:none}
.sxb-host .sxb-body a:not(.sxb-chip):not(.sxb-doc-open){text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--sxb-ac2) 55%,transparent);text-underline-offset:2px}
.sxb-gal{position:fixed;inset:0;z-index:100000;display:grid;grid-template-columns:56px minmax(0,1fr) 56px;align-items:center;background:rgba(8,6,14,.92);color:#fff}
.sxb-gal figure{margin:0;grid-column:2;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}
.sxb-gal img{max-width:100%;max-height:82vh;object-fit:contain;border-radius:8px;box-shadow:0 10px 40px rgba(0,0,0,.5)}
.sxb-gal figcaption{font-size:14px;color:#e5e1ef;text-align:center;max-width:90%}
.sxb-gal button{width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:24px;cursor:pointer;justify-self:center}
.sxb-gal button:hover,.sxb-gal button:focus-visible{background:rgba(255,255,255,.25);outline:2px solid #c084fc}
.sxb-gal-p{grid-column:1;grid-row:1}.sxb-gal-n{grid-column:3;grid-row:1}
.sxb-gal-x{position:absolute;top:12px;right:12px;font-size:18px!important}
.sxb-gal-c{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);font-size:13px;background:rgba(0,0,0,.4);padding:3px 10px;border-radius:12px}
.sxb-body .sxb-k-image .sxb-chip-body img{cursor:zoom-in}
.sxb-toc{margin:4px 0 18px;border:1px solid var(--sxb-line);border-left:3px solid var(--sxb-ac);border-radius:10px;background:var(--sxb-bg2)}
.sxb-toc summary{cursor:pointer;padding:9px 12px;font-weight:700;color:var(--sxb-tx)}.sxb-toc summary small{color:var(--sxb-tx2);font-weight:500}
.sxb-toc ol{margin:0;padding:0 14px 10px 32px;display:flex;flex-direction:column;gap:3px}
.sxb-toc li.lv3{margin-left:16px;list-style:circle;font-size:.95em}
.sxb-toc a{color:var(--sxb-ac2)!important;text-decoration:none!important}.sxb-toc a:hover{text-decoration:underline!important}
.sxb-body h2[id],.sxb-body h3[id]{scroll-margin-top:72px}
.sxb-cm.pinned{border:1px solid color-mix(in srgb,var(--sxb-ac) 45%,transparent);background:color-mix(in srgb,var(--sxb-ac) 7%,var(--sxb-card));border-radius:12px;padding:10px;position:relative}
.sxb-pin-l{position:absolute;top:-10px;left:12px;padding:1px 8px;border-radius:8px;background:var(--sxb-ac);color:#fff;font-size:11px;font-weight:700}
.sxb-mine-tools{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 10px}
.sxe-md-hist{width:min(980px,96vw)!important;max-width:96vw}
.sxe-hist label{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;color:var(--sxb-tx2)}
.sxe-hist select{height:34px;border-radius:8px;border:1px solid var(--sxb-line);background:var(--sxb-bg2);color:var(--sxb-tx);padding:0 8px;max-width:100%}
.sxe-diff-sc{max-height:58vh;overflow:auto;border:1px solid var(--sxb-line);border-radius:10px}
.sxe-dt{width:100%;border-collapse:collapse;table-layout:fixed;font-size:13.5px}
.sxe-dt th{position:sticky;top:0;background:var(--sxb-card);color:var(--sxb-tx2);font-weight:600;text-align:left;padding:7px 9px;border-bottom:1px solid var(--sxb-line)}
.sxe-dt td{vertical-align:top;padding:5px 9px;border-bottom:1px solid var(--sxb-sep,var(--sxb-line));color:var(--sxb-tx);overflow-wrap:anywhere;white-space:pre-wrap}
.sxe-dt tr.eq td{color:var(--sxb-tx2)}
.sxe-dt td.old{background:rgba(239,68,68,.10)}.sxe-dt td.new{background:rgba(34,197,94,.10)}
.sxe-dt del{background:rgba(239,68,68,.30);text-decoration:line-through;color:inherit}.sxe-dt ins{background:rgba(34,197,94,.30);text-decoration:none;color:inherit}
body.light_mode .sxe-dt del{background:rgba(220,38,38,.18)}body.light_mode .sxe-dt ins{background:rgba(21,128,61,.18)}
.sxb-prefs{display:flex;flex-direction:column;gap:10px}.sxb-prefs .sxe-sw.off{opacity:.55}
.sxa-rate input{width:80px}
.sxb-ssr .sxb-author-hd{margin-top:14px}.sxb-ssr .sxb-author-act .btn{display:inline-flex;align-items:center}
@media (max-width:600px){
 .sxb-author-hd{padding:14px;gap:10px 12px}.sxb-author-hd .sxb-av,.sxb-author-hd>img{width:56px;height:56px}.sxb-author-hd h1{font-size:19px}
 .sxb-byline{flex-wrap:wrap}.sxb-byline .sxb-follow{margin-left:0}.sxb-byline>div{flex:1 1 auto}.sxb-byline small{white-space:nowrap}
 .sxb-filt-f{grid-template-columns:1fr 1fr}
 .sxb-gal{grid-template-columns:40px minmax(0,1fr) 40px}.sxb-gal button{width:36px;height:36px}
 .sxe-dt{font-size:12.5px}
 .sxb-lp{grid-template-columns:48px minmax(0,1fr)}.sxb-lp-im{width:48px;height:48px}
}

.sxb-avb{padding:0;border:0;background:none;cursor:pointer;border-radius:50%;line-height:0;flex:none}.sxb-avb:focus-visible{outline:2px solid var(--sxb-ac2);outline-offset:2px}

/* 1.1.1 · etkin biçim düğmesi */
.sxe .sxe-b.on{background:color-mix(in srgb,var(--sxb-ac) 18%,transparent);color:var(--sxb-ac);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--sxb-ac) 45%,transparent)}
 @media (max-width:1023px){.sxe-mtb-s{-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}}
/* 1.1.1 · modern form denetimleri: anahtar (switch) onay kutuları ve oklu seçiciler (yalnız SX alanları) */
:where(.sxa-bd,.sxe-side,.sxe-sheet,.sxb-md) input[type=checkbox]:not(.sxb-task input){-webkit-appearance:none;appearance:none;flex:none;width:36px;height:20px;margin:0 8px 0 0;border-radius:999px;background:var(--sxb-line);position:relative;cursor:pointer;transition:background .15s;vertical-align:middle}
:where(.sxa-bd,.sxe-side,.sxe-sheet,.sxb-md) input[type=checkbox]:not(.sxb-task input)::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:transform .15s}
:where(.sxa-bd,.sxe-side,.sxe-sheet,.sxb-md) input[type=checkbox]:not(.sxb-task input):checked{background:var(--sxb-ac)}
:where(.sxa-bd,.sxe-side,.sxe-sheet,.sxb-md) input[type=checkbox]:not(.sxb-task input):checked::after{transform:translateX(16px)}
:where(.sxa-bd,.sxe-side,.sxe-sheet,.sxb-md) input[type=checkbox]:focus-visible{outline:2px solid var(--sxb-ac);outline-offset:2px}
:where(.sxb-host,.sxa-bd,.sxe-side,.sxe-sheet,.sxb-md) select:not([multiple]){-webkit-appearance:none;appearance:none;padding-right:30px!important;border-radius:10px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;cursor:pointer}
:where(.sxa-bd,.sxb-md) textarea{border-radius:12px}
:where(.sxa-bd,.sxe-side,.sxb-md,.sxe-sheet) input[type=radio]{accent-color:var(--sxb-ac);width:18px;height:18px}
/* 1.1.1 · onay penceresi */
.sxb-ask{position:fixed;inset:0;z-index:100002;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(10,8,25,.5);backdrop-filter:blur(3px);animation:sxb-fade .12s ease-out}
.sxb-ask-bx{width:min(400px,100%);background:var(--sxb-bg);color:var(--sxb-tx);border:1px solid var(--sxb-line);border-radius:18px;box-shadow:0 20px 50px rgba(0,0,0,.35);padding:20px}
.sxb-ask-bx p{margin:0 0 14px;font-size:15px;line-height:1.5;white-space:pre-line}
.sxb-ask-in{width:100%;box-sizing:border-box;height:42px;padding:0 12px;border:1px solid var(--sxb-line);border-radius:12px;background:var(--sxb-bg2);color:var(--sxb-tx);font-size:16px;margin-bottom:14px}
.sxb-ask-ft{display:flex;justify-content:flex-end;gap:8px}
@keyframes sxb-fade{from{opacity:0}to{opacity:1}}

/* ==================== 1.1.2 · modern form öğeleri (açılır menü, odak halkası, onay kutusu, radyo, tarih) ====================
 * Kapsam yalnız blog kapları (:where ile özgüllük düşük); Grupo'nun kendi form öğeleri etkilenmez.
 * Odakta siyah/mavi tarayıcı kenarlığı yerine ince tema halkası (mor). Yerel <select>'ler .sxdd düğmesiyle değiştirilir (sx_blog.js · SX.dd). */
:where(.sxb-host,.sxb-md,.sxb-ov,.sxb-ask,.sxe-sheet,.sxb-prof) :is(input,textarea,select,[contenteditable=true]):focus{outline:none!important}
:where(.sxb-host,.sxb-md,.sxb-ov,.sxb-ask,.sxe-sheet) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea):focus{border-color:var(--sxb-ac)!important;box-shadow:0 0 0 3px var(--sxb-ring)!important}
:where(.sxb-host,.sxb-md,.sxb-ov,.sxb-ask,.sxe-sheet) :is(input:not([type=checkbox]):not([type=radio]),textarea){color-scheme:var(--sxb-cs);caret-color:var(--sxb-ac)}
:where(.sxb-host,.sxb-md,.sxb-ov,.sxb-ask,.sxe-sheet) :is(input,textarea)::placeholder{color:var(--sxb-ph);opacity:1}
:where(.sxb-host,.sxb-md,.sxb-ov,.sxb-ask,.sxe-sheet) input:is([type=date],[type=datetime-local],[type=time])::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.75;border-radius:6px;padding:3px}
:where(.sxb-host,.sxb-md,.sxb-ov,.sxb-ask,.sxe-sheet) input:is([type=date],[type=datetime-local],[type=time])::-webkit-calendar-picker-indicator:hover{opacity:1;background:var(--sxb-hover)}
:where(.sxb-host,.sxb-md,.sxb-ov,.sxb-ask,.sxe-sheet) input[type=number]{-moz-appearance:textfield}
:where(.sxb-host,.sxb-md,.sxb-ov,.sxb-ask,.sxe-sheet) input[type=number]::-webkit-inner-spin-button{opacity:.5}
/* onay kutusu / radyo: tarayıcı görünümü yerine tema */
:where(.sxb-host,.sxb-md,.sxb-ov,.sxb-ask,.sxe-sheet) input:is([type=checkbox],[type=radio]):not(.sxb-raw){-webkit-appearance:none;appearance:none;width:18px;height:18px;margin:0;flex:none;display:inline-grid;place-content:center;border:1.5px solid color-mix(in srgb,var(--sxb-tx2) 60%,transparent);background:var(--sxb-bg);border-radius:5px;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s;vertical-align:middle}
:where(.sxb-host,.sxb-md,.sxb-ov,.sxb-ask,.sxe-sheet) input[type=radio]:not(.sxb-raw){border-radius:50%}
:where(.sxb-host,.sxb-md,.sxb-ov,.sxb-ask,.sxe-sheet) input[type=checkbox]:not(.sxb-raw)::before{content:"";width:10px;height:10px;transform:scale(0);transition:transform .12s;background:#fff;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%)}
:where(.sxb-host,.sxb-md,.sxb-ov,.sxb-ask,.sxe-sheet) input[type=radio]:not(.sxb-raw)::before{content:"";width:8px;height:8px;border-radius:50%;transform:scale(0);transition:transform .12s;background:#fff}
:where(.sxb-host,.sxb-md,.sxb-ov,.sxb-ask,.sxe-sheet) input:is([type=checkbox],[type=radio]):not(.sxb-raw):checked{background:linear-gradient(135deg,var(--sxb-ac),#db2777);border-color:transparent}
:where(.sxb-host,.sxb-md,.sxb-ov,.sxb-ask,.sxe-sheet) input:is([type=checkbox],[type=radio]):not(.sxb-raw):checked::before{transform:scale(1)}
:where(.sxb-host,.sxb-md,.sxb-ov,.sxb-ask,.sxe-sheet) input:is([type=checkbox],[type=radio]):not(.sxb-raw):focus-visible{outline:none!important;box-shadow:0 0 0 3px var(--sxb-ring);border-color:var(--sxb-ac)}
:where(.sxb-host,.sxb-md,.sxb-ov,.sxb-ask,.sxe-sheet) input:is([type=checkbox],[type=radio]):disabled{opacity:.45;cursor:not-allowed}
/* anahtar (switch): .sxe-sw içindeki onay kutusu */
:where(.sxb-host,.sxb-md,.sxb-ov,.sxb-ask,.sxe-sheet) .sxe-sw input[type=checkbox]:not(.sxb-raw){width:36px;height:20px;border-radius:999px;place-content:center start;padding:0 2px;background:color-mix(in srgb,var(--sxb-tx2) 35%,transparent);border:0}
:where(.sxb-host,.sxb-md,.sxb-ov,.sxb-ask,.sxe-sheet) .sxe-sw input[type=checkbox]:not(.sxb-raw)::before{width:16px;height:16px;border-radius:50%;clip-path:none;transform:none;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:translate .16s}
:where(.sxb-host,.sxb-md,.sxb-ov,.sxb-ask,.sxe-sheet) .sxe-sw input[type=checkbox]:not(.sxb-raw):checked::before{translate:16px 0}
.sxe-sw{justify-content:space-between}
.sxe-sw>input:first-child{order:2}
/* --- açılır menü düğmesi --- */
.sxdd{position:relative;display:inline-flex;min-width:0;vertical-align:middle}
.sxdd>select.sxdd-n{position:absolute!important;inset:0;width:100%!important;height:100%!important;opacity:0!important;pointer-events:none!important;margin:0!important;border:0!important}
.sxdd-b{display:inline-flex;align-items:center;gap:8px;width:100%;min-width:0;height:38px;padding:0 10px 0 12px;border:1px solid var(--sxb-line);border-radius:var(--sxb-r2);background:var(--sxb-bg);color:var(--sxb-tx);font:500 14px var(--sxb-f);cursor:pointer;text-align:start;transition:border-color .15s,box-shadow .15s,background .15s;white-space:nowrap}
.sxdd-b:hover{border-color:color-mix(in srgb,var(--sxb-ac) 45%,var(--sxb-line));background:color-mix(in srgb,var(--sxb-ac) 5%,var(--sxb-bg))}
.sxdd-b:focus-visible,.sxdd.on .sxdd-b{outline:none!important;border-color:var(--sxb-ac);box-shadow:0 0 0 3px var(--sxb-ring)}
.sxdd-b:disabled{opacity:.5;cursor:not-allowed}
.sxdd-v{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}
.sxdd-i:empty{display:none}.sxdd-i{flex:none;min-width:18px;text-align:center;color:var(--sxb-ac2);font-weight:700}
.sxdd-c{flex:none;width:16px;height:16px;color:var(--sxb-tx2);transition:transform .18s}
.sxdd.on .sxdd-c{transform:rotate(180deg);color:var(--sxb-ac2)}
/* yerleşimler: yorum sıralama, süzgeç, editör araç çubuğu, yan panel, yönetim */
.sxdd-sxb-sort{margin-left:auto}.sxdd-sxb-sort .sxdd-b{height:32px;font-size:13px;border-radius:999px;background:var(--sxb-bg2);padding:0 8px 0 12px}
.sxb-filt-f .sxdd,.sxe-form .sxdd,.sxa-num .sxdd,.sxe-card .sxdd,.sxb-ask .sxdd{display:flex;width:100%}
.sxb-filt-f .sxdd-b{height:36px;background:var(--sxb-bg2)}
.sxdd-sxe-block .sxdd-b{height:32px;min-width:150px;border-color:transparent;background:transparent;font-size:13.5px}
.sxdd-sxe-block .sxdd-b:hover{background:var(--sxb-hover)}
/* --- liste --- */
.sxdd-l{position:fixed;z-index:100060;margin:0;padding:6px;list-style:none;overflow-y:auto;overscroll-behavior:contain;background:var(--sxb-card);color:var(--sxb-tx);border:1px solid color-mix(in srgb,var(--sxb-ac) 22%,var(--sxb-line));border-radius:14px;box-shadow:0 18px 40px rgba(20,6,50,.35),0 2px 8px rgba(0,0,0,.18);font:14px var(--sxb-f);animation:sxddIn .14s ease-out;box-sizing:border-box}
body.light_mode .sxdd-l{box-shadow:0 18px 40px rgba(60,30,120,.18),0 2px 6px rgba(60,30,120,.08)}
@keyframes sxddIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.sxdd-o{display:flex;align-items:center;gap:10px;min-height:38px;padding:7px 10px;border-radius:9px;cursor:pointer;white-space:nowrap;color:var(--sxb-tx)}
.sxdd-o.act{background:var(--sxb-hover)}
.sxdd-o.sel{background:color-mix(in srgb,var(--sxb-ac) 16%,transparent);color:var(--sxb-tx)}
.sxdd-o.sel.act{background:color-mix(in srgb,var(--sxb-ac) 22%,transparent)}
.sxdd-o[aria-disabled]{opacity:.45;cursor:default}
.sxdd-oi{flex:none;width:24px;height:24px;display:grid;place-items:center;border-radius:7px;background:color-mix(in srgb,var(--sxb-ac) 12%,transparent);color:var(--sxb-ac2);font-weight:700;font-size:13px}
.sxdd-ot{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}
.sxdd-o kbd{flex:none;font:11px ui-monospace,Menlo,Consolas,monospace;color:var(--sxb-tx2);background:var(--sxb-bg2);border:1px solid var(--sxb-line);border-radius:5px;padding:1px 5px;box-shadow:none}
.sxdd-ck{flex:none;width:16px;height:16px;color:var(--sxb-ac2);visibility:hidden}.sxdd-o.sel .sxdd-ck{visibility:visible}
/* Paragraf seçici: her seçenek kendi biçiminde önizlenir */
.sxdd-pv-p{font-size:14px}
.sxdd-pv-h2{font-size:19px;font-weight:800;letter-spacing:-.01em}
.sxdd-pv-h3{font-size:16px;font-weight:700}
.sxdd-pv-blockquote{font-style:italic;border-left:3px solid var(--sxb-ac);padding-left:8px;color:var(--sxb-tx2)}
.sxdd-pv-pre{font:13px ui-monospace,Menlo,Consolas,monospace;background:var(--sxb-code);padding:2px 6px;border-radius:5px}
/* ≤600 px: alt sayfa */
.sxdd-bd{position:fixed;inset:0;z-index:100059;background:rgba(10,4,25,.45);animation:sxddFade .15s}
@keyframes sxddFade{from{opacity:0}}
.sxdd-l.sheet{left:0!important;right:0;bottom:0;top:auto!important;max-height:min(70vh,520px);border-radius:18px 18px 0 0;padding:6px 10px calc(12px + env(safe-area-inset-bottom));animation:sxddUp .2s ease-out;border-bottom:0}
.sxdd-l.sheet .sxdd-o{min-height:46px;font-size:15px}
.sxdd-hd{position:sticky;top:-6px;padding:14px 8px 8px;font-weight:700;font-size:13px;color:var(--sxb-tx2);background:var(--sxb-card);text-align:center}
.sxdd-hd::before{content:"";display:block;width:40px;height:4px;border-radius:4px;background:var(--sxb-line);margin:-6px auto 10px}
@keyframes sxddUp{from{transform:translateY(100%)}to{transform:none}}
@media (prefers-reduced-motion:reduce){.sxdd-l,.sxdd-bd,.sxdd-c{animation:none!important;transition:none!important}}
.sxb-lp-nt{display:block;font-size:11.5px;color:var(--sxb-tx2);margin:2px 0 6px}
/* yayında dış bağlantı göstergesi: yeni sekmede açılanlar ↗ */
.sxb-host .sxb-body a[target=_blank]:not(.sxb-chip):not(.sxb-btn):not(.sxb-doc-open)::after{content:"↗";font-size:.75em;margin-left:2px;opacity:.7}
/* ---------- 1.1.2 · bağlantı penceresi ---------- */
.sxb-md.sxe-md-link{max-width:480px}
.sxe-linkf{display:flex;flex-direction:column;gap:14px}
.sxe-form label.sxe-fl{margin-bottom:0;font-weight:600;color:var(--sxb-tx)}
.sxe-url{position:relative;display:flex;align-items:center}
.sxe-url>svg{position:absolute;left:11px;width:17px;height:17px;color:var(--sxb-tx2);pointer-events:none}
.sxe-form .sxe-url input{flex:1;min-width:0;padding-left:36px!important;padding-right:84px!important;width:100%}
.sxe-paste{position:absolute;right:5px;height:28px;padding:0 10px;border:0;border-radius:7px;background:color-mix(in srgb,var(--sxb-ac) 14%,transparent);color:var(--sxb-ac2);font:600 12.5px var(--sxb-f);cursor:pointer}
.sxe-paste:hover{background:color-mix(in srgb,var(--sxb-ac) 24%,transparent)}
.sxe-url.good>svg{color:var(--sxb-ok)}.sxe-url.bad input{border-color:var(--sxb-err)!important}.sxe-url.bad>svg{color:var(--sxb-err)}
.sxe-fmsg{font-weight:400;font-size:12px;min-height:16px;color:var(--sxb-tx2)}.sxe-fmsg.err{color:var(--sxb-err)}.sxe-fmsg.ext{color:var(--sxb-warn)}.sxe-fmsg.ok{color:var(--sxb-ok)}
.sxe-form fieldset.sxe-seg{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}
.sxe-seg legend{grid-column:1/-1;font-size:13px;font-weight:600;color:var(--sxb-tx);margin-bottom:6px;padding:0}
.sxe-form .sxe-seg label{position:relative;margin:0;cursor:pointer;display:block!important}
.sxe-seg input{position:absolute;opacity:0;pointer-events:none}
.sxe-seg label>span{display:flex;flex-direction:column;gap:3px;height:100%;padding:10px 12px;border:1.5px solid var(--sxb-line);border-radius:12px;background:var(--sxb-bg);transition:border-color .15s,background .15s,box-shadow .15s;white-space:normal}
.sxe-seg label>span b{font-size:14px;color:var(--sxb-tx)}.sxe-seg label>span small{font-size:12px;color:var(--sxb-tx2);line-height:1.35}
.sxe-seg label:hover>span{border-color:color-mix(in srgb,var(--sxb-ac) 45%,var(--sxb-line))}
.sxe-seg input:checked+span{border-color:var(--sxb-ac);background:color-mix(in srgb,var(--sxb-ac) 10%,var(--sxb-bg));box-shadow:0 0 0 3px var(--sxb-ring)}
.sxe-seg input:focus-visible+span{box-shadow:0 0 0 3px var(--sxb-ring);border-color:var(--sxb-ac)}
.sxe-lprev:empty{display:none}.sxe-lprev .sxb-chip{pointer-events:auto;cursor:default;max-width:100%}
.sxe-lp-ph{display:flex;align-items:center;justify-content:center;height:72px;border:1.5px dashed var(--sxb-line);border-radius:12px;color:var(--sxb-tx2);font-size:13px}
.sxe-form label.sxe-nw{justify-content:space-between;padding:10px 12px;border:1px solid var(--sxb-line);border-radius:12px;background:var(--sxb-bg2);margin:0;white-space:nowrap}
.sxe-form label.sxe-nw.off{opacity:.55}
.sxe-linkf .sxb-md-ft{margin-top:2px}
/* tüm blog pencerelerinde aynı alan görünümü */
:where(.sxb-md,.sxb-ask) :is(input:not([type=checkbox]):not([type=radio]):not([type=file]),textarea){border:1px solid var(--sxb-line);border-radius:var(--sxb-r2);background:var(--sxb-bg);color:var(--sxb-tx);font:14px var(--sxb-f);transition:border-color .15s,box-shadow .15s}
:where(.sxb-md,.sxb-ask) input:not([type=checkbox]):not([type=radio]):not([type=file]){min-height:38px;padding:0 10px}
:where(.sxb-md,.sxb-ask) textarea{padding:8px 10px}
/* ---------- 1.1.2 · uzun kod kartı + önizleme penceresi ---------- */
.sxb-cb[data-long] .sxb-cb-sc{max-height:none;overflow-y:hidden;position:relative;-webkit-mask-image:linear-gradient(#000 55%,transparent);mask-image:linear-gradient(#000 55%,transparent)}
.sxb-cb-more,.sxb-cb-more-e{height:22px;padding:0 10px;border:1px solid var(--sxb-ac);border-radius:6px;background:color-mix(in srgb,var(--sxb-ac) 16%,var(--cb-btn));color:var(--cb-tx);font:600 11.5px/20px system-ui,sans-serif;cursor:pointer;white-space:nowrap}
.sxb-cb-more:hover{background:color-mix(in srgb,var(--sxb-ac) 28%,var(--cb-btn))}
.sxe-cbk .sxb-cb[data-long] .sxb-cb-sc{max-height:330px}
.sxb-md.sxcv-md{width:min(1200px,96vw);max-width:none;height:min(88vh,980px);display:flex;flex-direction:column;padding-bottom:0}
.sxb-md.sxcv-md>:last-child{flex:1;min-height:0;display:flex;flex-direction:column}
.sxcv{flex:1;min-height:0;display:flex;flex-direction:column;background:var(--cb-bg);border:1px solid var(--cb-bd);border-radius:12px;overflow:hidden;margin-bottom:14px}
.sxcv-tb{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:8px;background:var(--cb-hd);border-bottom:1px solid var(--cb-sep)}
.sxcv-meta{font:600 12px ui-monospace,Menlo,Consolas,monospace;color:var(--cb-ftx);margin-right:auto;white-space:nowrap;padding:0 4px}
.sxcv-find{display:inline-flex;align-items:center;gap:4px}
.sxcv .sxcv-q,.sxcv .sxcv-go{height:30px!important;min-height:30px!important;border:1px solid var(--cb-bd);border-radius:8px;background:var(--cb-bg);color:var(--cb-tx);font:13px var(--sxb-f);padding:0 9px}
.sxcv .sxcv-q{width:190px}.sxcv .sxcv-go{width:110px}
.sxcv-cnt{min-width:38px;font:12px ui-monospace,monospace;color:var(--cb-ftx);text-align:center}
.sxcv-b{height:30px;padding:0 10px;border:1px solid var(--cb-bd);border-radius:8px;background:var(--cb-btn);color:var(--cb-tx);font:600 12.5px var(--sxb-f);cursor:pointer;white-space:nowrap}
.sxcv-b:hover,.sxcv-b.on{border-color:var(--sxb-ac);color:var(--sxb-ac2)}.sxcv-b.sxb-primary{background:linear-gradient(135deg,var(--sxb-ac),#db2777);color:#fff;border-color:transparent}
.sxcv-sc{flex:1;min-height:0;overflow:auto;position:relative;outline:none;font:13px/20px ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;tab-size:4;overscroll-behavior:contain}
.sxcv-sc:focus-visible{box-shadow:inset 0 0 0 2px var(--sxb-ring)}
.sxcv-sp{position:relative;min-width:100%;width:max-content}
.sxcv-win{position:absolute;top:0;left:0;min-width:100%;will-change:transform}
.sxcv.wrap .sxcv-sp{width:auto}.sxcv.wrap .sxcv-win{position:static}
.sxcv-ch{content-visibility:auto;contain-intrinsic-size:auto 4000px}
.sxcv-r{display:flex;height:20px;white-space:pre;color:var(--cb-tx)}
.sxcv.wrap .sxcv-r{height:auto;min-height:20px;white-space:pre-wrap;word-break:break-word}
.sxcv-n{position:sticky;left:0;flex:none;width:64px;padding-right:12px;text-align:right;color:var(--cb-ln);background:var(--cb-bg);border-right:1px solid var(--cb-sep);user-select:none;-webkit-user-select:none}
.sxcv-r code{display:block;padding:0 16px 0 12px;background:none;border:0;color:inherit;font:inherit;white-space:inherit;flex:1}
.sxcv-r.hit{background:color-mix(in srgb,var(--sxb-warn) 14%,transparent)}
.sxcv-r.cur{background:color-mix(in srgb,var(--sxb-warn) 32%,transparent)}
.sxcv-r.flash{animation:sxcvF 1.2s}
@keyframes sxcvF{from{background:color-mix(in srgb,var(--sxb-ac) 40%,transparent)}}
.sxcv .t-k,.sxcv .t-g{color:var(--t-k)}.sxcv .t-t{color:var(--t-t);font-style:italic}.sxcv .t-v{color:var(--t-v)}.sxcv .t-f{color:var(--t-f)}.sxcv .t-a{color:var(--t-a)}
.sxcv .t-s{color:var(--t-s)}.sxcv .t-n{color:var(--t-n)}.sxcv .t-c{color:var(--t-c);font-style:italic}.sxcv .t-p{color:var(--t-p)}
@media (max-width:600px){
 .sxb-md.sxcv-md{width:100vw;height:92vh}
 .sxcv-tb{gap:5px}.sxcv-meta{width:100%}.sxcv .sxcv-q{width:120px}.sxcv .sxcv-go{width:84px}
 .sxcv-b{padding:0 8px;font-size:12px}
 .sxcv-n{width:46px;padding-right:8px}
}
/* 1.1.2 · düzen kayması (CLS): kaydırma çubuğu yeri sabit, çip şeridi ve öne çıkanlar alanı yüklenmeden önce ayrılır */
.sxb-host{scrollbar-gutter:stable;overflow-anchor:none}
.sxb-chips{min-height:34px}
.sxb-feat-sk{height:var(--sxb-feat-h,260px);margin:8px 0;border-radius:16px;background:linear-gradient(90deg,var(--sxb-bg2) 25%,color-mix(in srgb,var(--sxb-bg2) 70%,var(--sxb-line)) 50%,var(--sxb-bg2) 75%);background-size:200% 100%;animation:sxbsk 1.2s linear infinite}
@media (max-width:767px){.sxb-feat-sk{height:var(--sxb-feat-hm,330px)}}
@keyframes sxbsk{to{background-position:-200% 0}}
@media (prefers-reduced-motion:reduce){.sxb-feat-sk{animation:none}}
/* 1.1.2 · kalan tarayıcı varsayılanı odak halkaları (summary, onay penceresi düğmeleri): ince tema rengi */
:is(.sxb-host,.sxb-md,.sxb-ask,.sxe-sheet,.sxa,.sxb-ov) :is(summary,button,a,[tabindex]):focus-visible{outline:2px solid color-mix(in srgb,var(--sxb-ac,#9b5cff) 70%,transparent);outline-offset:2px}
/* 1.1.2 · dokunmatikte giriş alanları en az 16 px (iOS odakta yakınlaştırmasın) */
@media (max-width:767px){:is(.sxb-host,.sxb-md,.sxb-ask,.sxe-sheet,.sxa,.sxb-ov) :is(input:not([type=checkbox]):not([type=radio]),textarea,.sxdd-b){font-size:16px}}
/* 1.1.2 · yorumdaki alıntı tek satır (metin kaydırma yok, 390'a sığar); tamamı title'da, tıklayınca alıntılanan yere gider */
.sxb-q{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;box-sizing:border-box}
/* 1.1.2 · yumuşak geçiş: iskelet/yükleniyor yalnız veri 300 ms'den geç gelirse görünür; yeni içerik 120 ms'lik hafif fade ile gelir (yer değiştirmez) */
.sxb-card.sk,.sxb-loading{opacity:0;animation:sxbskin .15s ease 300ms forwards}
@keyframes sxbskin{to{opacity:1}}
.sxb-in{animation:sxbin .12s ease-out}
@keyframes sxbin{from{opacity:.55}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.sxb-in{animation:none}.sxb-card.sk,.sxb-loading{animation-duration:0s}}