
/* V8 · Kart görünümü sadece istenince açılır. */
.card-appearance{padding:0!important;overflow:hidden;margin:12px 0 21px!important;background:#fff!important;border-color:#e8ebef!important}
.card-appearance .appearance-heading{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer;padding:17px 19px;margin:0!important;background:linear-gradient(90deg,#fbfcfe,#fff);transition:background .2s ease}
.card-appearance .appearance-heading::-webkit-details-marker{display:none}
.card-appearance .appearance-heading::marker{content:''}
.card-appearance .appearance-heading:hover{background:#f5f8fc}
.card-appearance .appearance-heading:focus-visible{outline:3px solid #9cbadf;outline-offset:-4px;border-radius:12px}
.card-appearance .appearance-heading strong{font-size:13px;letter-spacing:-.1px}
.card-appearance .appearance-heading span{margin-top:4px}
.appearance-summary-right{display:inline-flex!important;align-items:center;gap:13px;flex:none;margin:0!important;color:#638fc5}
.appearance-mini-colors{display:inline-flex!important;align-items:center;gap:4px;margin:0!important}
.appearance-mini-colors i{height:17px;width:17px;display:block;border-radius:6px;border:2px solid #fff;box-shadow:0 0 0 1px #d5d9e6}
.appearance-chevron{transition:transform .23s cubic-bezier(.16,.83,.4,1)}
.card-appearance[open] .appearance-chevron{transform:rotate(-180deg)}
.card-appearance[open] .appearance-heading{border-bottom:1px solid #eef1f4}
.appearance-panel{padding:17px 19px 19px;animation:appearanceReveal .25s ease-out}
.appearance-panel-intro{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-bottom:17px}
.appearance-panel-intro>span{font-size:11px;color:#7e879d;max-width:340px;line-height:1.5}
@keyframes appearanceReveal{from{opacity:.3;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
.tag-layout{display:block;max-width:100%;margin-top:23px}
.tag-layout>.field{width:100%}
/* Tarih kutusundaki gün ve ay, kaydın vurgu tonundan bağımsız olarak aynı sabit rengi kullanır. */
html:not([data-date-style="vivid"]) .date-block .date-day,
html:not([data-date-style="vivid"]) .date-block .date-month,
html:not([data-date-style="vivid"]) .entry:hover .date-block .date-day,
html:not([data-date-style="vivid"]) .entry:hover .date-block .date-month,
html:not([data-date-style="vivid"]) .entry:focus-within .date-block .date-day,
html:not([data-date-style="vivid"]) .entry:focus-within .date-block .date-month{color:#26344f!important}
html[data-date-style="vivid"] .date-block .date-day,
html[data-date-style="vivid"] .date-block .date-month,
html[data-date-style="vivid"] .entry:hover .date-block .date-day,
html[data-date-style="vivid"] .entry:hover .date-block .date-month{color:#fff!important}
.entry-card .entry-title{font-size:var(--title-size,22px)!important}
.preview-main-title{font-size:var(--title-size,22px)}
@media(max-width:690px){.appearance-panel{padding:12px}.card-appearance .appearance-heading{padding:14px 12px}.appearance-panel-intro{flex-wrap:wrap}.appearance-summary-right{gap:9px}}
@media(prefers-reduced-motion:reduce){.appearance-chevron,.appearance-panel{transition:none!important;animation: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