/* Kütüphane tam metin arama (2026-11-09) — /kutuphane/ara/ (frontend/kutuphane/ara.html) · kütüphane bandı (kz-bant) kutuphane-yeni.css'ten */
.tm-sayfa{background:#F7F4EE}
.tm-form{display:flex;flex-direction:column;gap:12px}
.tm-kutu{display:flex;gap:8px;background:#FFFFFF;border-radius:14px;padding:6px;box-shadow:0 10px 30px rgba(19,32,61,.18)}
.tm-kutu input{flex:1;min-width:0;height:48px;padding:0 14px;font-size:18px;color:#13203D;background:transparent;border:0;outline:0;font-family:'Jost','Amiri',system-ui,sans-serif}
.tm-kutu input:dir(rtl){font-family:'Amiri','Scheherazade New',serif;font-size:22px}
.tm-ara{width:auto !important;min-width:96px;height:48px;padding:0 22px;font-size:16px;font-weight:600;color:#FFFFFF;background:#13203D;border:0;border-radius:10px;cursor:pointer}
.tm-ara:hover{background:#0B1428}
.tm-secim{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}
.tm-mod{display:inline-flex;padding:4px;background:rgba(11,20,40,.38);border-radius:999px}
.tm-mod label{position:relative;cursor:pointer}
.tm-mod input{position:absolute;opacity:0;pointer-events:none}
.tm-mod span{display:block;padding:7px 16px;font-size:14px;font-weight:600;color:#F4EEDF;border-radius:999px;transition:background .15s,color .15s}
.tm-mod input:checked + span{color:#13203D;background:#FFFFFF}
.tm-mod input:focus-visible + span{outline:2px solid #FFFFFF;outline-offset:2px}
.tm-mesafe{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:#F4EEDF;white-space:nowrap}
.tm-mesafe[hidden]{display:none}
.tm-mesafe select{width:auto !important;min-width:0 !important;height:32px !important;min-height:0 !important;padding:0 6px !important;font-size:14px;border-radius:8px;border:0;color:#13203D}
.tm-ipucu{flex-basis:100%;margin:0;font-size:13px;color:#F4EEDF;opacity:.9}
.tm-ipucu b{font-size:15px}

.tm-w{max-width:1240px;margin:0 auto;padding:26px 20px 60px;display:grid;grid-template-columns:260px minmax(0,1fr);gap:28px;box-sizing:border-box}
.tm-suz{display:flex;flex-direction:column;gap:22px;align-self:start;position:sticky;top:calc(var(--ia-nav-h,64px) + 16px)}
.tm-et{margin:0 0 8px;font-size:11px;font-weight:600;letter-spacing:.14em;color:#7D6B4B}
.tm-suz select{width:100%;height:40px;padding:0 10px;font-size:14px;color:#13203D;background:#FFFFFF;border:1px solid #E2DCCB;border-radius:10px}
.tm-asir-sec{display:flex;align-items:center;gap:8px}
.tm-asir-sec select{flex:1}
.tm-asir-graf{display:flex;align-items:flex-end;gap:3px;height:70px;margin-top:12px}
.tm-asir-graf button{flex:1;min-width:0;width:auto !important;min-height:0 !important;height:100%;padding:0 !important;display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;background:none;border:0;cursor:pointer}
.tm-asir-graf i{display:block;min-height:2px;background:#C9B68C;border-radius:3px 3px 0 0;transition:background .15s}
.tm-asir-graf button:hover i,.tm-asir-graf button.on i{background:#7D6B4B}
.tm-asir-graf small{display:block;margin-top:3px;font-size:10px;color:#6B7385;text-align:center}
.tm-temizle{align-self:flex-start;width:auto !important;padding:6px 12px;font-size:13px;color:#7D6B4B;background:none;border:1px solid #E2DCCB;border-radius:999px;cursor:pointer}
.tm-temizle[hidden]{display:none}

.tm-ozet{min-height:24px;margin-bottom:14px;font-size:15px;color:#3B4252}
.tm-ozet b{color:#13203D}
.tm-ozet .tm-q{font-family:'Amiri',serif;font-size:20px;color:#13203D}
.tm-ozet .tm-sure{color:#6B7385}
.tm-not{margin:8px 0 0;padding:10px 14px;font-size:14px;line-height:1.55;color:#5B4A2A;background:#F4EEDF;border-radius:10px}
.tm-gruplar{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 0}
.tm-gruplar button{width:auto !important;min-height:0 !important;padding:5px 11px;font-size:13px;color:#13203D;background:#FFFFFF;border:1px solid #E2DCCB;border-radius:999px;cursor:pointer}
.tm-gruplar button b{font-weight:600;color:#7D6B4B;margin-left:4px}
.tm-gruplar button:hover{border-color:#C9B68C}

.tm-eser{margin-top:14px;background:#FFFFFF;border:1px solid #ECEAE4;border-radius:14px;overflow:hidden}
.tm-eser-bas{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 16px;padding:14px 18px;border-bottom:1px solid #F0ECE3}
.tm-eser-ad{margin:0;font-size:17px;font-weight:600;line-height:1.35;color:#13203D}
.tm-eser-ad a{color:inherit;text-decoration:none}.tm-eser-ad a:hover{color:#7D6B4B}
.tm-eser-ar{display:block;font-family:'Amiri',serif;font-size:19px;font-weight:400;color:#3B4252;direction:rtl;text-align:right}
.tm-eser-kunye{font-size:13px;color:#6B7385}
.tm-yer{display:block;padding:12px 18px;color:inherit;text-decoration:none;border-top:1px solid #F5F2EA;transition:background .12s}
.tm-yer:first-of-type{border-top:0}
.tm-yer:hover{background:#FBF8F1}
.tm-yer-k{display:block;margin-bottom:4px;font-size:12px;font-weight:600;letter-spacing:.04em;color:#7D6B4B}
.tm-yer-m{margin:0;font-family:'Amiri','Scheherazade New',serif;font-size:19px;line-height:1.9;color:#1E2433;direction:rtl;text-align:right}
.tm-yer-m mark{background:#F3E2B3;color:#13203D;border-radius:3px;padding:0 2px}
.tm-bos{padding:36px 28px;text-align:center;color:#3B4252;background:#FFFFFF;border:1px solid #ECEAE4;border-radius:14px}
.tm-bos-bas{margin:0 0 8px;font-size:18px;font-weight:600;color:#13203D}
.tm-bos p{margin:0 0 8px;line-height:1.6}
.tm-ornek a{font-family:'Amiri',serif;font-size:19px;color:#7D6B4B}
.tm-yukl{padding:30px;text-align:center;color:#6B7385}
#tmDaha{margin-top:18px;text-align:center}
#tmDaha button{width:auto !important;padding:12px 26px;font-size:15px;font-weight:600;color:#13203D;background:#FFFFFF;border:1px solid #E2DCCB;border-radius:999px;cursor:pointer}
#tmDaha button:hover{border-color:#C9B68C}

@media (max-width:900px){
  .tm-w{grid-template-columns:minmax(0,1fr);gap:16px;padding-top:18px}
  .tm-suz{position:static;flex-direction:row;flex-wrap:wrap;gap:12px}
  .tm-suz-bl{flex:1 1 220px}
  .tm-asir-graf{height:46px}
}
@media (max-width:560px){
  .tm-kutu input{font-size:16px}
  .tm-ara{min-width:0;padding:0 16px}
  .tm-mod span{padding:7px 12px;font-size:13px}
  .tm-eser-bas,.tm-yer{padding-left:14px;padding-right:14px}
  .tm-yer-m{font-size:18px}
}
