/* Şiir ve Edebiyat: makaleler.php (liste) + makale.php (detay) */
.kpe-sayfa { --kpe-paper: #fffcf4; --kpe-paper-2: #fbf5e6; --kpe-ink: #2b2a24; --kpe-fs: 1.08rem; }

/* Hero süsü */
.kpe-hero__quote {
    position: absolute; z-index: 2; right: 6%; top: 90px; font-family: var(--serif); font-size: clamp(12rem, 22vw, 20rem);
    line-height: 1; color: rgba(233, 211, 154, .09); pointer-events: none; user-select: none;
}
.kpe-hero .kpl-title, .kpe-dhero__title { font-style: normal; letter-spacing: -.3px; }
.kpe-hero__sub { font-family: var(--serif); font-style: italic; font-size: 1.08rem; }

/* Liste: kağıt kartlar */
.kpe-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.kpe-card {
    position: relative; display: flex; flex-direction: column; gap: 12px; padding: 24px 24px 20px; border-radius: 22px; overflow: hidden;
    text-decoration: none; color: var(--kpe-ink); isolation: isolate;
    background:
        radial-gradient(420px 220px at 100% 0%, rgba(201, 165, 90, .1), transparent 65%),
        repeating-linear-gradient(180deg, transparent 0 31px, rgba(168, 132, 63, .07) 31px 32px),
        linear-gradient(180deg, var(--kpe-paper), var(--kpe-paper-2));
    border: 1px solid rgba(201, 165, 90, .24); box-shadow: var(--shadow); transition: transform .3s ease, box-shadow .3s ease, border-color .3s;
}
.kpe-card::before {
    content: '\201C'; position: absolute; right: 16px; top: -14px; z-index: -1; font-family: var(--serif); font-size: 7.5rem; line-height: 1;
    color: rgba(201, 165, 90, .16); transition: color .3s, transform .3s;
}
.kpe-card::after { content: ''; position: absolute; left: 0; top: 24px; bottom: 24px; width: 3px; border-radius: 0 3px 3px 0; background: var(--gold-grad); opacity: .55; }
.kpe-card:hover { transform: translateY(-5px); box-shadow: var(--shadow-lg); border-color: rgba(201, 165, 90, .45); color: var(--kpe-ink); }
.kpe-card:hover::before { color: rgba(201, 165, 90, .3); transform: translateY(4px); }
.kpe-card.is-featured { border-color: rgba(201, 165, 90, .5); box-shadow: 0 0 0 1px rgba(201, 165, 90, .25), var(--shadow); }
.kpe-card__img { position: relative; z-index: 2; display: block; margin: -24px -24px 4px; aspect-ratio: 16 / 9; overflow: hidden; background: var(--g-800); }
.kpe-card__img img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; filter: saturate(.9) sepia(.08); }
.kpe-card:hover .kpe-card__img img { transform: scale(1.05); }
.kpe-card__top { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.kpe-card__top .kpl-cat i { margin-right: 6px; font-size: .62rem; }
.kpe-card__star { width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; background: var(--gold-grad); color: var(--g-900); font-size: .7rem; box-shadow: 0 6px 14px rgba(168, 132, 63, .3); }
.kpe-card__title {
    font-family: var(--serif); font-size: 1.32rem; font-weight: 700; line-height: 1.3; color: var(--g-800);
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; transition: color .2s;
}
.kpe-card:hover .kpe-card__title { color: var(--g-500); }
.kpe-card__dize {
    display: flex; flex-direction: column; gap: 2px; padding: 4px 0 4px 14px; border-left: 2px solid rgba(201, 165, 90, .45);
    font-family: var(--serif); font-style: italic; font-size: .98rem; line-height: 1.75; color: #4a473c;
}
.kpe-card__dize span { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.kpe-card__ozet {
    font-family: var(--serif); font-size: .96rem; line-height: 1.7; color: #4a473c;
    display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
.kpe-card__foot { display: flex; align-items: center; gap: 12px; margin-top: auto; padding-top: 14px; border-top: 1px dashed rgba(168, 132, 63, .3); }
.kpe-card__who { flex: 1; min-width: 0; display: flex; flex-direction: column; line-height: 1.25; }
.kpe-card__who b { font-size: .86rem; font-weight: 800; color: var(--g-800); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.kpe-card__who small { font-size: .74rem; font-weight: 600; color: var(--muted); }
.kpe-card__read { display: inline-flex; align-items: center; gap: 6px; flex-shrink: 0; font-size: .76rem; font-weight: 700; color: var(--muted); }
.kpe-card__read i { color: var(--gold-3); }

/* Monogram avatar */
.kpe-av {
    flex-shrink: 0; width: 40px; height: 40px; border-radius: 50%; display: inline-grid; place-items: center;
    font-family: var(--serif); font-weight: 700; font-size: 1.05rem; font-style: italic; color: var(--gold-2);
    background: linear-gradient(135deg, var(--g-500), var(--g-800)); box-shadow: 0 0 0 2px #fff, 0 0 0 3.5px rgba(201, 165, 90, .5);
}
.kpe-av--sm { width: 32px; height: 32px; font-size: .9rem; }
.kpd-meta__yazar .kpe-av { box-shadow: 0 0 0 2px var(--gold); }

.kpe-empty > i { font-size: 2.6rem; }

/* Alt çağrı bandı */
.kpe-cta {
    position: relative; overflow: hidden; display: flex; align-items: center; gap: 24px; margin-top: 54px; padding: 32px 36px; border-radius: 26px; color: #fff;
    background: radial-gradient(500px 240px at 100% 0%, rgba(201, 165, 90, .28), transparent 60%), linear-gradient(140deg, var(--g-700), var(--g-950));
    border: 1px solid rgba(201, 165, 90, .3); box-shadow: var(--shadow-lg);
}
.kpe-cta::after { content: '\201D'; position: absolute; right: 22%; bottom: -70px; font-family: var(--serif); font-size: 14rem; line-height: 1; color: rgba(233, 211, 154, .08); pointer-events: none; }
.kpe-cta__ic { flex-shrink: 0; width: 64px; height: 64px; border-radius: 20px; display: grid; place-items: center; background: var(--gold-grad); color: var(--g-900); font-size: 1.5rem; }
.kpe-cta__txt { flex: 1; min-width: 0; position: relative; z-index: 1; }
.kpe-cta__txt h2 { font-family: var(--serif); font-size: clamp(1.4rem, 2.6vw, 1.9rem); margin: 4px 0 6px; color: #fff; }
.kpe-cta__txt h2 em { color: var(--gold-2); }
.kpe-cta__txt p { margin: 0; max-width: 620px; color: rgba(255, 255, 255, .76); font-size: .94rem; line-height: 1.6; }
.kpe-cta .kpl-btn { position: relative; z-index: 1; flex-shrink: 0; }

/* Detay: okuma kartı */
.kpe-okuma {
    position: relative;
    background:
        radial-gradient(700px 300px at 100% 0%, rgba(201, 165, 90, .08), transparent 60%),
        linear-gradient(180deg, var(--kpe-paper), #fffefa 40%, var(--kpe-paper));
    border-color: rgba(201, 165, 90, .26); transition: background .3s, color .3s;
}
.kpe-tools button[aria-pressed="true"] { background: var(--g-700); color: var(--gold-2); }
.kpe-okuma__orn { display: flex; align-items: center; justify-content: center; gap: 16px; margin: 0 0 26px; color: var(--gold); font-size: .95rem; }
.kpe-okuma__orn::before, .kpe-okuma__orn::after { content: ''; width: 70px; height: 1px; background: linear-gradient(90deg, transparent, var(--gold)); }
.kpe-okuma__orn::after { transform: scaleX(-1); }

.kpe-okuma .kpe-metin { font-size: var(--kpe-fs); color: var(--kpe-ink); overflow-wrap: anywhere; }
.kpe-metin.font-small { --kpe-fs: .96rem; }
.kpe-metin.font-medium { --kpe-fs: 1.08rem; }
.kpe-metin.font-large { --kpe-fs: 1.22rem; }
.kpe-metin.font-xlarge { --kpe-fs: 1.38rem; }
.kpe-duz { line-height: 1.95; }

/* Şiir: ortalı, geniş satır aralıklı, satır boşlukları korunur */
.kpe-okuma .kpe-siir {
    max-width: 640px; margin: 0 auto; text-align: center; font-family: var(--serif); font-size: calc(var(--kpe-fs) * 1.08);
    line-height: 2.15; letter-spacing: .1px; color: #2d2a22;
}
.kpe-siir.kpd-prose p { margin: 0 0 1.4em; }
.kpe-siir.kpd-prose ul, .kpe-siir.kpd-prose ol { display: inline-block; text-align: left; }
.kpe-siir.kpd-prose blockquote { text-align: left; }

/* Nesir: serif okuma, ilk harf süsü */
.kpe-okuma .kpe-nesir { max-width: 720px; margin: 0 auto; font-family: Georgia, 'Times New Roman', var(--serif); line-height: 1.95; }
.kpe-nesir.kpe-duz::first-letter,
.kpe-nesir.kpd-prose > p:first-child::first-letter {
    float: left; margin: 6px 10px 0 0; font-family: var(--serif); font-size: 3.6em; line-height: .82; font-weight: 700; color: var(--gold-3);
}

.kpe-imza { display: flex; flex-direction: column; align-items: center; gap: 4px; margin: 34px 0 0; text-align: center; }
.kpe-fleuron { font-size: 1.6rem; line-height: 1; color: var(--gold); margin-bottom: 8px; }
.kpe-imza__ad { font-family: var(--serif); font-style: italic; font-size: 1.15rem; font-weight: 600; color: var(--g-800); }
.kpe-imza small { font-size: .78rem; color: var(--muted); font-weight: 600; }

/* Gece okuma modu (sadece okuma kartı) */
body.kpe-gece .kpe-okuma { background: linear-gradient(180deg, #17221d, #121a16); border-color: rgba(201, 165, 90, .22); }
body.kpe-gece .kpe-okuma .kpe-metin, body.kpe-gece .kpe-okuma .kpe-siir { color: #e9e2cf; }
body.kpe-gece .kpe-okuma .kpd-prose strong, body.kpe-gece .kpe-okuma .kpd-prose b,
body.kpe-gece .kpe-okuma .kpd-prose h2, body.kpe-gece .kpe-okuma .kpd-prose h3, body.kpe-gece .kpe-okuma .kpd-prose h4 { color: #f5ecd3; }
body.kpe-gece .kpe-okuma .kpd-prose a { color: var(--gold-2); }
body.kpe-gece .kpe-okuma .kpd-prose blockquote { background: rgba(255, 255, 255, .05); color: #f1e7cb; }
body.kpe-gece .kpe-okuma .kpd-tools button { background: rgba(255, 255, 255, .06); color: #e9e2cf; }
body.kpe-gece .kpe-okuma .kpd-tools button[aria-pressed="true"] { background: var(--gold-grad); color: var(--g-900); }
body.kpe-gece .kpe-okuma .kpd-tools__lbl, body.kpe-gece .kpe-imza small { color: rgba(233, 226, 207, .6); }
body.kpe-gece .kpe-imza__ad { color: var(--gold-2); }
body.kpe-gece .kpe-okuma .kpd-tags { border-color: rgba(255, 255, 255, .12); }
body.kpe-gece .kpe-okuma .kpd-tags a { background: rgba(255, 255, 255, .07); color: #e9e2cf; }

/* Yazar kartı */
.kpe-author { flex-wrap: wrap; }
.kpe-author__harf { font-family: var(--serif); font-style: italic; font-weight: 700; font-size: 1.8rem; }
.kpe-author .kpd-author__txt { flex: 1; min-width: 180px; }
.kpe-author__btn { flex-shrink: 0; }

/* Yazarın diğer yazıları */
.kpe-list { display: flex; flex-direction: column; gap: 8px; }
.kpe-list__row { display: flex; align-items: center; gap: 14px; padding: 12px 14px; border-radius: 16px; text-decoration: none; color: inherit; transition: background .2s, transform .2s; }
.kpe-list__row:hover { background: var(--silk); transform: translateX(4px); color: inherit; }
.kpe-list__ic { flex-shrink: 0; width: 42px; height: 42px; border-radius: 14px; display: grid; place-items: center; background: rgba(201, 165, 90, .14); color: var(--gold-3); }
.kpe-list__txt { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.kpe-list__txt strong { font-family: var(--serif); font-size: 1.04rem; color: var(--g-800); line-height: 1.35; }
.kpe-list__txt small { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; font-size: .74rem; font-weight: 600; color: var(--muted); }
.kpe-list__txt small i { color: var(--gold-3); margin-right: 4px; }
.kpe-chip { padding: 2px 9px; border-radius: 999px; background: rgba(14, 70, 51, .08); color: var(--g-700); font-weight: 800; letter-spacing: .3px; }
.kpe-list__go { flex-shrink: 0; width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; background: var(--silk); color: var(--g-700); font-size: .78rem; transition: all .2s; }
.kpe-list__row:hover .kpe-list__go { background: var(--g-700); color: var(--gold-2); }

/* İlgili yazılar */
.kpe-rgrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 16px; }
.kpe-rcard {
    position: relative; display: flex; flex-direction: column; gap: 12px; padding: 22px 20px 18px; border-radius: 20px; text-decoration: none; overflow: hidden;
    background: linear-gradient(180deg, var(--kpe-paper), var(--kpe-paper-2)); border: 1px solid rgba(201, 165, 90, .22); box-shadow: var(--shadow);
    transition: transform .3s, box-shadow .3s;
}
.kpe-rcard:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); }
.kpe-rcard__q { font-family: var(--serif); font-size: 3rem; line-height: .6; height: 22px; color: var(--gold); }
.kpe-rcard strong { font-family: var(--serif); font-size: 1.06rem; line-height: 1.35; color: var(--g-800); transition: color .2s; }
.kpe-rcard:hover strong { color: var(--g-500); }
.kpe-rcard__foot { display: flex; align-items: center; gap: 10px; margin-top: auto; padding-top: 12px; border-top: 1px dashed rgba(168, 132, 63, .3); }
.kpe-rcard__foot > span:last-child { min-width: 0; display: flex; flex-direction: column; line-height: 1.25; }
.kpe-rcard__foot b { font-size: .8rem; color: var(--g-800); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.kpe-rcard__foot small { font-size: .7rem; color: var(--muted); font-weight: 600; }

/* Yan panel */
.kpe-side-h { font-family: var(--serif); font-size: 1.15rem; color: var(--g-800); margin: 0 0 14px; display: flex; align-items: center; gap: 10px; }
.kpe-side-h i { color: var(--gold-3); font-size: .92rem; }
.kpe-ekle [hidden] { display: none !important; }
.kpe-ekle.is-login .kpe-ekle__login { animation: kpeYuksel .4s ease-out; }
.kpe-ekle__btns { position: relative; display: flex; flex-direction: column; gap: 8px; }
@keyframes kpeYuksel { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }

.kpe-tur { display: flex; align-items: center; gap: 14px; padding: 14px; border-radius: 16px; background: var(--silk); text-decoration: none; color: inherit; transition: background .2s; }
.kpe-tur:hover { background: rgba(201, 165, 90, .16); color: inherit; }
.kpe-tur__ic { flex-shrink: 0; width: 46px; height: 46px; border-radius: 14px; display: grid; place-items: center; background: var(--gold-grad); color: var(--g-900); }
.kpe-tur b { display: block; font-family: var(--serif); font-size: 1.1rem; color: var(--g-800); }
.kpe-tur small { display: block; font-size: .78rem; line-height: 1.45; color: var(--muted); }

.kpe-links { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 4px; }
.kpe-links a { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 9px 12px; border-radius: 12px; color: var(--g-700); font-weight: 700; font-size: .9rem; text-decoration: none; transition: background .2s; }
.kpe-links a span i { width: 18px; margin-right: 8px; color: var(--gold-3); }
.kpe-links a:hover, .kpe-links a.is-on { background: var(--silk); color: var(--g-800); }
.kpe-links a b { font-size: .72rem; padding: 2px 9px; border-radius: 999px; background: rgba(201, 165, 90, .16); color: var(--gold-3); }

.kpe-reklam { text-align: center; border: 1.5px dashed rgba(201, 165, 90, .45); }
.kpe-reklam__ic { width: 54px; height: 54px; border-radius: 50%; display: inline-grid; place-items: center; margin-bottom: 10px; background: rgba(201, 165, 90, .14); color: var(--gold-3); font-size: 1.3rem; }
.kpe-reklam h3 { font-family: var(--serif); font-size: 1.12rem; color: var(--g-800); margin: 0 0 6px; }
.kpe-reklam p { font-size: .86rem; color: var(--muted); line-height: 1.55; margin: 0 0 14px; }

/* Duyarlı */
@media (max-width: 1199px) {
    .kpe-grid { gap: 20px; }
}
@media (max-width: 991px) {
    .kpe-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .kpe-hero__quote { top: 70px; right: 2%; }
    .kpe-cta { flex-wrap: wrap; padding: 28px; }
}
@media (max-width: 767px) {
    .kpe-card { padding: 20px 20px 18px; }
    .kpe-card__img { margin: -20px -20px 4px; }
    .kpe-card__title { font-size: 1.2rem; }
    .kpe-cta { margin-top: 40px; gap: 16px; }
    .kpe-cta__ic { width: 52px; height: 52px; font-size: 1.2rem; border-radius: 16px; }
    .kpe-okuma .kpe-siir { line-height: 2; }
    .kpe-okuma__orn { margin-bottom: 20px; }
}
@media (max-width: 575px) {
    .kpe-grid { grid-template-columns: 1fr; gap: 16px; }
    .kpe-cta .kpl-btn { width: 100%; }
    .kpe-author__btn { width: 100%; }
    .kpe-nesir.kpe-duz::first-letter, .kpe-nesir.kpd-prose > p:first-child::first-letter { font-size: 3em; }
}
@media print {
    .kpe-hero__quote, .kpe-okuma__orn { display: none !important; }
    .kpe-okuma { background: none !important; }
    .kpe-okuma .kpe-metin, .kpe-okuma .kpe-siir { color: #000 !important; }
}
@media (prefers-reduced-motion: reduce) {
    .kpe-card, .kpe-card::before, .kpe-card__img img, .kpe-rcard, .kpe-list__row { transition: none !important; }
    .kpe-ekle.is-login .kpe-ekle__login { animation: none; }
}