/* Arşiv sayfası */

.archive-main{max-width:1560px;margin:0 auto;padding:0 var(--pad) clamp(90px,12vh,140px)}

.archive-hero{padding:clamp(130px,17vh,190px) 0 clamp(30px,4vh,50px)}
.archive-hero h1{
  margin:0;font-family:var(--serif);font-weight:400;
  font-size:clamp(54px,8.2vw,122px);line-height:.92;letter-spacing:.04em;
}
.archive-hero h1 em{font-style:italic;color:var(--ink-dim)}
.archive-hero .lede{margin-top:clamp(24px,4vh,36px);max-width:52ch}

.archive-tools{margin-top:clamp(38px,6vh,64px);display:flex;flex-wrap:wrap;align-items:center;gap:18px 26px}
.search{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding-bottom:8px;min-width:min(320px,100%)}
.search input{
  background:transparent;border:0;outline:none;color:var(--ink);
  font:400 15px/1.2 var(--sans);width:100%;padding:4px 0;
}
.search input::placeholder{color:#6f685d}
.search svg{width:16px;height:16px;color:#6f685d;flex:0 0 auto}
.search:focus-within{border-color:var(--accent)}

.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{
  display:inline-flex;align-items:center;gap:7px;
  background:transparent;border:1px solid var(--line);color:var(--muted);
  padding:8px 11px;cursor:pointer;
  font:500 9.5px/1 var(--sans);letter-spacing:.13em;text-transform:uppercase;
  transition:color .2s,border-color .2s,background .2s;
}
.chip span{color:#6f685d;font-size:8.5px}
.chip:hover{color:var(--ink);border-color:rgba(241,236,226,.32)}
.chip.is-active{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.chip.is-active span{color:rgba(8,8,7,.55)}

.result-count{margin:0 0 0 auto;font:400 10px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#6f685d}

.archive-list{margin-top:clamp(20px,3vh,34px)}

.year-block{
  display:grid;grid-template-columns:150px minmax(0,1fr);gap:clamp(20px,4vw,60px);
  border-top:1px solid var(--line);padding:clamp(26px,4vh,44px) 0;
}
.year{
  margin:0;font-family:var(--serif);font-weight:400;
  font-size:clamp(34px,3.4vw,52px);line-height:1;letter-spacing:-.02em;
  color:#4a463f;position:sticky;top:96px;align-self:start;
}
.entries{list-style:none;margin:0;padding:0}
.entries li + li{border-top:1px solid var(--line-soft)}
.entries a{
  display:grid;grid-template-columns:56px minmax(0,1fr) 150px;
  align-items:baseline;gap:16px;padding:14px 6px 14px 0;
  text-decoration:none;transition:background .25s,padding .3s var(--ease);
}
.entries a:hover{background:rgba(241,236,226,.03);padding-left:10px}
.entries time{font:400 10px/1.4 var(--sans);letter-spacing:.1em;color:#6f685d}
.entries .t{font-family:var(--serif);font-size:clamp(20px,1.9vw,27px);line-height:1.15;letter-spacing:-.01em}
.entries .c{font:400 9px/1.4 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#6f685d;justify-self:start}
.entries a:hover .t{color:#fff}
.entries a:hover .c{color:var(--ink-dim)}

.empty{margin:40px 0;color:var(--muted);font-size:14px}
.is-hidden{display:none !important}

@media (max-width:900px){
  .year-block{grid-template-columns:1fr;gap:14px}
  .year{position:static;font-size:30px;color:#5c574e}
  .entries a{grid-template-columns:44px minmax(0,1fr);gap:12px}
  .entries .c{grid-column:2;justify-self:start;font-size:8px;margin-top:4px}
  .result-count{margin-left:0}
}
@media (max-width:640px){
  .archive-hero h1{font-size:clamp(46px,13vw,64px)}
  .archive-tools{gap:16px}
  .chip{padding:7px 9px;font-size:9px}
  .entries .t{font-size:19px}
}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.archive-hero h1{font-variant-numeric:tabular-nums}


.archive-hero h1 .years{font-style:normal;color:var(--ink-dim)}

.archive-hero h1{font-size:clamp(64px,10vw,140px);line-height:.9}
.archive-years{margin:20px 0 0;font:400 11px/1 var(--mono);letter-spacing:.34em;text-transform:uppercase;color:var(--muted)}
.year{font-family:var(--mono);font-size:clamp(22px,2vw,30px);letter-spacing:.06em;color:#4a463f}

.full-search{font:400 10px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:5px}
.full-search:hover{color:var(--ink);border-color:var(--ink)}

.category-page .entries-wide a{grid-template-columns:92px minmax(0,1fr)}