/* ================================================================
   Alıntılar — günün sözü + renkli söz duvarı
   ================================================================ */
.qt-page { position: relative; z-index: 1; }
.qt-page .container { max-width: 1100px; }
.qt-eyebrow { font-family: var(--font-mono); font-size: 0.7rem; letter-spacing: 0.16em; text-transform: uppercase; color: var(--accent); }
.qt-head { text-align: center; margin-bottom: var(--space-xl); }
.qt-head h1 { margin: 6px 0 4px; }
.qt-head p { font-family: var(--font-display); font-style: italic; font-size: 1.25rem; color: var(--text-muted); }
.qt-hero { position: relative; text-align: center; padding: 48px 40px 36px; border-radius: 26px; margin-bottom: var(--space-xl); background: linear-gradient(135deg, rgba(142,123,184,0.16), rgba(184,149,106,0.14)); border: 1px solid var(--border-light); overflow: hidden; }
.qt-hero::before { content: '“'; position: absolute; top: -40px; left: 24px; font-family: var(--font-display); font-size: 14rem; line-height: 1; color: var(--accent); opacity: 0.15; }
.qt-hero blockquote { position: relative; font-family: var(--font-display); font-style: italic; font-size: clamp(1.6rem, 3.6vw, 2.5rem); line-height: 1.3; color: var(--text-primary); max-width: 780px; margin: 10px auto 14px; }
.qt-hero .who { font-size: 0.9rem; color: var(--text-secondary); }
.qt-hero button { margin-top: 18px; padding: 9px 20px; border-radius: 99px; border: 1px solid var(--border); background: var(--bg-card); color: var(--text-secondary); font-size: 0.85rem; }
.qt-tools { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin-bottom: 20px; }
.qt-seg { display: inline-flex; padding: 3px; gap: 2px; border-radius: 99px; border: 1px solid var(--border); background: var(--bg-card); }
.qt-seg button { border: none; background: none; padding: 8px 14px; border-radius: 99px; font-size: 0.82rem; color: var(--text-secondary); }
.qt-seg button[aria-pressed="true"] { background: var(--text-primary); color: var(--bg-primary); }
.qt-search { display: flex; align-items: center; gap: 8px; height: 40px; padding: 0 14px; border-radius: 99px; border: 1px solid var(--border); background: var(--bg-card); min-width: 220px; }
.qt-search input { border: none; outline: none; background: none; font: inherit; font-size: 0.86rem; color: var(--text-primary); flex: 1; }
.qt-wall { columns: 3 280px; column-gap: 18px; }
.qt-card { break-inside: avoid; margin-bottom: 18px; padding: 24px 22px 18px; border-radius: 20px; background: var(--bg-card); border: 1px solid var(--border-light); position: relative; transition: transform 200ms var(--ease-out), box-shadow 200ms; }
.qt-card:hover { transform: translateY(-3px); box-shadow: var(--shadow-md); }
.qt-card.hande { background: linear-gradient(160deg, rgba(142,123,184,0.14), var(--bg-card) 60%); }
.qt-card.sefa { background: linear-gradient(160deg, rgba(90,138,106,0.14), var(--bg-card) 60%); }
.qt-card.ikimiz { background: linear-gradient(160deg, rgba(184,149,106,0.16), var(--bg-card) 60%); }
.qt-card p { font-family: var(--font-display); font-size: 1.35rem; line-height: 1.4; color: var(--text-primary); }
.qt-card .meta { display: flex; flex-wrap: wrap; gap: 6px 10px; align-items: center; margin-top: 14px; font-size: 0.78rem; color: var(--text-muted); }
.qt-card .who { font-weight: 600; }
.qt-card.hande .who { color: var(--lavender); } .qt-card.sefa .who { color: var(--sage); } .qt-card.ikimiz .who { color: var(--accent); }
.qt-card .fav { position: absolute; top: 14px; right: 16px; }
.qt-empty { text-align: center; padding: var(--space-2xl) var(--space-md); color: var(--text-muted); }
.qt-empty .icon { font-size: 2.6rem; margin-bottom: 10px; }