/* V13 — Mobilde iki yerleşim: tarih solda (klasik) / çizginin sağında (geniş okuma). */
.mobile-timeline-toggle{display:none}
@media(max-width:760px){
 .mobile-timeline-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:37px;padding:7px 10px;border-radius:11px;border:1px solid #cfe0f4;background:#fff;color:#356caa;font-size:11px;font-weight:800;box-shadow:0 3px 12px #234b6f0a;transition:background .2s,border-color .2s,transform .2s;touch-action:manipulation;white-space:nowrap}
 .mobile-timeline-toggle svg{flex-shrink:0;transition:transform .25s ease}
 .mobile-timeline-toggle[aria-pressed="true"]{background:#e8f3ff;border-color:#9bc8f8;color:#206bc7}
 .mobile-timeline-toggle[aria-pressed="true"] svg{transform:translateX(1px)}
 .mobile-timeline-toggle:active{transform:scale(.96)}
 .mobile-timeline-toggle:focus-visible{outline:3px solid #86bafc;outline-offset:2px}
 
 body.mobile-date-right .timeline{padding-left:1px!important}
 body.mobile-date-right .timeline::before{left:13px!important;top:10px!important;bottom:10px!important;width:3px!important;background:#d7dfe9!important}
 body.mobile-date-right .month-divider{display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;align-items:center!important;min-height:30px!important;height:auto!important;margin:10px 0 11px!important;padding:0!important}
 body.mobile-date-right .month-divider::before{display:none!important}
 body.mobile-date-right .month-divider span{grid-column:2!important;justify-self:start!important;margin:0 0 0 2px!important;padding:8px 14px!important;border:1px solid #e5eaf1!important;border-radius:999px!important;background:#fff!important;color:#8a96a8!important;font-size:10px!important;font-weight:900!important;letter-spacing:1.6px!important;line-height:1!important;box-shadow:0 5px 16px rgba(22,40,64,.045)!important}
 
 body.mobile-date-right .entry{display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;grid-template-rows:auto auto!important;column-gap:3px!important;row-gap:9px!important;align-items:start!important;overflow:visible!important;min-height:0!important;margin:0 0 18px!important}
 body.mobile-date-right .entry .timeline-node{grid-column:1!important;grid-row:1 / span 2!important;position:relative!important;min-height:108px!important;z-index:7!important}
 body.mobile-date-right .entry .node-aura{left:-1px!important;top:28px!important;width:26px!important;height:26px!important}
 body.mobile-date-right .entry .node-core{left:6px!important;top:35px!important;width:12px!important;height:12px!important;border:3px solid var(--bg)!important}
 
 body.mobile-date-right .entry .date-column{grid-column:2!important;grid-row:1!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important;padding:0!important;min-height:0!important;width:100%!important}
 body.mobile-date-right .entry .date-block{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;grid-template-rows:auto auto!important;align-items:center!important;column-gap:9px!important;row-gap:1px!important;width:auto!important;max-width:calc(100% - 48px)!important;min-height:0!important;padding:11px 14px!important;border-radius:15px!important;box-shadow:none!important;position:relative!important}
 body.mobile-date-right .entry .date-block::before{content:""!important;display:block!important;position:absolute!important;left:-9px!important;top:50%!important;transform:translateY(-50%)!important;width:9px!important;height:12px!important;clip-path:polygon(100% 0,0 50%,100% 100%)!important;background:var(--bg)!important}
 body.mobile-date-right .entry .date-block::after{display:none!important;content:none!important}
 body.mobile-date-right .entry .date-day{grid-column:1!important;grid-row:1 / span 2!important;font-size:27px!important;line-height:1!important;letter-spacing:-1.4px!important;white-space:nowrap!important}
 body.mobile-date-right .entry .date-month{grid-column:2!important;grid-row:1!important;font-size:11px!important;line-height:1.2!important;font-weight:900!important;white-space:nowrap!important}
 body.mobile-date-right .entry .date-weektime{grid-column:2!important;grid-row:2!important;font-size:9px!important;line-height:1.25!important;max-width:none!important;white-space:nowrap!important;opacity:.9!important}
 body.mobile-date-right .entry .date-dot{display:inline!important}
 body.mobile-date-right .entry .date-year{width:auto!important;max-width:none!important;margin:0 0 0 4px!important;font-size:10px!important;line-height:1!important;text-align:left!important;opacity:.72!important;color:#76849b!important;font-weight:800!important;white-space:nowrap!important}
 html[data-date-style="vivid"] body.mobile-date-right .entry .date-block{padding:11px 17px 10px 14px!important}
 html[data-date-style="vivid"] body.mobile-date-right .entry .date-season-emoji{top:-10px!important;right:-8px!important;left:auto!important;font-size:22px!important;transform:none!important}
 html[data-date-style="minimal"] body.mobile-date-right .entry .date-block{padding-left:14px!important;background:transparent!important;border:none!important;box-shadow:none!important}
 html[data-date-style="minimal"] body.mobile-date-right .entry .date-block::before{display:none!important;content:none!important}
 
 body.mobile-date-right .entry .entry-card{grid-column:2!important;grid-row:2!important;min-width:0!important;width:100%!important;margin:0!important;padding:15px 13px!important;border-radius:18px!important}
 body.mobile-date-right .entry .entry-card::before{display:none!important;content:none!important}
 body.mobile-date-right .entry .entry-card::after{display:none!important;content:none!important}
 body.mobile-date-right .entry .entry-title{overflow-wrap:anywhere!important;font-size:16px!important;line-height:1.28!important}
 body.mobile-date-right .entry .entry-body{font-size:14px!important;line-height:1.72!important}
 body.mobile-date-right .entry .tags{gap:5px!important}
 body.mobile-date-right .entry .rich-render :is(pre,table,img){max-width:100%!important}
 body.mobile-date-right .entry .rich-render pre{overflow-x:auto!important}
 
 @media(max-width:390px){
  body.mobile-date-right .timeline{padding-left:0!important}
  body.mobile-date-right .timeline::before{left:12px!important}
  body.mobile-date-right .month-divider{grid-template-columns:28px minmax(0,1fr)!important}
  body.mobile-date-right .month-divider span{margin-left:1px!important;padding:7px 12px!important;font-size:10px!important}
  body.mobile-date-right .entry{grid-template-columns:28px minmax(0,1fr)!important;column-gap:2px!important;row-gap:8px!important}
  body.mobile-date-right .entry .timeline-node{min-height:102px!important}
  body.mobile-date-right .entry .node-aura{left:-1px!important;top:28px!important;width:24px!important;height:24px!important}
  body.mobile-date-right .entry .node-core{left:5px!important;top:34px!important;width:11px!important;height:11px!important}
  body.mobile-date-right .entry .date-column{gap:6px!important}
  body.mobile-date-right .entry .date-block{column-gap:8px!important;padding:10px 12px!important;border-radius:14px!important;max-width:calc(100% - 44px)!important}
  body.mobile-date-right .entry .date-block::before{left:-8px!important;width:8px!important;height:10px!important}
  body.mobile-date-right .entry .date-day{font-size:25px!important}
  body.mobile-date-right .entry .date-month{font-size:10px!important}
  body.mobile-date-right .entry .date-weektime{font-size:9px!important}
  body.mobile-date-right .entry .date-year{font-size:10px!important}
  body.mobile-date-right .entry .entry-card{padding:14px 12px!important}
  body.mobile-date-right .entry .entry-title{font-size:15px!important}
  html[data-date-style="vivid"] body.mobile-date-right .entry .date-season-emoji{top:-11px!important;right:-7px!important;font-size:21px!important}
 }
 
 @media(max-width:340px){
  body.mobile-date-right .entry{grid-template-columns:26px minmax(0,1fr)!important;column-gap:2px!important}
  body.mobile-date-right .timeline::before{left:11px!important}
  body.mobile-date-right .month-divider{grid-template-columns:26px minmax(0,1fr)!important}
  body.mobile-date-right .entry .date-block{padding:9px 10px!important;max-width:calc(100% - 41px)!important}
  body.mobile-date-right .entry .date-block::before{left:-7px!important;width:7px!important;height:9px!important}
  body.mobile-date-right .entry .date-day{font-size:22px!important}
  body.mobile-date-right .entry .date-month{font-size:10px!important}
  body.mobile-date-right .entry .entry-card{padding:13px 10px!important}
 }
}
@media(prefers-reduced-motion:reduce){.mobile-timeline-toggle,.mobile-timeline-toggle svg{transition:none!important}}


/* Odakli kart: baslik ve asil metin on planda, meta etiketler geri planda. */
.entry-card .priority,
.entry-card .entry-project,
.entry-card .tags .tag {
  opacity: 0.22;
  transition: opacity .22s ease;
}
.entry-card:hover .priority,
.entry-card:hover .entry-project,
.entry-card:hover .tags .tag,
.entry-card:focus-within .priority,
.entry-card:focus-within .entry-project,
.entry-card:focus-within .tags .tag {
  opacity: 0.55;
}
.entry-card .priority:hover,
.entry-card .entry-project:hover,
.entry-card .tags .tag:hover,
.entry-card .priority:focus-visible,
.entry-card .entry-project:focus-visible,
.entry-card .tags .tag:focus-visible {
  opacity: 1;
}
.entry-card .entry-title,
.entry-card .entry-body { opacity: 1 !important; }