/* V5 — çağrışımlı konuşma balonları / odaklı proje düzenleme */
/* Karşılıklı üçgen uçlar ortadaki düğümün arkasına uzanır. Daire ve yıl mantığı aynı kalır. */
.entry{isolation:isolate}
.entry .date-block{z-index:2;overflow:visible}
.entry .timeline-node{z-index:4;pointer-events:none}
.entry .entry-card{z-index:2;overflow:visible}
.entry .timeline-node::after{display:none!important}
/* Sol tarih konuşma balonu: iç dolgu + zarif renkli çerçeve. */
.entry .date-block::after{
 content:"";display:block!important;position:absolute;top:27px;left:calc(100% - 1px);right:auto;
 width:30px;height:30px;border:0;border-radius:0;transform:none!important;
 background:color-mix(in srgb,var(--tone) 45%,#e1e7f3);
 clip-path:polygon(0 0,100% 50%,0 100%);box-shadow:none;
 transition:background .24s ease,filter .24s ease;pointer-events:none;z-index:1
}
.entry .date-block::before{
 content:"";display:block!important;position:absolute;top:29px;left:calc(100% - 1px);right:auto;
 width:26px;height:26px;border-radius:0;transform:none!important;
 background:#fff;clip-path:polygon(0 0,100% 50%,0 100%);
 box-shadow:none;transition:background .24s ease;pointer-events:none;z-index:2
}
/* Sağ içerik konuşma balonu: sivri uç düğüme doğru sola bakar. */
.entry .entry-card::before{
 content:"";display:block!important;position:absolute;top:27px;left:-25px;
 width:26px;height:30px;border:0;border-radius:0;transform:none!important;
 background:color-mix(in srgb,var(--tone) 45%,#e1e7f3);
 clip-path:polygon(100% 0,0 50%,100% 100%);
 box-shadow:none;pointer-events:none;z-index:1;
 transition:background .24s ease,filter .24s ease
}
.entry .entry-card::after{
 content:"";position:absolute;top:29px;left:-21px;
 width:23px;height:26px;border-radius:0;background:#fff;
 clip-path:polygon(100% 0,0 50%,100% 100%);
 pointer-events:none;z-index:2;transition:background .24s ease
}
/* V5: eski köprü efektlerinin yükseklik/transform kalıntılarını iptal et. */
.entry:hover .date-block::after,.entry:focus-within .date-block::after,
.entry:hover .entry-card::before,.entry:focus-within .entry-card::before{
 height:30px;transform:none!important;background:var(--tone)!important;
 filter:drop-shadow(0 0 3px color-mix(in srgb,var(--tone) 28%,transparent))
}
.entry:hover .date-block::before,.entry:focus-within .date-block::before{
 height:26px;transform:none!important;background:color-mix(in srgb,var(--tone) 11%,white)
}
.entry:hover .entry-card::after,.entry:focus-within .entry-card::after{background:#fff}
html[data-date-style="minimal"] .entry .date-block::before{background:var(--bg)}
html[data-date-style="minimal"] .entry:hover .date-block::before{background:color-mix(in srgb,var(--tone) 8%,white)}
html[data-date-style="vivid"] .entry .date-block::before{background:var(--tone)}
html[data-date-style="vivid"] .entry .date-block::after{background:var(--tone)}
html[data-date-style="vivid"] .entry:hover .date-block::before{background:var(--tone)}
/* Mod dışında kalem gerçek anlamda yoktur (DOM'a eklenmez). */
.project-heading .sort-toggle{
 width:auto;min-width:86px;height:29px;display:inline-flex;gap:6px;align-items:center;justify-content:center;
 padding:5px 9px;border-radius:8px;background:#f8fafd;border:1px solid #ebeff5;
 color:#6c88ab;font-size:11px;letter-spacing:0;font-weight:800;line-height:1.2;transform:none
}
.project-heading .sort-toggle svg{width:14px;height:14px;flex:none}
.project-heading .sort-toggle:hover,.project-heading .sort-toggle.active{
 transform:none;background:#eff4fa;border-color:#d5e1f0;color:#5791d9
}
.project-heading .sort-toggle.active{background:#5e98df;color:#fff;border-color:#5e98df}
.project-heading .sort-toggle-label{white-space:nowrap}
#project-menu:not(.sorting) .project-edit{display:none!important}
#project-menu.sorting .project-edit{display:grid;opacity:1}
#project-menu.sorting .project-row .project-item{min-width:0;gap:5px;padding-left:4px!important;padding-right:2px!important}
#project-menu.sorting .project-name{font-size:11px}
/* İki balon ve orta düğüm aynı seviyede kalsın. */
@media(max-width:1050px){
 .entry .date-block::after{width:25px}.entry .date-block::before{width:21px}
 .entry .entry-card::before{left:-23px;width:24px}.entry .entry-card::after{left:-19px;width:21px}
}
@media(max-width:760px){
 .entry .date-block::after{top:25px;width:24px;height:24px}.entry .date-block::before{top:27px;width:20px;height:20px}
 .entry .entry-card::before{top:24px;left:-20px;width:21px;height:27px}.entry .entry-card::after{top:26px;left:-16px;width:18px;height:23px}
 .entry:hover .date-block::after,.entry:hover .entry-card::before,.entry:focus-within .date-block::after,.entry:focus-within .entry-card::before{height:27px}
 .entry:hover .date-block::before,.entry:focus-within .date-block::before{height:20px}
}
@media(max-width:380px){
 .entry .date-block::after{width:20px}.entry .date-block::before{width:17px}
 .entry .entry-card::before{left:-16px;width:17px}.entry .entry-card::after{left:-13px;width:15px}
}
@media(prefers-reduced-motion:reduce){
 .entry .date-block::after,.entry .date-block::before,.entry .entry-card::before,.entry .entry-card::after,.project-heading .sort-toggle{transition:none!important}
}


/* Kart odak modu: üst meta öğeleri ve etiketler daha hafif */
.entry-card .badge,.entry-card .pin,.entry-card .tags .tag{opacity:.22;transition:opacity .2s ease,transform .2s ease,filter .2s ease}\n.entry-card:hover .badge,.entry-card:hover .pin,.entry-card:hover .tags .tag,.entry-card:focus-within .badge,.entry-card:focus-within .pin,.entry-card:focus-within .tags .tag{opacity:.55}\n.entry-card .badge:hover,.entry-card .pin:hover,.entry-card .tags .tag:hover,.entry-card .badge:focus-visible,.entry-card .pin:focus-visible,.entry-card .tags .tag:focus-visible{opacity:.88}\n.entry-card .entry-title,.entry-card .entry-body{opacity:1!important}\n