/* Corpus girişi: tek ekran, arama + ana cetvel. Cetvelin çizgileri khronos.css'ten gelir. */

.cp{
  --kh-top:60px;
  --kh-ink:#1d1c1a;
  --kh-mut:#77736b;
  --kh-line:#d8d6d0;
  --kh-bg:#f6f6f4;
  --kh-c:#2c6e91;
  --cp-rail:112px;
  /* sabit site başlığının altından başlar: cetvelin ucu başlığa girmesin */
  display:flex; box-sizing:border-box; min-height:100dvh; padding-top:var(--kh-top);
  background:var(--kh-bg); color:var(--kh-ink); font-family:var(--font-optima);
}

/* FAB cetvelin üstüne binmesin */
body:has(.cp) .fp-fab{ right:calc(112px + 34px); }
body:has(.cp) .fp-wrap{ right:calc(112px + 34px) !important; }

.cp-main{
  flex:1 1 auto; min-width:0; box-sizing:border-box;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  padding:40px clamp(16px,5vw,64px) 12vh;
}
.cp-main h1{
  margin:0 0 26px; font-family:var(--font-optima); font-weight:400; line-height:1;
  font-size:clamp(44px,7vw,84px); letter-spacing:-.01em;
}

.cp-form{ position:relative; width:100%; max-width:620px; }
.cp-input{
  display:block; width:100%; box-sizing:border-box; height:54px; padding:0 18px;
  font-family:var(--font-optima); font-size:18px; color:var(--kh-ink);
  background:#fff; border:1px solid #bdbab3; border-radius:2px; outline:none;
  -webkit-appearance:none; appearance:none;
}
.cp-input:focus{ border-color:var(--kh-ink); }
.cp-input::-webkit-search-cancel-button{ -webkit-appearance:none; }

.cp-list{
  position:absolute; z-index:30; left:0; right:0; top:100%; margin-top:-1px;
  background:#fff; border:1px solid var(--kh-ink); border-radius:0 0 2px 2px;
  box-shadow:0 10px 26px rgba(29,28,26,.12);
  max-height:min(58dvh,440px); overflow-y:auto;
}
.cp-row{
  display:flex; align-items:baseline; gap:12px; padding:10px 18px;
  color:var(--kh-ink); text-decoration:none;
}
.cp-row + .cp-row{ border-top:1px solid #efedE8; }
.cp-row.is-on,.cp-row:hover{ background:#f1f0ec; }
.cp-n{ font-size:17px; line-height:1.25; min-width:0; overflow-wrap:anywhere; }
.cp-sub{ font-size:13px; color:var(--kh-mut); min-width:0; }
.cp-t{ margin-left:auto; flex:0 0 auto; font-family:var(--font-mono); font-size:10.5px; letter-spacing:.05em; color:var(--kh-mut); white-space:nowrap; }
.cp-empty{ padding:12px 18px; font-size:14px; color:var(--kh-mut); }

.cp-ex{ display:flex; flex-wrap:wrap; justify-content:center; gap:4px 14px; margin:16px 0 0; }
.cp-ex button{
  padding:2px 0; background:none; border:0; cursor:pointer; font:inherit; font-size:14.5px; color:var(--kh-mut);
}
.cp-ex button:hover{ color:var(--kh-ink); text-decoration:underline; }

.cp-shelf{
  display:flex; flex-wrap:wrap; justify-content:center; gap:4px 20px; margin-top:38px;
  font-family:var(--font-mono); font-size:11.5px; letter-spacing:.07em;
}
.cp-shelf a{ color:var(--kh-mut); text-decoration:none; padding:3px 0; }
.cp-shelf a:hover{ color:var(--kh-ink); }

.cp-rail{
  flex:0 0 var(--cp-rail); width:var(--cp-rail); box-sizing:border-box;
  height:calc(100dvh - var(--kh-top)); position:sticky; top:var(--kh-top);
  border-left:1px solid var(--kh-line); font-family:var(--font-mono);
  user-select:none; -webkit-user-select:none;
}
.cp-rail .kh-main{ height:100%; }
.cp-rail .kh-band{ cursor:pointer; }
.cp-rail .kh-tag.is-on{ opacity:1; }

@media (max-width:768px){
  .cp{ --cp-rail:62px; }
  body:has(.cp) .fp-fab{ right:calc(62px + 12px); }
  body:has(.cp) .fp-wrap{ right:calc(62px + 12px) !important; }
  .cp-main{ justify-content:flex-start; padding-top:9vh; padding-bottom:40px; }
  .cp-main h1{ margin-bottom:20px; }
  .cp-input{ height:48px; font-size:16px; padding:0 13px; }
  .cp-row{ padding:10px 13px; flex-wrap:wrap; gap:2px 10px; }
  .cp-rail .kh-l i{ display:none; }
  .cp-rail .kh-l{ right:16px; }
  .cp-shelf{ gap:4px 14px; }
}