/* Give Up Internet! Dictionary — neo-brutalist arşiv teması */

:root{
  --ink:#14110C;
  --paper:#FFF6EA;
  --orange:#DF5507;
  --orange-hi:#F26214;
  --lime:#B8E92B;
  --lime-hi:#CDFA47;
  --blue:#2545FF;
  --pink:#FF4FA3;
  --yellow:#FFD84D;
  --grey:#8A8172;
  --grey-d:#4A443C;
  --grey-l:#B0A692;
  --bone:#D8CFBB;
  --rule:3px solid var(--ink);
}

*{margin:0;padding:0;box-sizing:border-box}

html{-webkit-text-size-adjust:100%}

body{
  background:var(--paper);
  color:var(--ink);
  font-family:'Inter','Helvetica Neue',Helvetica,Arial,sans-serif;
  font-size:16px;
  line-height:1.5;
}

a{color:inherit}

.display{font-family:'Archivo Black','Arial Black',Arial,sans-serif;text-transform:uppercase}
.mono{font-family:'Inconsolata',ui-monospace,SFMono-Regular,Menlo,monospace}

.wrap{max-width:1380px;margin:0 auto;padding:0 28px}

/* ---------- Üst bar ---------- */
.topbar{position:sticky;top:0;z-index:60;background:var(--orange);border-bottom:var(--rule)}
.topbar .wrap{display:flex;align-items:center;gap:20px;min-height:64px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px;font-family:'Archivo Black','Arial Black',sans-serif;font-size:19px;text-transform:uppercase;color:var(--paper);text-decoration:none;white-space:nowrap}
.brand .bang{color:var(--ink)}
.brand .tag{font-family:'Inconsolata',monospace;font-weight:700;font-size:11px;letter-spacing:.16em;background:var(--ink);color:var(--lime);padding:3px 8px}
.navchips{display:flex;gap:14px;flex-wrap:wrap}
.navchips a{background:none;border:0;padding:6px 0;font-family:'Inconsolata',monospace;font-weight:700;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--paper);cursor:pointer;text-decoration:none}
.navchips a:hover{color:var(--ink)}
.topbar-right{margin-left:auto;display:flex;gap:14px;align-items:center}
.slash-hint{font-family:'Inconsolata',monospace;font-weight:700;font-size:11px;letter-spacing:.1em;color:#FFD9BE;white-space:nowrap}

/* ---------- Butonlar ---------- */
.btn{
  font-family:'Archivo Black','Arial Black',sans-serif;font-size:12px;text-transform:uppercase;
  background:var(--lime);color:var(--ink);border:var(--rule);box-shadow:4px 4px 0 var(--ink);
  padding:8px 14px;text-align:left;cursor:pointer;white-space:nowrap;text-decoration:none;display:inline-block;
}
.btn:hover{background:var(--lime-hi)}
.btn:active{box-shadow:1px 1px 0 var(--ink);transform:translate(3px,3px)}
.btn-orange{background:var(--orange);color:var(--paper);box-shadow:6px 6px 0 var(--ink);font-size:14px;padding:16px 28px;min-width:280px}
.btn-orange:hover{background:var(--orange-hi)}
.btn-orange:active{box-shadow:1px 1px 0 var(--ink);transform:translate(5px,5px)}
.btn-file{background:var(--orange);color:var(--paper);font-size:13px;padding:12px 22px;box-shadow:4px 4px 0 var(--ink)}
.btn-file:hover{background:var(--orange-hi)}
.btn-file:active{box-shadow:0 0 0 var(--ink);transform:translate(4px,4px)}

/* ---------- Kahraman bölüm (ana sayfa) ---------- */
.hero{border-bottom:var(--rule);background:linear-gradient(180deg,#FFFDF7 0%,var(--paper) 100%)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:52px;
  align-items:start;padding:52px 28px 44px}

.eyebrow{display:flex;flex-wrap:wrap;align-items:center;gap:9px;
  font-family:'Inconsolata',monospace;font-weight:700;font-size:11.5px;letter-spacing:.15em;
  text-transform:uppercase;color:var(--grey)}
.eyebrow-tag{background:var(--ink);color:var(--lime);padding:4px 9px;letter-spacing:.18em}

.hl-orange{background:var(--orange);color:var(--paper);padding:0 12px;
  -webkit-box-decoration-break:clone;box-decoration-break:clone}
.hl-blue{background:var(--blue);color:var(--paper);padding:0 12px;
  -webkit-box-decoration-break:clone;box-decoration-break:clone}

.hero-pitch h1{font-family:'Archivo Black','Arial Black',sans-serif;
  font-size:clamp(34px,4.4vw,64px);line-height:1.0;letter-spacing:-.022em;text-transform:uppercase;
  margin:18px 0 0}
.hero-pitch .lede{font-size:17px;line-height:1.6;color:var(--grey-d);max-width:52ch;margin:18px 0 0}

.hero-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.hero-links a{font-family:'Inconsolata',monospace;font-weight:700;font-size:12px;letter-spacing:.09em;
  text-transform:uppercase;text-decoration:none;color:var(--ink);background:var(--paper);
  border:2px solid var(--ink);padding:7px 11px;display:inline-flex;align-items:center;gap:7px}
.hero-links a:hover{background:var(--lime)}
.hero-links a b{font-weight:700;color:var(--orange)}
.hero-links a:hover b{color:var(--ink)}

/* günün kaydı */
.hero-feature{display:flex;flex-direction:column;gap:10px}
.hf-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.hf-label{font-family:'Inconsolata',monospace;font-weight:700;font-size:11px;letter-spacing:.2em;
  text-transform:uppercase;background:var(--orange);color:var(--paper);padding:4px 9px}
.hf-date{font-family:'Inconsolata',monospace;font-weight:700;font-size:11.5px;letter-spacing:.08em;
  text-transform:uppercase;color:var(--grey)}
.hf-card{display:flex;flex-direction:column;border:var(--rule);box-shadow:8px 8px 0 var(--ink);
  text-decoration:none;padding:0;transition:box-shadow .12s ease,transform .12s ease}
.hf-card:hover{box-shadow:12px 12px 0 var(--ink);transform:translate(-2px,-2px)}
.hf-status{align-self:flex-start;margin:16px 18px 0;font-family:'Inconsolata',monospace;font-weight:700;
  font-size:10.5px;letter-spacing:.15em;text-transform:uppercase;padding:3px 9px}
.hf-card h2{font-family:'Archivo Black','Arial Black',sans-serif;font-size:clamp(30px,3.4vw,46px);
  line-height:.96;text-transform:uppercase;margin:12px 18px 0;overflow-wrap:anywhere;text-wrap:balance;
  text-decoration-color:var(--orange);text-decoration-thickness:6px}
.hf-meta{font-family:'Inconsolata',monospace;font-weight:700;font-size:12px;letter-spacing:.06em;
  margin:8px 18px 0;opacity:.72}
.hf-def{font-size:14.5px;line-height:1.55;margin:10px 18px 16px;opacity:.9;
  display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.hf-foot{margin-top:auto;border-top:var(--rule);padding:10px 18px 12px;color:var(--ink)}
.hf-go{display:block;border-top:var(--rule);background:var(--ink);color:var(--lime);
  font-family:'Archivo Black',sans-serif;font-size:12px;text-transform:uppercase;padding:12px 18px}
.hf-card:hover .hf-go{background:var(--orange);color:var(--paper)}

/* blogdan taze içerik şeridi */
.hero-wire{border-top:var(--rule);background:var(--ink)}
.hero-wire .wrap{display:flex;align-items:center;gap:18px;padding:11px 28px;flex-wrap:nowrap;overflow:hidden}
.wire-label{flex:none;font-family:'Inconsolata',monospace;font-weight:700;font-size:10.5px;letter-spacing:.2em;
  text-transform:uppercase;background:var(--lime);color:var(--ink);padding:4px 9px;white-space:nowrap}
.hero-wire ul{list-style:none;display:flex;gap:26px;flex:1 1 320px;min-width:0;margin:0;padding:0;
  overflow:hidden;flex-wrap:nowrap}
.hero-wire li{display:flex;align-items:baseline;gap:9px;min-width:0}
.hero-wire li a{color:var(--paper);text-decoration:none;font-size:13.5px;font-weight:700;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:34ch}
.hero-wire li a:hover{color:var(--lime)}
.hero-wire time{font-family:'Inconsolata',monospace;font-size:11px;color:var(--grey);white-space:nowrap}
.wire-all{flex:none;font-family:'Inconsolata',monospace;font-weight:700;font-size:11px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--lime);text-decoration:none;white-space:nowrap}
.wire-all:hover{color:var(--paper)}

@media (max-width:980px){
  .hero-grid{grid-template-columns:1fr;gap:34px;padding:38px 28px 32px}
  .hero-wire ul{gap:16px}
  .hero-wire li:nth-child(n+3){display:none}
}
@media (max-width:640px){
  .topbar .wrap{gap:10px 14px;padding:10px 16px;min-height:0}
  .brand{font-size:16px;gap:8px}
  .brand .tag{font-size:9.5px;padding:2px 6px}
  .navchips{gap:12px;order:3;width:100%}
  .navchips a{font-size:12px;padding:0}
  .topbar-right{margin-left:auto;gap:10px}
  .slash-hint{display:none}
  .topbar-right .btn{font-size:10.5px;padding:6px 10px;box-shadow:3px 3px 0 var(--ink)}
}
@media (max-width:560px){
  .hero-grid{padding:28px 16px 24px}
  .hero-wire .wrap{padding:11px 16px}
  .hero-wire li:nth-child(n+2){display:none}
}

/* ---------- Arama ---------- */
.searchbox{position:relative;max-width:620px;margin-top:26px}
.searchbox form{display:flex;align-items:center;gap:12px;background:var(--paper);border:var(--rule);box-shadow:6px 6px 0 var(--ink);padding:0 0 0 16px}
.searchbox .prompt{font-family:'Archivo Black','Arial Black',sans-serif;font-size:20px;color:var(--orange)}
.searchbox input{flex:1;min-width:0;border:0;background:transparent;color:var(--ink);font-family:'Inconsolata',monospace;font-weight:500;font-size:16.5px;outline:none;padding:15px 0}
.search-go{font-family:'Archivo Black',sans-serif;font-size:12px;text-transform:uppercase;background:var(--ink);color:var(--lime);border:0;border-left:3px solid var(--ink);padding:15px 18px;cursor:pointer;align-self:stretch}
.search-go:hover{background:var(--orange);color:var(--paper)}
.results-static{position:static;max-width:620px;margin:0 0 30px;box-shadow:6px 6px 0 var(--ink)}
.results{position:absolute;left:0;right:0;top:calc(100% + 10px);background:var(--paper);border:var(--rule);box-shadow:8px 8px 0 var(--ink);max-height:420px;overflow-y:auto;z-index:50}
.results a{display:grid;grid-template-columns:auto 1fr auto;gap:4px 14px;align-items:center;text-decoration:none;color:var(--ink);border-bottom:2px solid var(--ink);padding:12px 16px}
.results a:hover,.results a:focus{background:var(--lime)}
.results .st{font-family:'Inconsolata',monospace;font-weight:700;font-size:10px;letter-spacing:.14em;text-transform:uppercase;border:2px solid var(--ink);padding:2px 6px}
.results .w{font-family:'Archivo Black','Arial Black',sans-serif;font-size:17px;text-transform:uppercase}
.results .y{font-family:'Inconsolata',monospace;font-size:13px;color:var(--grey)}
.results .empty{padding:20px 16px;font-family:'Inconsolata',monospace;font-size:14px;color:var(--grey)}

/* ---------- İstatistik şeridi ---------- */
.stats{border-bottom:var(--rule);display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.stats .cell{padding:18px 22px 20px;border-right:var(--rule)}
.stats .n{font-family:'Archivo Black','Arial Black',sans-serif;font-size:32px;line-height:1}
.stats .l{font-family:'Inconsolata',monospace;font-weight:700;font-size:11px;letter-spacing:.16em;text-transform:uppercase;margin-top:6px;opacity:.8}

/* ---------- Liste başlığı, filtreler ---------- */
.browse{border-bottom:var(--rule)}
.browse .wrap{padding:48px 28px 64px}
.browse-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:12px 24px;margin-bottom:24px}
.browse-head h2{font-family:'Archivo Black','Arial Black',sans-serif;font-size:clamp(30px,4vw,52px);line-height:1;text-transform:uppercase;margin:0}
.browse-head h2 span{color:var(--orange)}
.shown-note{font-family:'Inconsolata',monospace;font-weight:700;font-size:13px;letter-spacing:.06em;color:var(--grey)}
.controls{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;margin-bottom:30px}
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chip{font-family:'Inconsolata',monospace;font-weight:700;font-size:12px;letter-spacing:.12em;text-transform:uppercase;padding:8px 12px;border:var(--rule);cursor:pointer;box-shadow:3px 3px 0 var(--ink);text-decoration:none;display:inline-block}
.chip:hover{transform:translate(-1px,-1px)}
.chip:active{box-shadow:0 0 0 var(--ink);transform:translate(3px,3px)}
.chip .ct{opacity:.6;margin-left:3px}
.sorts{display:flex;margin-left:auto;border:var(--rule);box-shadow:3px 3px 0 var(--ink)}
.sorts a{font-family:'Inconsolata',monospace;font-weight:700;font-size:12px;letter-spacing:.1em;text-transform:uppercase;padding:8px 14px;border:0;border-right:2px solid var(--ink);cursor:pointer;text-decoration:none}
.sorts a:last-child{border-right:0}
.sorts a:hover{color:var(--orange)}

/* ---------- Kart ızgarası ---------- */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(276px,1fr));gap:30px 24px}
.card{display:flex;flex-direction:column;border:var(--rule);box-shadow:7px 7px 0 var(--ink);text-decoration:none;transform:rotate(var(--rot,0deg));transition:transform .12s ease,box-shadow .12s ease}
.card:hover{transform:rotate(0deg) translate(-2px,-2px);box-shadow:10px 10px 0 var(--ink)}
.card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px 0}
.card-st{font-family:'Inconsolata',monospace;font-weight:700;font-size:10px;letter-spacing:.14em;text-transform:uppercase;padding:3px 8px;transform:rotate(-1deg);display:inline-block}
.card-pos{font-family:'Inconsolata',monospace;font-weight:700;font-size:12px;opacity:.75}
.card-w{font-family:'Archivo Black','Arial Black',sans-serif;font-size:28px;line-height:.98;text-transform:uppercase;padding:14px 16px 0;overflow-wrap:anywhere;text-wrap:balance;text-decoration-color:var(--orange);text-decoration-thickness:6px}
.card-def{font-size:13.5px;line-height:1.5;padding:10px 16px 16px;opacity:.88;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.card-foot{margin-top:auto;border-top:var(--rule);padding:10px 16px 12px;color:var(--ink)}
.mini{position:relative;height:12px}
.mini .axis{position:absolute;left:0;right:0;top:5px;height:2px;background:var(--ink);opacity:.22}
.mini .band{position:absolute;top:3px;height:6px;background:var(--ink)}
.mini .peak{position:absolute;top:0;width:5px;height:12px;background:var(--orange);outline:2px solid var(--ink)}
.mini-l{display:flex;justify-content:space-between;align-items:baseline;margin-top:6px;font-family:'Inconsolata',monospace;font-weight:700;font-size:11.5px;letter-spacing:.04em}
.mini-l .dim{opacity:.65}
.loadmore{margin-top:38px}

/* ---------- Kayıt sayfası ---------- */
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:22px 0 0;font-family:'Inconsolata',monospace;font-weight:700;font-size:13px;color:var(--grey)}
.crumbs a{color:var(--orange);text-decoration:none;letter-spacing:.08em}
.crumbs .up{letter-spacing:.08em;text-transform:uppercase}
.crumbs .cur{letter-spacing:.04em;color:var(--ink)}

.rec-head{padding:18px 0 40px;border-bottom:var(--rule);position:relative}
.rec-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}
.rec-st{font-family:'Inconsolata',monospace;font-weight:700;font-size:12px;letter-spacing:.15em;text-transform:uppercase;border:var(--rule);box-shadow:3px 3px 0 var(--ink);padding:4px 10px}
.rec-pos{font-family:'Inconsolata',monospace;font-size:15px;font-style:italic;color:var(--grey)}
.rec-life{font-family:'Inconsolata',monospace;font-weight:700;font-size:13px;color:var(--grey-d)}
.rec-title{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:22px 48px;align-items:end}
.rec-title h1{font-family:'Archivo Black','Arial Black',sans-serif;font-size:clamp(34px,5.4vw,76px);line-height:.92;letter-spacing:-.02em;text-transform:uppercase;margin:18px 0 0;overflow-wrap:anywhere;text-wrap:balance}
.rec-title p.rec-def{font-size:17.5px;line-height:1.55;color:var(--grey-d);margin:0;max-width:40ch}

.fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));border-bottom:var(--rule)}
.fields .f{padding:16px 18px 18px;border-right:2px solid var(--ink);background:var(--paper)}
.fields .k{font-family:'Inconsolata',monospace;font-weight:700;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--orange)}
.fields .v{font-weight:700;font-size:16px;line-height:1.3;margin-top:6px}

.section{padding:38px 0 34px;border-bottom:var(--rule)}
.badge-ink{font-family:'Inconsolata',monospace;font-weight:700;font-size:12px;letter-spacing:.2em;text-transform:uppercase;background:var(--ink);color:var(--lime);display:inline-block;padding:4px 10px}
.badge-pink{font-family:'Inconsolata',monospace;font-weight:700;font-size:12px;letter-spacing:.2em;text-transform:uppercase;background:var(--pink);color:var(--ink);display:inline-block;padding:4px 10px;transform:rotate(-1.5deg)}

/* zaman çizelgesi */
.tl{position:relative;height:190px;margin-top:16px;background:var(--paper);border:var(--rule);box-shadow:6px 6px 0 var(--ink)}
.tl .grid-l{position:absolute;top:32px;bottom:14px;border-left:2px dashed #DDD4BE}
.tl .grid-y{position:absolute;top:10px;font-family:'Inconsolata',monospace;font-weight:700;font-size:11px;color:var(--grey-l);padding-left:6px}
.tl .axis{position:absolute;left:0;right:0;top:96px;height:3px;background:var(--ink);opacity:.15}
.tl .band{position:absolute;top:87px;height:20px;border:var(--rule);box-shadow:3px 3px 0 rgba(20,17,12,.25)}
.tl .gap{position:absolute;top:95px;border-top:4px dotted var(--grey)}
.tl .peak-d{position:absolute;top:86px;width:16px;height:16px;background:var(--pink);border:var(--rule);transform:translateX(-50%) rotate(45deg);z-index:2}
.tl .peak-lab{position:absolute;top:38px;white-space:nowrap}
.tl .peak-lab span{font-family:'Inconsolata',monospace;font-weight:700;font-size:12px;background:var(--pink);color:var(--ink);border:2px solid var(--ink);padding:3px 8px;display:inline-block;transform:rotate(-1.5deg)}
.tl .tick{position:absolute;top:74px;width:4px;height:46px;background:var(--ink);z-index:1}
.tl .tick-now{background:var(--orange)}
.tl .mark{position:absolute;top:128px;white-space:nowrap}
.tl .mark span{font-family:'Inconsolata',monospace;font-weight:700;font-size:12px;border:2px solid var(--ink);padding:3px 8px;display:inline-block}

/* oylama */
.verdict{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:28px 64px;align-items:center}
.verdict h2{font-family:'Archivo Black','Arial Black',sans-serif;font-size:clamp(30px,4.4vw,54px);line-height:.94;text-transform:uppercase;margin:14px 0 12px}
.verdict h2 span{color:var(--orange)}
.verdict p{font-size:15px;line-height:1.55;color:var(--grey-d);margin:0;max-width:40ch}
.vote-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.vote{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:18px 20px;text-align:left;cursor:pointer;border:var(--rule);box-shadow:6px 6px 0 var(--ink);color:var(--ink);width:100%;font:inherit;background:var(--vbg,var(--paper))}
.vote:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--ink)}
.vote:active{box-shadow:0 0 0 var(--ink);transform:translate(6px,6px)}
.vote-a:hover{background:var(--lime)}
.vote-d:hover{background:var(--pink)}
.vote .lbl{font-family:'Archivo Black','Arial Black',sans-serif;font-size:15px;text-transform:uppercase;padding:5px 10px;background:var(--ink)}
.vote-a .lbl{color:var(--lime)}
.vote-d .lbl{color:var(--pink)}
.vote .num{font-family:'Archivo Black','Arial Black',sans-serif;font-size:38px;line-height:1}
.vote .hint{font-family:'Inconsolata',monospace;font-weight:700;font-size:11px;letter-spacing:.12em;text-transform:uppercase;opacity:.65}
.vote-bar{height:22px;border:var(--rule);display:flex;overflow:hidden;margin-top:18px;background:var(--paper)}
.vote-bar .a{background:var(--lime);border-right:var(--rule)}
.vote-bar .d{flex:1;background:repeating-linear-gradient(45deg,#FF4FA3 0 8px,#E8378C 8px 16px)}
.vote-note{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:8px;font-family:'Inconsolata',monospace;font-weight:700;font-size:13px;color:var(--grey)}

/* tanıklıklar */
.rec-body{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:0 56px;align-items:start;padding-bottom:24px}
.rec-main{padding-top:34px}
.sec-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:20px}
.sec-head h2{font-family:'Archivo Black','Arial Black',sans-serif;font-size:clamp(26px,3vw,38px);line-height:1;text-transform:uppercase;margin:0}
.sec-head span{font-family:'Inconsolata',monospace;font-weight:700;font-size:13px;color:var(--grey)}
.ents{display:grid;gap:18px}
.ent{border:var(--rule);background:var(--paper);box-shadow:5px 5px 0 var(--ink);padding:20px 22px}
.ent-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-bottom:12px}
.ent-kind{font-family:'Inconsolata',monospace;font-weight:700;font-size:10px;letter-spacing:.15em;text-transform:uppercase;padding:3px 7px}
.ent-user{font-family:'Inconsolata',monospace;font-weight:700;font-size:14px}
.ent-user .role{color:var(--grey);font-weight:400}
.ent-flag{font-family:'Inconsolata',monospace;font-weight:700;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--orange);border:2px dashed var(--orange);padding:2px 6px;transform:rotate(-1deg);display:inline-block}
.ent-date{margin-left:auto;font-family:'Inconsolata',monospace;font-size:13px;color:var(--grey)}
.ent p{margin:0 0 10px;font-size:16.5px;line-height:1.55;color:#2A251D;max-width:64ch}
.ent-cite{font-family:'Inconsolata',monospace;font-weight:500;font-size:13px;color:var(--orange);margin-bottom:12px;overflow-wrap:anywhere}
.ent-acts{display:flex;gap:10px}
.ent-btn{font-family:'Inconsolata',monospace;font-weight:700;font-size:12px;letter-spacing:.06em;border:2px solid var(--ink);background:var(--paper);color:var(--ink);padding:6px 11px;cursor:pointer;box-shadow:2px 2px 0 var(--ink)}
.ent-btn:active{box-shadow:0 0 0 var(--ink);transform:translate(2px,2px)}
.ent-btn.up:hover{background:var(--lime)}
.ent-btn.down:hover{background:var(--pink)}
.ent-btn.on-up{background:var(--lime)}
.ent-btn.on-down{background:var(--pink)}
.no-ents{border:3px dashed var(--grey);padding:22px;font-family:'Inconsolata',monospace;font-weight:700;font-size:14px;color:var(--grey)}

.filebox{margin-top:32px;border:var(--rule);background:var(--lime);box-shadow:7px 7px 0 var(--ink);padding:24px 26px 26px}
.filebox .badge{font-family:'Inconsolata',monospace;font-weight:700;font-size:11px;letter-spacing:.2em;text-transform:uppercase;background:var(--ink);color:var(--lime);display:inline-block;padding:3px 9px}
.filebox h3{font-family:'Archivo Black','Arial Black',sans-serif;font-size:28px;text-transform:uppercase;margin:12px 0 4px}
.filebox .hint{font-family:'Inconsolata',monospace;font-weight:500;font-size:13px;color:#2A251D;margin:0 0 16px}
.kindpicks{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.kindpick{font-family:'Inconsolata',monospace;font-weight:700;font-size:11px;letter-spacing:.13em;text-transform:uppercase;padding:7px 11px;border:2px solid var(--ink);cursor:pointer;background:var(--paper);color:var(--ink);text-decoration:none;display:inline-block}
.kindpick:hover{transform:translate(-1px,-1px)}
.kindpick.on{background:var(--ink);color:var(--lime)}
.filebox textarea{width:100%;box-sizing:border-box;border:var(--rule);background:var(--paper);color:var(--ink);font-family:inherit;font-size:16px;line-height:1.5;padding:12px 14px;resize:vertical}
.filebox textarea:focus{background:#FFFDF6;outline:none}
.filebox .nick{border:var(--rule);background:var(--paper);color:var(--ink);font-family:'Inconsolata',monospace;font-weight:700;font-size:14px;padding:10px 12px;width:200px}
.file-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:14px}
.file-actions .note{font-family:'Inconsolata',monospace;font-weight:500;font-size:12px;color:var(--grey-d)}

.prevnext{display:grid;grid-template-columns:1fr 1fr;border:var(--rule);box-shadow:6px 6px 0 var(--ink);margin-top:40px}
.prevnext a{text-decoration:none;color:var(--ink);background:var(--paper);padding:18px 20px;display:grid;gap:5px}
.prevnext a:hover{background:var(--lime)}
.prevnext a+a{text-align:right;border-left:var(--rule)}
.prevnext .lab{font-family:'Inconsolata',monospace;font-weight:700;font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--grey)}
.prevnext .w{font-family:'Archivo Black','Arial Black',sans-serif;font-size:19px;text-transform:uppercase}

.aside{position:sticky;top:92px;display:grid;gap:22px;padding-top:34px}
.panel{border:var(--rule);box-shadow:6px 6px 0 var(--ink)}
.panel .head{padding:12px 16px;border-bottom:var(--rule);font-family:'Archivo Black','Arial Black',sans-serif;font-size:13px;text-transform:uppercase}
.panel .body{background:var(--paper);padding:12px 16px 16px;display:grid;gap:2px}
.panel-kin{background:var(--blue)}
.panel-kin .head{color:var(--paper)}
.panel-kin .body a{display:flex;justify-content:space-between;gap:12px;align-items:baseline;text-decoration:none;color:var(--ink);padding:6px 0;font-weight:700;font-size:15px}
.panel-kin .body a:hover{color:var(--orange)}
.panel-kin .body a span{font-family:'Inconsolata',monospace;font-weight:400;font-size:12px;color:var(--grey);flex:none}
.panel-rules{background:var(--pink);transform:rotate(1deg)}
.panel-rules .head{color:var(--ink)}
.panel-rules .body{font-size:13.5px;line-height:1.6;color:var(--ink);display:block;padding:14px 16px 16px}

/* ---------- Alt bilgi ---------- */
footer.site{border-top:var(--rule);background:var(--ink)}
footer.site .wrap{padding:36px 28px 56px;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:28px 48px}
footer.site .ft{font-family:'Archivo Black','Arial Black',sans-serif;font-size:16px;text-transform:uppercase;color:var(--paper);margin-bottom:10px}
footer.site .ft span{color:var(--orange)}
footer.site .fh{font-family:'Inconsolata',monospace;font-weight:700;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--lime);margin-bottom:10px}
footer.site p{font-size:13.5px;line-height:1.65;color:var(--grey-l);margin:0;max-width:40ch}

.flash{border:var(--rule);background:var(--lime);box-shadow:5px 5px 0 var(--ink);padding:12px 16px;margin:18px 0;font-family:'Inconsolata',monospace;font-weight:700;font-size:13px;letter-spacing:.06em}
.flash.warn{background:var(--yellow)}

/* ---------- Duyarlılık ---------- */
@media (max-width:900px){
  .rec-body{grid-template-columns:1fr}
  .aside{position:static}
  .rec-title,.verdict{grid-template-columns:1fr}
  .rip{display:none}
  .sorts{margin-left:0}
}
@media (max-width:560px){
  .wrap{padding:0 16px}
  .hero .wrap{padding:40px 16px 36px}
  .browse .wrap{padding:32px 16px 44px}
  .vote-grid{grid-template-columns:1fr}
  .tl{height:210px}
}

/* ================= BLOG ================= */

.nav-blog{color:#14110C!important;background:var(--lime);padding:4px 9px!important;border:2px solid var(--ink)}
.nav-blog:hover{background:var(--lime-hi)}

.blog-hero{border-bottom:var(--rule);background:var(--paper)}
.blog-hero .wrap{padding:44px 28px 36px}
.blog-hero h1{font-family:'Archivo Black','Arial Black',sans-serif;font-size:clamp(34px,5.5vw,72px);line-height:.96;letter-spacing:-.02em;text-transform:uppercase;margin:18px 0 0;overflow-wrap:anywhere}
.blog-hero .lede{font-family:'Inconsolata',monospace;font-weight:700;font-size:14px;letter-spacing:.04em;color:var(--grey);margin:14px 0 0}

.blog-search{display:flex;align-items:center;gap:12px;background:var(--paper);border:var(--rule);box-shadow:6px 6px 0 var(--ink);padding:12px 16px;max-width:560px;margin-top:22px}
.blog-search .prompt{font-family:'Archivo Black',sans-serif;font-size:17px;color:var(--orange)}
.blog-search input{flex:1;min-width:0;border:0;background:transparent;font-family:'Inconsolata',monospace;font-weight:500;font-size:16px;outline:none;color:var(--ink)}
.blog-search button{font-family:'Archivo Black',sans-serif;font-size:12px;text-transform:uppercase;background:var(--ink);color:var(--lime);border:0;padding:8px 14px;cursor:pointer}
.blog-search button:hover{background:var(--orange);color:var(--paper)}

.blog-body .wrap{padding:36px 28px 64px}
.blog-grid-wrap{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:0 48px;align-items:start}
.blog-aside{padding-top:0}

.post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:26px 22px}
.post-grid-sm{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px 18px}
.post-card{display:flex;flex-direction:column;border:var(--rule);background:var(--paper);box-shadow:6px 6px 0 var(--ink)}
.post-card:hover{box-shadow:9px 9px 0 var(--ink);transform:translate(-2px,-2px)}
.pc-media{display:block;border-bottom:var(--rule);background:var(--bone);aspect-ratio:16/10;overflow:hidden;position:relative}
.pc-media img{width:100%;height:100%;object-fit:cover;display:block}
.pc-noimg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:'Archivo Black',sans-serif;font-size:30px;color:#A99E88}
.pc-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px}
.pc-date{font-family:'Inconsolata',monospace;font-weight:700;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--orange)}
.pc-title{font-family:'Archivo Black',sans-serif;font-size:17px;line-height:1.12;margin:0;text-transform:none}
.pc-title a{text-decoration:none;color:var(--ink)}
.pc-title a:hover{color:var(--orange)}
.pc-ex{font-size:13.5px;line-height:1.5;color:var(--grey-d);margin:0}
.pc-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}
.pc-tags a{font-family:'Inconsolata',monospace;font-weight:700;font-size:10px;letter-spacing:.1em;text-transform:uppercase;background:var(--ink);color:var(--paper);padding:2px 7px;text-decoration:none}
.pc-tags a:hover{background:var(--orange)}

.pager{display:flex;align-items:center;gap:16px;margin-top:34px;flex-wrap:wrap}
.pager-now{font-family:'Inconsolata',monospace;font-weight:700;font-size:13px;color:var(--grey)}

.tagcloud{display:flex!important;flex-wrap:wrap;gap:6px}
.tagcloud a{font-family:'Inconsolata',monospace;font-weight:700;font-size:11px;letter-spacing:.06em;text-transform:uppercase;border:2px solid var(--ink);padding:3px 7px;text-decoration:none;color:var(--ink);background:var(--paper)}
.tagcloud a:hover{background:var(--lime)}
.tagcloud a span{color:var(--grey);font-weight:400}

/* ---- tek yazı ---- */
.wrap-narrow{max-width:820px}
.single .crumbs{padding-top:22px}
.post-head{padding:16px 0 26px;border-bottom:var(--rule)}
.post-meta{font-family:'Inconsolata',monospace;font-weight:700;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--orange);display:flex;flex-wrap:wrap;gap:8px}
.post-meta span{color:var(--grey)}
.post-head h1{font-family:'Archivo Black','Arial Black',sans-serif;font-size:clamp(30px,4.6vw,52px);line-height:1.02;letter-spacing:-.015em;margin:14px 0 0;text-transform:none;overflow-wrap:anywhere}
.post-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}
.post-tags a{font-family:'Inconsolata',monospace;font-weight:700;font-size:10px;letter-spacing:.12em;text-transform:uppercase;background:var(--ink);color:var(--paper);padding:3px 8px;text-decoration:none}
.post-tags a:hover{background:var(--orange)}
.post-hero{margin:26px 0 0;border:var(--rule);box-shadow:7px 7px 0 var(--ink)}
.post-hero img{display:block;width:100%;height:auto}

.prose{font-family:'Literata',Georgia,serif;font-size:18px;line-height:1.7;color:#2A251D;padding:28px 0 8px;overflow-wrap:break-word}
.prose p{margin:0 0 1.15em}
.prose h2{font-family:'Archivo Black',sans-serif;font-size:26px;line-height:1.15;margin:1.6em 0 .5em;text-transform:none}
.prose h3{font-family:'Archivo Black',sans-serif;font-size:20px;margin:1.5em 0 .4em;text-transform:none}
.prose a{color:var(--orange);text-decoration:underline;text-underline-offset:2px}
.prose img{max-width:100%;height:auto;border:3px solid var(--ink);display:block;margin:1.2em 0}
.prose figure{margin:1.4em 0}
.prose figure img{margin:0}
.prose figcaption{font-family:'Inconsolata',monospace;font-size:12.5px;color:var(--grey);border-left:3px solid var(--orange);padding:6px 0 6px 10px;margin-top:8px}
.prose blockquote{border-left:5px solid var(--lime);background:#FBF6EC;margin:1.4em 0;padding:12px 18px;font-style:italic}
.prose ul,.prose ol{margin:0 0 1.15em 1.3em}
.prose li{margin:.25em 0}
.prose iframe{max-width:100%;border:3px solid var(--ink)}
.prose pre{background:var(--ink);color:var(--paper);padding:14px 16px;overflow-x:auto;font-family:'Inconsolata',monospace;font-size:14px}
.prose code{font-family:'Inconsolata',monospace;background:#F2E4CE;padding:1px 5px}
.prose table{width:100%;border-collapse:collapse;display:block;overflow-x:auto}
.prose td,.prose th{border:2px solid var(--ink);padding:6px 10px;font-size:15px}
.embed{position:relative;padding-bottom:56.25%;height:0;margin:1.4em 0;border:3px solid var(--ink)}
.embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

.sec-title{font-family:'Archivo Black',sans-serif;font-size:22px;text-transform:uppercase;margin:44px 0 18px;padding-top:22px;border-top:var(--rule)}
.comments .comment{border-left:4px solid var(--bone);padding:12px 0 12px 16px;margin-bottom:14px}
.c-head{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap}
.c-author{font-family:'Inconsolata',monospace;font-weight:700;font-size:14px;color:var(--ink);text-decoration:none}
.c-author:hover{color:var(--orange)}
.c-date{font-family:'Inconsolata',monospace;font-size:12px;color:var(--grey)}
.c-body{font-size:15.5px;line-height:1.6;color:var(--grey-d);margin-top:6px}

@media (max-width:900px){
  .blog-grid-wrap{grid-template-columns:1fr;gap:36px}
}

/* ---------- Başlık sayfası: dış kaynaklı medya (sağ sütunda) ---------- */
.panel-media{background:var(--ink)}
.panel-media .head{color:var(--lime)}
.panel-media .body{padding:0;background:var(--ink);display:block}
.rec-media-fig{margin:0;background:var(--ink);overflow:hidden}
.rec-media-fig img,.rec-media-fig video{display:block;width:100%;height:auto;background:var(--ink)}
.rec-media-fig figcaption{display:flex;align-items:baseline;justify-content:space-between;gap:10px;
  border-top:var(--rule);background:var(--paper);padding:7px 10px;
  font-family:'Inconsolata',monospace;font-weight:700;font-size:10px;letter-spacing:.08em;
  text-transform:uppercase;color:var(--grey-d)}
.rec-media-fig figcaption a{color:var(--orange);text-decoration:none;white-space:nowrap;flex:none}
.rec-media-fig figcaption a:hover{text-decoration:underline}

/* Wayback: arşivlenmiş sayfayı küçültülmüş göster */
.wb-frame{display:block;position:relative;width:100%;height:200px;overflow:hidden;background:#fff}
.wb-frame iframe{position:absolute;top:0;left:0;width:1280px;height:1000px;border:0;
  transform:scale(.2305);transform-origin:0 0;pointer-events:none}
.wb-shield{position:absolute;inset:0;display:block}
.panel-media:hover{box-shadow:9px 9px 0 var(--ink)}

@media (max-width:900px){
  .wb-frame{height:230px}
}

/* ---- blog: sözlükten başlıklar + makale görselleri ---- */
.hw-section{margin-top:44px}
.hw-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}
.hw-card{display:flex;flex-direction:column;gap:8px;padding:16px 16px 14px;border:3px solid var(--ink);background:var(--paper,#F5EFE0);text-decoration:none;color:var(--ink);box-shadow:5px 5px 0 var(--ink);transition:transform .12s,box-shadow .12s}
.hw-card:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--ink)}
.hw-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.hw-pill{font-family:'Inconsolata',monospace;font-weight:700;font-size:11px;letter-spacing:.18em;text-transform:uppercase;padding:3px 8px;border:2px solid var(--ink)}
.hw-pos{font-family:'Inconsolata',monospace;font-size:12px;font-style:italic;opacity:.7}
.hw-word{font-family:'Archivo Black','Arial Black',sans-serif;font-size:22px;line-height:1.05;letter-spacing:-.01em}
.hw-def{font-size:14px;line-height:1.45;opacity:.85}
.hw-born{font-family:'Inconsolata',monospace;font-size:12px;letter-spacing:.12em;text-transform:uppercase;opacity:.6;margin-top:auto}
.prose .art-img{margin:1.6em 0}
.prose .art-img img{border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);max-width:100%;height:auto}
.prose .art-gif img{max-width:min(100%,480px)}
.prose .art-img figcaption{font-family:'Inconsolata',monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;opacity:.7;margin-top:10px}
.prose .art-img figcaption a{color:var(--orange)}
.prose a.hw{font-weight:700;color:var(--ink);background:linear-gradient(transparent 62%,var(--lime) 62%);text-decoration:none;border-bottom:2px solid var(--ink)}
.prose a.hw:hover{background:var(--lime)}
.prose .tbl{overflow-x:auto;margin:1.4em 0;border:3px solid var(--ink)}
.prose table{border-collapse:collapse;width:100%;font-size:15px}
.prose th,.prose td{padding:10px 12px;border-bottom:2px solid var(--ink);text-align:left;vertical-align:top}
.prose th{font-family:'Inconsolata',monospace;font-size:12px;letter-spacing:.15em;text-transform:uppercase;background:var(--ink);color:var(--lime)}
.prose h2{margin-top:2em}
.prose h3{margin-top:1.5em}
.prose blockquote{border-left:6px solid var(--pink);margin:1.4em 0;padding:4px 0 4px 18px;font-style:italic}
@media (max-width:600px){.hw-grid{grid-template-columns:1fr 1fr;gap:12px}.hw-word{font-size:18px}.hw-card{padding:12px;box-shadow:3px 3px 0 var(--ink)}}

/* ---- footer v2 ---- */
footer.site .wrap.ft-grid{padding:48px 28px 40px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px 40px}
footer.site .ft{font-size:22px;letter-spacing:-.01em}
footer.site .ft-brand p{max-width:44ch;font-size:14px}
.ft-states{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.ft-states span{font-family:'Inconsolata',monospace;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--c);border:2px solid var(--c);padding:3px 9px}
.ft-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}
.ft-links a{color:var(--paper);text-decoration:none;font-size:14px;border-bottom:1px solid transparent;transition:color .12s,border-color .12s}
.ft-links a:hover{color:var(--lime);border-bottom-color:var(--lime)}
.ft-tip{margin-top:18px!important;font-size:12.5px!important}
.ft-tip kbd{font-family:'Inconsolata',monospace;background:var(--paper);color:var(--ink);padding:1px 6px;font-weight:700}
.ft-bar{border-top:1px solid rgba(255,255,255,.14)}
.ft-bar .wrap{padding:16px 28px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;font-family:'Inconsolata',monospace;font-size:12px;letter-spacing:.04em;color:var(--grey-l)}
@media (max-width:900px){footer.site .wrap.ft-grid{grid-template-columns:1fr 1fr}}
@media (max-width:520px){footer.site .wrap.ft-grid{grid-template-columns:1fr;padding:36px 20px 28px}.ft-bar .wrap{flex-direction:column;padding:14px 20px}}
/* ---- contact form ---- */
.contact-form{margin:2em 0;padding:24px;border:3px solid var(--ink);background:var(--paper,#F5EFE0);box-shadow:8px 8px 0 var(--ink)}
.cf-row{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}
.cf-row label{font-family:'Inconsolata',monospace;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.cf-row input,.cf-row select,.cf-row textarea{font:inherit;font-size:16px;padding:10px 12px;border:3px solid var(--ink);background:#fff;color:var(--ink);width:100%;box-sizing:border-box}
.cf-row textarea{resize:vertical;min-height:160px}
.cf-row input:focus,.cf-row select:focus,.cf-row textarea:focus{outline:none;box-shadow:0 0 0 3px var(--lime)}
.cf-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.cf-actions{flex-direction:row;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:0}
.cf-small{font-size:13px;opacity:.7}
.cf-notice{border:3px solid var(--ink);background:var(--lime);padding:12px 14px;font-weight:700;margin-bottom:18px}

/* ---- logo, favicon, hero search v2 ---- */
.brand-logo{display:block;height:52px;width:auto;background:var(--paper);padding:6px 10px;border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink)}
.brand .tag{margin-left:2px}
.eyebrow-age{font-weight:700;color:var(--ink)}
.search-label{margin-top:26px;font-family:'Inconsolata',monospace;font-weight:700;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink)}
.hero .searchbox{margin-top:8px;max-width:760px}
.hero .searchbox form{box-shadow:8px 8px 0 var(--ink);border-width:3px;background:#fff}
.hero .searchbox input{font-size:20px;padding:20px 0}
.hero .searchbox .prompt{font-size:24px}
.hero .search-go{font-size:14px;padding:22px 26px;background:var(--lime);color:var(--ink)}
.hero .search-go:hover{background:var(--ink);color:var(--lime)}
.searchbox-page{max-width:820px;margin:18px 0 26px}
.searchbox-page form{background:#fff;border-width:3px;box-shadow:6px 6px 0 var(--ink)}
.searchbox-page input{font-size:17px;padding:14px 0}
.searchbox-page .search-go{background:var(--lime);color:var(--ink)}
.searchbox-page .search-go:hover{background:var(--ink);color:var(--lime)}
.ft-icon{display:block;width:64px;height:64px;margin-bottom:12px;border:3px solid var(--paper);box-shadow:4px 4px 0 var(--lime)}
@media (max-width:760px){.brand-logo{height:36px;padding:4px 8px}.hero .searchbox input{font-size:17px;padding:16px 0}.hero .search-go{padding:16px 16px}}

/* ---- play ---- */
.btn-play{background:var(--ink);color:var(--lime)}
.btn-play:hover{background:var(--paper);color:var(--ink)}
.hl-play{background:var(--ink)!important;color:var(--lime)!important}
.play-wrap{padding:28px 28px 60px}
.play-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:32px;margin-top:18px}
.play-kicker{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.play-round{font-family:'Inconsolata',monospace;font-weight:700;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--grey-d)}
.play-last{border:3px solid var(--ink);background:#fff;padding:14px 18px;margin-bottom:22px;box-shadow:5px 5px 0 var(--ink);border-left-width:12px}
.play-last.seen{border-left-color:var(--lime)}.play-last.unseen{border-left-color:var(--pink)}.play-last.skip{border-left-color:var(--grey-l)}
.play-last .pl-head{font-family:'Inconsolata',monospace;font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:uppercase}
.play-last p{margin:8px 0;font-size:15px;line-height:1.5}
.play-last .pl-link{font-family:'Archivo Black',sans-serif;font-size:12px;text-transform:uppercase;color:var(--orange);text-decoration:none}
.play-card{border:var(--rule);border-width:4px;background:var(--paper);padding:34px 34px 30px;box-shadow:10px 10px 0 var(--ink);position:relative;overflow:hidden}
.play-card:before{content:"";position:absolute;inset:0 0 auto 0;height:10px;background:var(--sbg)}
.pc-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.pill-status{font-family:'Inconsolata',monospace;font-weight:700;font-size:12px;letter-spacing:.18em;text-transform:uppercase;padding:5px 10px;border:2px solid var(--ink)}
.pc-pos{font-family:'Inconsolata',monospace;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--grey-d)}
.pc-word{font-family:'Archivo Black','Arial Black',sans-serif;font-size:clamp(40px,7vw,96px);line-height:.95;letter-spacing:-.02em;margin:0;text-transform:uppercase;word-break:break-word}
.pc-q{font-size:18px;margin:22px 0 18px;color:var(--grey-d)}
.pc-actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.play-btn{font-family:'Archivo Black','Arial Black',sans-serif;font-size:16px;text-transform:uppercase;border:3px solid var(--ink);padding:18px 26px;cursor:pointer;box-shadow:5px 5px 0 var(--ink);transition:transform .1s,box-shadow .1s}
.play-btn:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--ink)}
.play-btn.yes{background:var(--lime);color:var(--ink)}.play-btn.no{background:var(--pink);color:var(--ink)}
.play-skip{background:none;border:0;font-family:'Inconsolata',monospace;font-weight:700;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--grey-d);cursor:pointer;text-decoration:underline;margin-left:auto}
.ps-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;text-align:center}
.ps-stats b{display:block;font-family:'Archivo Black',sans-serif;font-size:26px;line-height:1}
.ps-stats span{font-family:'Inconsolata',monospace;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--grey-d)}
.ps-bar{height:12px;border:2px solid var(--ink);background:#fff;margin:14px 0;overflow:hidden}
.ps-bar span{display:block;height:100%;background:var(--lime);border-right:2px solid var(--ink);transition:width .3s}
.ps-title{font-family:'Archivo Black',sans-serif;font-size:20px;text-transform:uppercase;line-height:1.05;margin-bottom:6px}
.ps-verdict p{margin:0;font-size:14px;line-height:1.5}
.ps-badge{margin-top:10px;background:var(--ink);color:var(--lime);font-family:'Inconsolata',monospace;font-weight:700;font-size:12px;letter-spacing:.1em;padding:6px 10px;display:inline-block}
.ps-share{margin-top:14px}.ps-share input{width:100%;font:13px 'Inconsolata',monospace;padding:8px;border:2px solid var(--ink);background:#fff}
.ps-share span{font-family:'Inconsolata',monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--grey-d)}
.ps-foot{display:flex;gap:14px;flex-wrap:wrap;margin-top:14px;font-family:'Inconsolata',monospace;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.ps-foot a{color:var(--orange)}
@media (max-width:900px){.play-grid{grid-template-columns:1fr}.play-card{padding:24px 20px;box-shadow:6px 6px 0 var(--ink)}.play-btn{padding:14px 18px;font-size:14px;flex:1}}

/* ---- play bar (kayıt sayfası üstünde) ---- */
.playbar{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:0;border:4px solid var(--ink);background:#fff;box-shadow:8px 8px 0 var(--ink);margin:0 0 30px;overflow:hidden}
.pb-top{grid-column:1/-1;display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:10px 18px;background:var(--lime);border-bottom:3px solid var(--ink)}
.pb-round{font-family:'Inconsolata',monospace;font-weight:700;font-size:12px;letter-spacing:.18em;text-transform:uppercase}
.pb-last{margin-left:auto;font-family:'Inconsolata',monospace;font-size:12.5px;letter-spacing:.04em;padding:4px 10px;border:2px solid var(--ink);background:#fff}
.pb-last.seen{background:#fff}.pb-last.unseen{background:var(--pink)}.pb-last.skip{opacity:.7}
.pb-main{padding:22px 22px 20px}
.pb-q{font-family:'Archivo Black','Arial Black',sans-serif;font-size:clamp(20px,2.6vw,30px);line-height:1.1;margin-bottom:16px;text-transform:uppercase}
.pb-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.pb-file{padding:18px 20px;border-left:3px solid var(--ink);background:var(--paper)}
.pb-file .ps-title{font-size:18px}
@media (max-width:900px){.playbar{grid-template-columns:1fr;box-shadow:5px 5px 0 var(--ink)}.pb-file{border-left:0;border-top:3px solid var(--ink)}.pb-actions .play-skip{margin-left:0}}

.pb-word{background:var(--orange);color:var(--paper);padding:2px 12px 4px;display:inline-block;transform:rotate(-1deg);box-shadow:4px 4px 0 var(--ink);font-size:1.15em;line-height:1.1}

/* ---- play bar v2: kompakt, belirgin oyun alanı ---- */
.playbar{display:block;grid-template-columns:none;background:var(--ink);color:var(--paper);border:4px solid var(--lime);box-shadow:6px 6px 0 var(--orange);margin:0 0 26px;padding:12px 16px 10px;position:relative;overflow:visible}
.playbar:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(-45deg,transparent 0 14px,rgba(184,233,43,.06) 14px 28px)}
.pb-row1{display:flex;align-items:center;gap:14px 18px;flex-wrap:wrap;position:relative}
.pb-tag{font-family:'Inconsolata',monospace;font-weight:700;font-size:11px;letter-spacing:.2em;text-transform:uppercase;background:var(--lime);color:var(--ink);padding:4px 9px;transform:rotate(-2deg);white-space:nowrap}
.playbar .pb-q{font-size:clamp(16px,1.9vw,22px);margin:0;flex:1 1 320px;line-height:1.25;text-transform:uppercase;color:var(--paper)}
.playbar .pb-word{font-size:1.1em;padding:1px 10px 3px;box-shadow:3px 3px 0 var(--lime)}
.playbar .pb-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.playbar .play-btn{font-size:13px;padding:11px 16px;box-shadow:4px 4px 0 var(--lime);border-color:var(--lime)}
.playbar .play-btn:hover{box-shadow:6px 6px 0 var(--lime)}
.playbar .play-skip{color:var(--grey-l);margin-left:0;font-size:11px}.playbar .play-skip.stop{color:var(--pink)}
.pb-row2{display:flex;align-items:center;gap:10px 18px;flex-wrap:wrap;margin-top:10px;padding-top:9px;border-top:1px dashed rgba(255,255,255,.25);font-family:'Inconsolata',monospace;font-size:12px;letter-spacing:.04em;position:relative}
.playbar .pb-last{margin:0;padding:0;border:0;background:none;color:var(--grey-l);font-size:12px}
.playbar .pb-last.seen{color:var(--lime)}.playbar .pb-last.unseen{color:var(--pink)}.playbar .pb-last b{color:var(--paper)}
.pb-chips{display:flex;gap:6px;flex-wrap:wrap;margin-left:auto}
.pb-chip{border:1.5px solid rgba(255,255,255,.35);padding:2px 8px;text-transform:uppercase;letter-spacing:.1em;font-size:10.5px;color:var(--grey-l)}
.pb-chip b{color:var(--paper);font-size:12px}
.pb-pct{background:linear-gradient(90deg,rgba(184,233,43,.35) var(--p),transparent var(--p))}
.pb-verdict{text-transform:uppercase;letter-spacing:.12em;font-size:11px;color:var(--lime);cursor:help}
.pb-verdict b{font-size:12px}.pb-verdict i{font-style:normal;color:var(--paper);opacity:.8;margin-left:6px}
.pb-links{display:flex;gap:12px}.pb-links a{color:var(--grey-l);text-transform:uppercase;letter-spacing:.14em;font-size:10.5px}.pb-links a:hover{color:var(--lime)}
@media (max-width:900px){.playbar{box-shadow:4px 4px 0 var(--orange);padding:10px 12px 8px}.playbar .play-btn{flex:1;padding:10px 12px}.pb-chips{margin-left:0}}

/* ---- play bar: teşhis satırı ---- */
.pb-row3{display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap;margin-top:8px;position:relative;font-family:'Inconsolata',monospace}
.pb-verdict{display:inline-flex;align-items:center;gap:8px;background:var(--lime);color:var(--ink);padding:5px 10px 5px 6px;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--orange);cursor:default;text-transform:none;letter-spacing:0}
.pb-vlabel{font-size:9.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;background:var(--ink);color:var(--lime);padding:2px 6px}
.pb-verdict b{font-family:'Archivo Black','Arial Black',sans-serif;font-size:14px;text-transform:uppercase;letter-spacing:.02em}
.pb-badge{background:var(--orange);color:var(--paper);font-weight:700;font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:5px 10px;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--lime)}
.pb-vline{color:var(--paper);font-size:12.5px;flex:1 1 240px}
.pb-row3 .pb-links{margin-left:auto}

/* ---- ana sayfa: dönem çipleri, hızlı süzme, kart tanıklık sayısı ---- */
.controls-2{margin-top:-6px;align-items:center;gap:14px 22px}
.ctrl-label{font-family:'Inconsolata',monospace;font-weight:700;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--grey-d)}
.chips-era{align-items:center;gap:8px}
.chip.era{background:#FFF6EA;color:#4A443C;border:2px solid var(--ink);font-size:11px;padding:5px 10px}
.chip.era.on{background:var(--ink);color:var(--lime)}
.quickfilter{display:flex;align-items:center;gap:10px;margin-left:auto;flex-wrap:wrap}
.quickfilter input{font-family:'Inconsolata',monospace;font-size:14px;padding:9px 12px;border:3px solid var(--ink);background:#fff;color:var(--ink);min-width:min(320px,60vw)}
.quickfilter input:focus{outline:none;box-shadow:0 0 0 3px var(--lime)}
.qf-count{font-family:'Inconsolata',monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--grey-d)}
.card-ent{margin-left:auto;font-family:'Inconsolata',monospace;font-weight:700;font-size:10.5px;letter-spacing:.1em;opacity:.75}

/* ---- ana sayfa: A–Z paneli ---- */
.loadmore{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;align-items:center}
.btn-az{background:var(--ink);color:var(--lime);cursor:pointer}
.btn-az:hover{background:var(--lime);color:var(--ink)}
.az-panel{margin:22px auto 0;max-width:1000px;border:4px solid var(--ink);background:var(--paper);box-shadow:8px 8px 0 var(--ink);padding:22px}
.azp-head h3{font-family:'Archivo Black','Arial Black',sans-serif;font-size:20px;text-transform:uppercase;margin:0 0 6px}
.azp-head p{margin:0 0 16px;font-size:14px;color:var(--grey-d)}
.azp-go{margin-top:16px;display:inline-block}

/* ---- A–Z sayfası ---- */
.az .wrap{padding:26px 28px 64px}
.az-head{margin:14px 0 18px}
.az-head h1{font-family:'Archivo Black','Arial Black',sans-serif;font-size:clamp(32px,5vw,58px);line-height:.98;text-transform:uppercase;margin:0}
.az-head h1 span{background:var(--lime);padding:0 10px;display:inline-block;transform:rotate(-1deg)}
.az-head .lede{margin-top:10px;font-size:15px}
.az-strip{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0}
.az-l{display:inline-flex;align-items:baseline;gap:5px;min-width:40px;justify-content:center;padding:8px 10px;border:3px solid var(--ink);background:#fff;color:var(--ink);text-decoration:none;font-family:'Archivo Black','Arial Black',sans-serif;font-size:14px;text-transform:uppercase;box-shadow:3px 3px 0 var(--ink);transition:transform .1s,box-shadow .1s}
.az-l:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--ink);background:var(--lime)}
.az-l.on{background:var(--ink);color:var(--lime)}
.az-l.off{opacity:.3;box-shadow:none;cursor:default}
.az-n{font-family:'Inconsolata',monospace;font-size:10px;font-weight:700;opacity:.6}
.az-controls{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;justify-content:space-between;margin:18px 0 14px}
.az-controls .chips,.az-controls .sorts{display:flex;gap:6px;flex-wrap:wrap}
.az-controls .chip,.az-controls .sorts a{font-family:'Inconsolata',monospace;font-weight:700;font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:6px 11px;border:2px solid var(--ink);text-decoration:none}
.az-list{list-style:none;margin:0;padding:0;border-top:3px solid var(--ink)}
.az-row{display:grid;grid-template-columns:minmax(140px,1.1fr) 54px 96px 92px minmax(0,2.4fr) 44px;align-items:baseline;gap:12px;padding:11px 8px;border-bottom:1px solid var(--line,#E4DACB)}
.az-row:nth-child(even){background:rgba(20,17,12,.03)}
.az-row:hover{background:var(--lime)}
.az-word{font-family:'Archivo Black','Arial Black',sans-serif;font-size:16px;color:var(--ink);text-decoration:none;line-height:1.15}
.az-word:hover{text-decoration:underline}
.az-pos{font-family:'Inconsolata',monospace;font-size:12px;font-style:italic;color:var(--grey-d)}
.az-st{font-family:'Inconsolata',monospace;font-weight:700;font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding:3px 7px;border:2px solid var(--ink);text-align:center}
.az-years{font-family:'Inconsolata',monospace;font-size:12px;color:var(--grey-d)}
.az-def{font-size:13.5px;line-height:1.45;color:var(--grey-d);overflow:hidden}
.az-ent{font-family:'Inconsolata',monospace;font-size:11px;color:var(--grey-d);text-align:right}
.az-ent:before{content:"✎ "}
.az-pager{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:24px}
.az-pageno{font-family:'Inconsolata',monospace;font-weight:700;font-size:12px;letter-spacing:.16em;text-transform:uppercase}
@media (max-width:820px){
  .az-row{grid-template-columns:1fr auto;gap:4px 10px}
  .az-pos,.az-years,.az-ent{display:none}
  .az-def{grid-column:1/-1;font-size:13px}
  .quickfilter{margin-left:0;width:100%}
  .quickfilter input{flex:1;min-width:0}
}

/* ---- 404 ---- */
.nf .wrap{padding:32px 28px 70px}
.nf-card{border:4px solid var(--ink);background:var(--ink);color:var(--paper);box-shadow:10px 10px 0 var(--orange);padding:26px 28px 30px;position:relative;overflow:hidden}
.nf-card:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(-45deg,transparent 0 16px,rgba(255,255,255,.04) 16px 32px);pointer-events:none}
.nf-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap;position:relative}
.nf-st{font-family:'Inconsolata',monospace;font-weight:700;font-size:11px;letter-spacing:.2em;text-transform:uppercase;background:var(--pink);color:var(--ink);padding:4px 9px;transform:rotate(-2deg)}
.nf-path{font-family:'Inconsolata',monospace;font-size:12px;color:var(--grey-l);word-break:break-all}
.nf-code{font-family:'Archivo Black','Arial Black',sans-serif;font-size:clamp(72px,16vw,190px);line-height:.85;margin:14px 0 6px;letter-spacing:-.03em;color:var(--lime);position:relative;text-shadow:6px 6px 0 var(--orange)}
.nf-line{font-size:clamp(16px,2.2vw,22px);line-height:1.35;max-width:60ch;margin:0 0 20px;position:relative}
.nf-search{position:relative;max-width:640px;margin:0}
.nf-search form{background:#fff}
.nf-meta{display:flex;flex-wrap:wrap;gap:8px 26px;margin-top:22px;padding-top:14px;border-top:1px dashed rgba(255,255,255,.25);font-family:'Inconsolata',monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--grey-l);position:relative}
.nf-sec{margin-top:34px}
.nf-guesses{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.nf-guess{display:flex;flex-direction:column;gap:7px;padding:14px 16px;border:3px solid var(--ink);background:var(--paper);color:var(--ink);text-decoration:none;box-shadow:5px 5px 0 var(--ink);transition:transform .1s,box-shadow .1s}
.nf-guess:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--ink)}
.nfg-st{align-self:flex-start;font-family:'Inconsolata',monospace;font-weight:700;font-size:10px;letter-spacing:.16em;text-transform:uppercase;padding:3px 8px;border:2px solid var(--ink)}
.nf-guess.post .nfg-st{background:var(--orange);color:var(--paper)}
.nfg-w{font-family:'Archivo Black','Arial Black',sans-serif;font-size:19px;line-height:1.1}
.nfg-d{font-size:13px;line-height:1.45;opacity:.85}
.nf-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:28px;align-items:start}
.nf-dead{display:flex;flex-direction:column;gap:8px;padding:20px;border:4px solid var(--ink);box-shadow:7px 7px 0 var(--ink);text-decoration:none}
.nfd-st{align-self:flex-start;font-family:'Inconsolata',monospace;font-weight:700;font-size:10px;letter-spacing:.16em;text-transform:uppercase;padding:3px 8px}
.nfd-w{font-family:'Archivo Black','Arial Black',sans-serif;font-size:clamp(24px,4vw,40px);line-height:1;text-transform:uppercase;text-decoration:line-through}
.nfd-y{font-family:'Inconsolata',monospace;font-size:12px;letter-spacing:.1em;text-transform:uppercase;opacity:.8}
.nfd-d{font-size:14px;line-height:1.5}
.nf-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.nf-links a{font-family:'Inconsolata',monospace;font-weight:700;font-size:14px;color:var(--ink);text-decoration:none;border-bottom:2px solid var(--orange)}
.nf-links a:hover{background:var(--lime)}
@media (max-width:820px){.nf-grid{grid-template-columns:1fr}.nf-card{padding:20px 18px 24px;box-shadow:6px 6px 0 var(--orange)}}

/* ---- topbar markası: ikon + "Give Up Internet!" (beyaz yazı, siyah ünlem) ---- */
.brand-logo{display:none}
.brand{gap:11px;font-size:20px;letter-spacing:-.01em;text-transform:none}
.brand-icon{display:block;width:40px;height:40px;border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink);flex:none}
.brand-name{color:#fff;line-height:1}
.brand-name .bang{color:var(--ink)}
@media (max-width:760px){.brand{font-size:17px;gap:9px}.brand-icon{width:34px;height:34px}}
@media (max-width:520px){.brand .tag{display:none}}

/* marka yazısı ikondaki harflerle aynı: ağır grotesk, sağa yatık, sıkı */
.brand-name{font-family:'Archivo Black','Arial Black',sans-serif;font-weight:900;font-style:normal;
  transform:skewX(-11deg);display:inline-block;letter-spacing:-.015em;transform-origin:left center}
.brand-name .bang{display:inline-block}

/* ---- kayıt sayfası v2: derli toplu tek kart + yapışkan kenar ---- */
.rec2 .rec-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:18px 0 14px}
.rec2 .rec-top .crumbs{padding:0}
.rec2 .searchbox-page{margin:0;max-width:380px;flex:1 1 260px}
.rec2 .searchbox-page form{box-shadow:3px 3px 0 var(--ink);border-width:2px}
.rec2 .searchbox-page input{font-size:14px;padding:9px 0}
.rec2 .searchbox-page .search-go{padding:9px 14px;font-size:11px}
.rec2 .rec-body{padding-top:8px;gap:0 40px}
.rec2 .rec-main{padding-top:0}
.rec2 .rec-card{border:var(--rule);background:var(--paper);box-shadow:8px 8px 0 var(--ink);padding:22px 26px 18px;margin-bottom:34px}
.rec2 .rec-head{padding:0 0 18px;border-bottom:2px solid var(--ink)}
.rec2 .rec-title{grid-template-columns:1fr;gap:10px;margin-top:10px}
.rec2 .rec-title h1{font-size:clamp(34px,4.6vw,64px)}
.rec2 .rec-title p.rec-def{max-width:66ch;font-size:16.5px}
.rec2 .fields{border:0;display:flex;flex-wrap:wrap;gap:8px 28px;padding:14px 0 10px}
.rec2 .fields .f{padding:0;border:0;background:none;display:flex;align-items:baseline;gap:8px}
.rec2 .fields .k{font-size:9.5px}
.rec2 .fields .v{font-size:13.5px;margin:0}
.rec2 .section{padding:6px 0 0;border:0}
.rec2 .badge-ink{font-size:10px;padding:3px 8px}
.rec2 .tl{height:132px;margin-top:10px;box-shadow:none;border-width:2px}
.rec2 .tl .grid-l{top:24px;bottom:8px}
.rec2 .tl .grid-y{top:6px;font-size:10px}
.rec2 .tl .axis{top:64px}
.rec2 .tl .band{top:56px;height:16px}
.rec2 .tl .gap{top:63px}
.rec2 .tl .peak-d{top:56px;width:14px;height:14px}
.rec2 .tl .peak-lab{top:28px}.rec2 .tl .peak-lab span{font-size:10.5px;padding:2px 6px}
.rec2 .tl .tick{top:48px;height:34px;width:3px}
.rec2 .tl .mark{top:88px}.rec2 .tl .mark span{font-size:10.5px;padding:2px 6px}
.rec2 .sec-head{margin-top:0}
.rec2 .ents{gap:14px}
.rec2 .ent{padding:16px 18px;box-shadow:4px 4px 0 var(--ink)}
.rec2 .ent p{font-size:15.5px}
.rec2 .filebox{margin-top:24px;padding:18px 20px 16px;box-shadow:5px 5px 0 var(--ink)}
.rec2 .filebox h3{font-size:20px;margin:6px 0 4px}
.rec2 .filebox textarea{min-height:88px}
.rec2 .prevnext{margin-top:24px;box-shadow:4px 4px 0 var(--ink)}
.rec2 .prevnext a{padding:14px 16px}
.rec2 .aside{position:sticky;top:78px;display:flex;flex-direction:column;gap:18px}
.rec2 .panel-verdict{border:var(--rule);background:var(--paper);box-shadow:6px 6px 0 var(--ink);padding:16px 16px 14px}
.rec2 .verdict{display:block}
.rec2 .verdict h2{font-size:24px;margin:6px 0 4px}
.rec2 .verdict p{font-size:12.5px;line-height:1.45;margin-bottom:12px}
.rec2 .vote-grid{grid-template-columns:1fr;gap:10px}
.rec2 .vote{padding:11px 13px;gap:4px;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;box-shadow:4px 4px 0 var(--ink)}
.rec2 .vote .lbl{font-size:12px}
.rec2 .vote .num{font-size:24px;order:2}
.rec2 .vote .hint{flex-basis:100%;font-size:9.5px;order:3}
.rec2 .vote-bar{height:14px;margin-top:12px}
.rec2 .vote-note{font-size:10.5px;flex-direction:column;gap:2px}
.rec2 .panel{margin:0}
@media (max-width:900px){
  .rec2 .rec-body{grid-template-columns:1fr}
  .rec2 .aside{position:static}
  .rec2 .rec-card{padding:16px 16px 12px;box-shadow:5px 5px 0 var(--ink)}
  .rec2 .searchbox-page{max-width:none}
}
.rec2 .vote{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:10px;row-gap:3px}
.rec2 .vote .lbl{grid-column:1}.rec2 .vote .num{grid-column:2;grid-row:1;order:0}.rec2 .vote .hint{grid-column:1/-1;order:0}
.rec2 .aside{align-self:start}

/* ---- play bar v3: açık renk, ferah, anlaşılır ---- */
.playbar{background:#fff;color:var(--ink);border:3px solid var(--ink);box-shadow:6px 6px 0 var(--lime);padding:16px 20px 14px;margin:0 0 26px}
.playbar:before{display:none}
.pb-row1{gap:14px 20px}
.pb-tag{background:var(--ink);color:var(--lime);transform:none;font-size:11px;padding:5px 10px}
.playbar .pb-q{color:var(--ink);font-size:clamp(17px,2vw,23px);text-transform:none;font-family:'Archivo Black','Arial Black',sans-serif;letter-spacing:-.01em}
.playbar .pb-word{background:var(--lime);color:var(--ink);box-shadow:3px 3px 0 var(--ink);transform:rotate(-1deg)}
.playbar .play-btn{font-size:13px;padding:12px 18px;border-color:var(--ink);box-shadow:4px 4px 0 var(--ink)}
.playbar .play-btn:hover{box-shadow:6px 6px 0 var(--ink)}
.playbar .play-skip{color:var(--grey-d);font-size:11px;text-decoration:underline}.playbar .play-skip.stop{color:var(--orange)}
.pb-row2{border-top:2px solid #EDE5D4;margin-top:12px;padding-top:10px;gap:10px 16px}
.playbar .pb-last{color:var(--grey-d);font-size:12.5px}
.playbar .pb-last.seen{color:#3E6B00}.playbar .pb-last.unseen{color:#B5236B}.playbar .pb-last b{color:var(--ink)}
.pb-chip{border:2px solid var(--ink);background:var(--paper);color:var(--grey-d);padding:3px 9px;font-size:10.5px}
.pb-chip b{color:var(--ink);font-size:12.5px}
.pb-pct{background:linear-gradient(90deg,var(--lime) var(--p),var(--paper) var(--p))}
.pb-row3{margin-top:10px;gap:10px 14px}
.pb-verdict{background:var(--ink);color:var(--paper);box-shadow:3px 3px 0 var(--lime);border-color:var(--ink)}
.pb-vlabel{background:var(--lime);color:var(--ink)}
.pb-badge{background:var(--orange);color:var(--paper);box-shadow:3px 3px 0 var(--ink)}
.pb-vline{color:var(--grey-d);font-size:12.5px}
.pb-links a{color:var(--grey-d)}.pb-links a:hover{color:var(--orange)}
@media (max-width:900px){.playbar{box-shadow:4px 4px 0 var(--lime);padding:12px 14px 10px}}

/* ---- kayıt sayfası: oy okları + tam genişlik ömür barı ---- */
.rec2 .tl{height:150px}
.rec2 .tl .grid-l{top:26px;bottom:10px}
.rec2 .tl .axis{top:76px}.rec2 .tl .band{top:66px;height:20px}.rec2 .tl .gap{top:75px}
.rec2 .tl .peak-d{top:68px;width:16px;height:16px}.rec2 .tl .peak-lab{top:34px}
.rec2 .tl .tick{top:56px;height:40px}.rec2 .tl .mark{top:104px}
.rec2 .vote{grid-template-columns:auto 1fr auto;align-items:center;column-gap:12px;padding:10px 14px 10px 12px}
.rec2 .vote .arrow{grid-row:1/3;font-size:34px;line-height:1;font-family:'Archivo Black','Arial Black',sans-serif}
.rec2 .vote-a .arrow{color:#3E6B00}.rec2 .vote-d .arrow{color:#B5236B}
.rec2 .vote-a:hover .arrow,.rec2 .vote-d:hover .arrow{color:var(--ink)}
.rec2 .vote .lbl{grid-column:2;grid-row:1;font-size:13px;color:var(--ink)}
.rec2 .vote .num{grid-column:3;grid-row:1/3;font-size:26px}
.rec2 .vote .hint{grid-column:2;grid-row:2;font-size:9.5px}
.rec2 .vote-a{border-left:8px solid var(--lime)}.rec2 .vote-d{border-left:8px solid var(--pink)}
.rec2 .vote .lbl{background:none;padding:0;color:var(--ink);font-size:13px;letter-spacing:.02em}
.rec2 .vote-a .lbl,.rec2 .vote-d .lbl{color:var(--ink)}

/* ---- blog tekil: ilgili alanlar ile footer arasına ara + ayırıcı ---- */
.single .related{margin-top:48px;padding-top:28px;border-top:3px solid var(--ink)}
.single .related + .related{margin-top:36px;border-top:2px dashed var(--ink)}
.single .related .sec-title{margin-top:0}
.single .comments{margin-top:48px;padding-top:28px;border-top:3px solid var(--ink)}
.single > .wrap{padding-bottom:88px}
main.single{position:relative}
main.single:after{content:"";display:block;height:14px;background:repeating-linear-gradient(90deg,var(--ink) 0 18px,transparent 18px 28px);opacity:.9}

/* ================= HERO v2 ================= */
.hero2{position:relative;overflow:hidden;background:
  radial-gradient(circle at 12% 18%, rgba(184,233,43,.55) 0, transparent 34%),
  radial-gradient(circle at 88% 82%, rgba(223,85,7,.22) 0, transparent 38%),
  linear-gradient(180deg,#FFFDF7 0%,var(--paper) 100%)}
.hero2:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.35;
  background-image:linear-gradient(var(--ink) 1px,transparent 1px),linear-gradient(90deg,var(--ink) 1px,transparent 1px);
  background-size:36px 36px;mask-image:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.02))}
.h2-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:44px;align-items:center;padding:54px 28px 46px}
.h2-kicker{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-family:'Inconsolata',monospace;font-weight:700;font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--grey-d)}
.k-tag{background:var(--ink);color:var(--lime);padding:5px 10px}
.h2-title{margin:22px 0 0;font-family:'Archivo Black','Arial Black',sans-serif;text-transform:uppercase;line-height:.9;letter-spacing:-.02em;font-size:clamp(46px,7.2vw,112px);display:flex;flex-direction:column;align-items:flex-start}
.h2-title .ln{display:inline-block}
.h2-title .hl-a{background:var(--orange);color:var(--paper);padding:0 14px;transform:rotate(-1.2deg);margin:4px 0 2px}
.h2-title .hl-b{background:var(--lime);color:var(--ink);padding:0 14px;transform:rotate(.8deg);margin-top:4px;box-shadow:6px 6px 0 var(--ink)}
.h2-lede{font-size:clamp(16px,1.5vw,19px);line-height:1.55;color:var(--grey-d);max-width:52ch;margin:24px 0 0}
.h2-search{display:flex;align-items:center;gap:0;margin-top:26px;max-width:720px;background:#fff;border:4px solid var(--ink);box-shadow:10px 10px 0 var(--ink);position:relative}
.h2-search .prompt{font-family:'Archivo Black',sans-serif;font-size:26px;color:var(--orange);padding:0 6px 0 18px}
.h2-search input{flex:1;min-width:0;border:0;background:transparent;font-family:'Inconsolata',monospace;font-weight:500;font-size:clamp(17px,1.7vw,22px);padding:20px 8px;color:var(--ink);outline:none}
.h2-search input::placeholder{color:#8A7F6A}
.h2-search button{font-family:'Archivo Black',sans-serif;font-size:14px;text-transform:uppercase;letter-spacing:.04em;background:var(--lime);color:var(--ink);border:0;border-left:4px solid var(--ink);padding:0 28px;align-self:stretch;cursor:pointer}
.h2-search button:hover{background:var(--ink);color:var(--lime)}
.hero2 .results{max-width:720px}
.h2-try{margin-top:12px;font-family:'Inconsolata',monospace;font-size:12.5px;letter-spacing:.06em;color:var(--grey-d);display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.h2-try a{color:var(--ink);text-decoration:none;background:#fff;border:2px solid var(--ink);padding:2px 9px;font-weight:700}
.h2-try a:hover{background:var(--lime)}
.h2-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.h2-cta .btn{font-size:13px;padding:13px 18px}
.h2-cta .btn-ghost{background:transparent}
.h2-cta .btn-ghost:hover{background:var(--paper)}
/* fanned stack */
.h2-right{position:relative;min-height:420px}
.h2-stack{position:relative;height:440px}
.h2-card{position:absolute;left:0;right:0;top:0;display:flex;flex-direction:column;gap:8px;padding:20px 22px 0;border:var(--rule);box-shadow:8px 8px 0 var(--ink);text-decoration:none;min-height:340px;transition:transform .18s ease,box-shadow .18s ease;transform-origin:50% 100%}
.h2-card.c1{z-index:3;transform:rotate(-1.5deg)}
.h2-card.c2{z-index:2;transform:translate(26px,-22px) rotate(2.5deg);opacity:.96}
.h2-card.c3{z-index:1;transform:translate(52px,-44px) rotate(6deg);opacity:.92}
.h2-stack:hover .h2-card.c1{transform:rotate(-2deg) translateY(4px)}
.h2-stack:hover .h2-card.c2{transform:translate(58px,-34px) rotate(6deg)}
.h2-stack:hover .h2-card.c3{transform:translate(112px,-64px) rotate(12deg)}
.h2-card:hover{z-index:5!important;box-shadow:14px 14px 0 var(--ink)}
.hc-lab{position:absolute;top:-14px;left:16px;font-family:'Inconsolata',monospace;font-weight:700;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;background:var(--ink);color:var(--paper);padding:4px 9px}
.hc-st{align-self:flex-start;font-family:'Inconsolata',monospace;font-weight:700;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;padding:3px 8px;margin-top:6px}
.hc-w{font-family:'Archivo Black','Arial Black',sans-serif;font-size:clamp(26px,3vw,42px);line-height:.95;text-transform:uppercase;letter-spacing:-.01em;word-break:break-word}
.hc-meta{font-family:'Inconsolata',monospace;font-weight:700;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;opacity:.8}
.hc-def{font-size:14px;line-height:1.5;opacity:.92;flex:1}
.hc-go{margin:8px -22px 0;padding:11px 22px;border-top:var(--rule);background:var(--ink);color:var(--lime);font-family:'Archivo Black',sans-serif;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase}
.h2-card:hover .hc-go{background:var(--orange);color:var(--paper)}
/* ticker */
.h2-ticker{position:relative;border-top:var(--rule);background:var(--ink);overflow:hidden;white-space:nowrap}
.h2-ticker .track{display:inline-flex;gap:34px;padding:11px 0;animation:h2tick 60s linear infinite;will-change:transform}
.h2-ticker:hover .track{animation-play-state:paused}
.h2-ticker a{display:inline-flex;align-items:center;gap:8px;color:var(--paper);text-decoration:none;font-family:'Inconsolata',monospace;font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.h2-ticker a i{width:10px;height:10px;border:2px solid var(--paper);display:inline-block}
.h2-ticker a:hover{color:var(--lime)}
@keyframes h2tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.h2-ticker .track{animation:none}}
@media (max-width:1000px){.h2-grid{grid-template-columns:1fr;gap:40px;padding:38px 24px 34px}.h2-right{min-height:0}.h2-stack{height:auto;display:grid;gap:14px}
  .h2-card{position:static;min-height:0;transform:none!important;opacity:1!important}.h2-card.c2,.h2-card.c3{display:none}.hc-lab{top:-12px}}
@media (max-width:600px){.h2-title{font-size:clamp(40px,12vw,64px)}.h2-search{box-shadow:6px 6px 0 var(--ink)}.h2-search .prompt{font-size:20px;padding-left:12px}.h2-search button{padding:0 16px;font-size:12px}}
.h2-title{font-size:clamp(42px,6.1vw,92px)}
.h2-grid{padding:46px 28px 40px}
/* hero v2: daha alçak */
.h2-title{font-size:clamp(36px,4.6vw,66px);line-height:.92;margin-top:16px}
.h2-title .hl-a{padding:0 10px;margin:2px 0 1px}.h2-title .hl-b{padding:0 10px;margin-top:2px;box-shadow:5px 5px 0 var(--ink)}
.h2-lede{margin-top:16px;font-size:clamp(15px,1.3vw,17px)}
.h2-search{margin-top:18px;box-shadow:8px 8px 0 var(--ink)}
.h2-search input{padding:15px 8px;font-size:clamp(16px,1.5vw,19px)}
.h2-cta{margin-top:16px}.h2-try{margin-top:10px}
.h2-grid{padding:34px 28px 30px;gap:36px}
.h2-stack{height:380px}.h2-card{min-height:300px;padding:18px 20px 0}
.hc-w{font-size:clamp(24px,2.4vw,34px)}.hc-def{font-size:13.5px}
.h2-right{min-height:360px}

/* ---- kayıt sayfası ekleri: konu, say it, yıl/kaynak bağlantıları, blogda, filers, compare ---- */
.rec-topic{font-family:'Inconsolata',monospace;font-weight:700;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);background:var(--paper);border:2px solid var(--ink);padding:3px 9px;text-decoration:none}
.rec-topic:hover{background:var(--lime)}
.rec-say{font-family:'Inconsolata',monospace;font-weight:700;font-size:11px;letter-spacing:.12em;text-transform:uppercase;background:#fff;border:2px solid var(--ink);padding:3px 9px;cursor:pointer;box-shadow:2px 2px 0 var(--ink)}
.rec-say:hover,.rec-say.on{background:var(--lime)}
.f-year{color:var(--ink);text-decoration:none;border-bottom:2px solid var(--orange)}
.f-year:hover{background:var(--lime)}
.f-links{flex-basis:100%}
.src-links{display:flex;gap:6px 8px;flex-wrap:wrap;font-weight:400!important;font-size:12px!important}
.src-links a{font-family:'Inconsolata',monospace;font-weight:700;font-size:11px;letter-spacing:.08em;color:var(--ink);text-decoration:none;border:2px solid var(--ink);padding:2px 8px;background:#fff}
.src-links a.direct{background:var(--lime)}
.src-links a:hover{background:var(--orange);color:var(--paper)}
.rec-articles{margin:0 0 30px}
.ra-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}
.ra-card{display:flex;flex-direction:column;gap:6px;border:3px solid var(--ink);background:#fff;box-shadow:4px 4px 0 var(--ink);text-decoration:none;color:var(--ink);overflow:hidden}
.ra-card img{width:100%;aspect-ratio:1200/630;object-fit:cover;border-bottom:3px solid var(--ink)}
.ra-t{font-family:'Archivo Black','Arial Black',sans-serif;font-size:14px;line-height:1.2;padding:8px 12px 0}
.ra-d{font-family:'Inconsolata',monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--grey-d);padding:0 12px 10px}
.ra-card:hover{background:var(--lime)}
.panel-filers .body{display:flex;flex-direction:column;gap:6px}
.filer{display:flex;align-items:baseline;gap:8px;font-family:'Inconsolata',monospace;font-size:13px}
.filer b{color:var(--orange)}.filer span{margin-left:auto;font-size:11px;color:var(--grey-d)}
.vs-form{display:flex;gap:0;border:2px solid var(--ink);background:#fff}
.vs-form input{flex:1;min-width:0;border:0;padding:8px 10px;font:14px 'Inconsolata',monospace}
.vs-form button{border:0;border-left:2px solid var(--ink);background:var(--ink);color:var(--lime);font:700 11px 'Inconsolata',monospace;letter-spacing:.12em;padding:0 12px;cursor:pointer}
.vs-quick{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.vs-quick a{font:700 11px 'Inconsolata',monospace;letter-spacing:.08em;color:var(--ink);text-decoration:none;border:2px solid var(--ink);padding:2px 8px;background:var(--paper)}
.vs-quick a:hover{background:var(--lime)}
.flash a{color:var(--orange);font-weight:700}

/* ---- yıl sayfası ---- */
.yr .wrap,.tp .wrap,.vs .wrap{padding:26px 28px 64px}
.yr-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin-top:12px}
.yr-nav a{font:700 12px 'Inconsolata',monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--orange);text-decoration:none}
.yr-nav a:last-child{text-align:right}
.yr-nav h1{font-family:'Archivo Black','Arial Black',sans-serif;font-size:clamp(30px,5vw,58px);text-transform:uppercase;margin:0;text-align:center;line-height:1}
.yr-nav h1 span{background:var(--lime);padding:0 12px;display:inline-block;transform:rotate(-1deg)}
.yr-head .lede{text-align:center;margin-top:10px}
.yr-strip{display:flex;align-items:flex-end;gap:3px;margin:18px 0 10px;height:78px;overflow-x:auto;padding-bottom:16px}
.yr-strip a{flex:1 0 14px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;text-decoration:none;color:var(--grey-d);position:relative}
.yr-strip a i{display:block;width:100%;height:var(--h);background:var(--ink);opacity:.35}
.yr-strip a span{font:700 9px 'Inconsolata',monospace;position:absolute;bottom:-14px}
.yr-strip a:hover i,.yr-strip a.on i{background:var(--orange);opacity:1}
.yr-strip a.on span{color:var(--orange)}
.yr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:18px}
.yr-col .sec-title small{font:700 11px 'Inconsolata',monospace;background:var(--ink);color:var(--lime);padding:2px 7px;margin-left:8px;vertical-align:middle}
.yr-list{list-style:none;margin:0;padding:0;border-top:3px solid var(--ink)}
.yr-list li a{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;align-items:baseline;padding:9px 6px;border-bottom:1px solid #E4DACB;text-decoration:none;color:var(--ink)}
.yr-list li a:hover{background:var(--lime)}
.yr-st{font-size:10px;padding:2px 6px;border:2px solid var(--ink)}
.yr-list b{font-family:'Archivo Black','Arial Black',sans-serif;font-size:14px}
.yr-def{grid-column:2;font-size:12.5px;color:var(--grey-d);line-height:1.4}
.muted-line{font:13px 'Inconsolata',monospace;color:var(--grey-d)}
.yr-posts{margin-top:36px}
@media (max-width:900px){.yr-grid{grid-template-columns:1fr}}
/* ---- konu sayfası ---- */
.tp-head h1{font-family:'Archivo Black','Arial Black',sans-serif;font-size:clamp(30px,5vw,58px);text-transform:uppercase;margin:12px 0 0;line-height:1}
.tp-head h1 span{background:var(--lime);padding:0 12px;display:inline-block;transform:rotate(-1deg)}
.tp-strip{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0 6px}
.tp-strip a{font:700 11px 'Inconsolata',monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);text-decoration:none;border:2px solid var(--ink);background:#fff;padding:5px 9px;display:inline-flex;gap:6px;align-items:baseline}
.tp-strip a span{font-size:9.5px;opacity:.6}
.tp-strip a:hover{background:var(--lime)}.tp-strip a.on{background:var(--ink);color:var(--lime)}
.tp .grid{margin-top:12px}
/* ---- vs ---- */
.vs-head{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:stretch;margin-top:16px}
.vs-side{display:flex;flex-direction:column;gap:6px;padding:22px 22px;border:var(--rule);box-shadow:7px 7px 0 var(--ink);text-decoration:none;min-width:0}
.vs-side:last-child{text-align:right;align-items:flex-end}
.vs-st{font:700 11px 'Inconsolata',monospace;letter-spacing:.16em;text-transform:uppercase;border:2px solid var(--ink);padding:3px 8px;align-self:flex-start}
.vs-side:last-child .vs-st{align-self:flex-end}
.vs-w{font-family:'Archivo Black','Arial Black',sans-serif;font-size:clamp(24px,3.6vw,46px);line-height:.95;text-transform:uppercase;word-break:break-word}
.vs-y{font:700 12px 'Inconsolata',monospace;letter-spacing:.12em;opacity:.8}
.vs-mid{align-self:center;font-family:'Archivo Black','Arial Black',sans-serif;font-size:clamp(28px,4vw,52px);background:var(--ink);color:var(--lime);padding:6px 16px;transform:rotate(-6deg);box-shadow:5px 5px 0 var(--orange)}
.vs-verdict{font-size:17px;margin:22px 0 6px;font-weight:700}
.tl-vs{height:210px}
.tl-vs .lane{position:absolute;left:0;right:0;height:44px}
.tl-vs .lane-a{top:44px}.tl-vs .lane-b{top:120px}
.tl-vs .lane .band{top:14px;height:18px}
.tl-vs .lane .peak-d{top:15px;width:16px;height:16px}
.tl-vs .lane-lab{position:absolute;left:8px;top:-8px;font:700 10px 'Inconsolata',monospace;letter-spacing:.14em;text-transform:uppercase;background:var(--ink);color:var(--paper);padding:2px 7px;z-index:2}
.tl-vs .tick-now{top:30px;height:150px}
.vs-table{width:100%;border-collapse:collapse;margin-top:26px;border:3px solid var(--ink);background:#fff}
.vs-table th,.vs-table td{padding:10px 14px;border-bottom:2px solid #E4DACB;text-align:left}
.vs-table thead th{background:var(--ink);color:var(--lime);font:700 12px 'Inconsolata',monospace;letter-spacing:.14em;text-transform:uppercase}
.vs-table tbody th{font:700 11px 'Inconsolata',monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--grey-d);width:180px}
.vs-table td{font-weight:700}
.vs-again{display:flex;gap:10px;align-items:center;margin-top:24px;flex-wrap:wrap}
.vs-again input{font:15px 'Inconsolata',monospace;padding:10px 12px;border:3px solid var(--ink);background:#fff;min-width:200px}
@media (max-width:760px){.vs-head{grid-template-columns:1fr}.vs-mid{justify-self:center}.vs-side:last-child{text-align:left;align-items:flex-start}.vs-side:last-child .vs-st{align-self:flex-start}}

/* ---- ana sayfa: haftanın seçkisi, yıl dönümleri, konu şeridi ---- */
.wk{border-bottom:var(--rule);background:var(--paper)}
.wk-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px 48px;padding:26px 28px}
.wk-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.wk-sub{font:700 11px 'Inconsolata',monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--grey-d)}
.wk-list{list-style:none;margin:0;padding:0;counter-reset:wk}
.wk-list li a{display:grid;grid-template-columns:auto auto 1fr;gap:4px 10px;align-items:baseline;padding:8px 6px;border-bottom:1px solid #E4DACB;text-decoration:none;color:var(--ink)}
.wk-list li a:hover{background:var(--lime)}
.wk-st{font-size:10px;padding:1px 6px;border:2px solid var(--ink)}
.wk-list b{font-family:'Archivo Black','Arial Black',sans-serif;font-size:15px}
.wk-note{font-size:12.5px;color:var(--grey-d);line-height:1.4}
.topics-strip{border-bottom:var(--rule);background:#fff}
.topics-strip .wrap{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:12px 28px}
.ts-label{font:700 11px 'Inconsolata',monospace;letter-spacing:.2em;text-transform:uppercase;background:var(--ink);color:var(--lime);padding:4px 9px;margin-right:6px}
.topics-strip a{font:700 11px 'Inconsolata',monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);text-decoration:none;border:2px solid var(--ink);padding:4px 9px}
.topics-strip a b{color:var(--orange)}.topics-strip a:hover{background:var(--lime)}
@media (max-width:900px){.wk-grid{grid-template-columns:1fr}}

/* ---- footer bülten ---- */
.ft-news{border-top:1px solid rgba(255,255,255,.14);padding:24px 28px 8px;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,420px);gap:10px 40px;align-items:center}
.ft-news .fh{grid-column:1/-1;margin-bottom:0}
.ft-news p{margin:0;max-width:60ch}
.ft-news-form{display:flex;border:3px solid var(--lime);background:#fff}
.ft-news-form input[type=email]{flex:1;min-width:0;border:0;padding:11px 12px;font:14px 'Inconsolata',monospace;color:var(--ink)}
.ft-news-form button{border:0;background:var(--lime);color:var(--ink);font:700 12px 'Archivo Black',sans-serif;text-transform:uppercase;padding:0 16px;cursor:pointer}
.ft-news-form button:hover{background:var(--orange);color:var(--paper)}
.ft-news-note{grid-column:2;font:700 12px 'Inconsolata',monospace;color:var(--lime);letter-spacing:.06em}
@media (max-width:760px){.ft-news{grid-template-columns:1fr}.ft-news-note{grid-column:1}}

/* ---- video paneli ---- */
.yt{position:relative;aspect-ratio:16/9;border:3px solid var(--ink);background:#000}
.yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.yt-cap{font:700 11px 'Inconsolata',monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--grey-d);margin-top:8px}

/* ---- günlük mod ---- */
.pb-tag.daily{background:var(--orange);color:var(--paper)}
.pb-daily{color:var(--orange)!important}
.dr .wrap{padding:26px 28px 64px}
.dr-card{max-width:760px;margin:16px auto 0;border:4px solid var(--ink);background:#fff;box-shadow:10px 10px 0 var(--lime);padding:26px 28px}
.dr-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.dr-streak{font:700 12px 'Inconsolata',monospace;letter-spacing:.14em;text-transform:uppercase;background:var(--ink);color:var(--paper);padding:4px 9px}
.dr-score{font-family:'Archivo Black','Arial Black',sans-serif;line-height:.9;margin-top:18px}
.dr-score b{font-size:clamp(72px,14vw,150px)}.dr-score span{font-size:clamp(22px,4vw,40px);color:var(--grey-d);margin-left:6px}
.dr-squares{font-size:28px;letter-spacing:2px;margin:10px 0 6px}
.dr-title{font-family:'Archivo Black','Arial Black',sans-serif;font-size:clamp(20px,3vw,30px);text-transform:uppercase;background:var(--lime);display:inline-block;padding:2px 12px;transform:rotate(-1deg);box-shadow:4px 4px 0 var(--ink)}
.dr-line{font-size:17px;margin:18px 0 8px}
.dr-hist{display:grid;grid-template-columns:repeat(11,1fr);gap:4px;height:90px;align-items:end;margin:8px 0 18px;border-bottom:3px solid var(--ink);padding-bottom:18px;position:relative}
.dr-bar{display:flex;flex-direction:column;justify-content:flex-end;height:100%;position:relative}
.dr-bar i{display:block;height:max(4px,var(--h));background:var(--grey-l,#C8BCA6);border:2px solid var(--ink)}
.dr-bar.me i{background:var(--lime)}
.dr-bar span{position:absolute;bottom:-18px;left:0;right:0;text-align:center;font:700 10px 'Inconsolata',monospace}
.dr-bar.me span{color:var(--orange)}
.dr-share{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:start}
.dr-share textarea{font:13px/1.5 'Inconsolata',monospace;border:3px solid var(--ink);padding:10px;resize:none;background:var(--paper)}
.dr-list{list-style:none;margin:22px 0 0;padding:0;border-top:3px solid var(--ink)}
.dr-list li{display:grid;grid-template-columns:auto auto auto 1fr;gap:6px 10px;align-items:baseline;padding:9px 4px;border-bottom:1px solid #E4DACB}
.dr-list a{font-family:'Archivo Black','Arial Black',sans-serif;color:var(--ink);text-decoration:none}
.dr-list a:hover{background:var(--lime)}
.dr-st{font:700 10px 'Inconsolata',monospace;letter-spacing:.12em;text-transform:uppercase;padding:2px 6px;border:2px solid var(--ink)}
.dr-def{font-size:12.5px;color:var(--grey-d)}
.dr-foot{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:22px;font:13px 'Inconsolata',monospace;color:var(--grey-d)}
@media (max-width:600px){.dr-card{padding:18px 16px;box-shadow:6px 6px 0 var(--lime)}.dr-share{grid-template-columns:1fr}.dr-list li{grid-template-columns:auto 1fr;gap:4px 8px}.dr-def{grid-column:1/-1}}

/* ===== Tools (/tools/) ===== */
.tools .wrap,.pl .wrap{max-width:1180px;margin:0 auto;padding:22px 24px 60px}
.tl-head{margin:10px 0 22px}
.tl-head h1{font:44px/1 'Archivo Black',sans-serif;margin:0 0 10px;letter-spacing:-.01em;display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.tl-h-sub{font:700 12px 'Inconsolata',monospace;letter-spacing:.14em;text-transform:uppercase;background:var(--ink);color:var(--lime);padding:5px 9px}
.tl-head .lede{font-size:17px;max-width:720px;margin:0;color:#3a342c}
.tl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:6px 0 24px}
.tl-card{display:flex;flex-direction:column;gap:8px;padding:22px 20px 18px;border:var(--rule);background:#fff;color:var(--ink);text-decoration:none;box-shadow:6px 6px 0 var(--ink);transition:transform .12s,box-shadow .12s;min-height:200px}
.tl-card:hover{transform:translate(-2px,-2px);box-shadow:9px 9px 0 var(--orange)}
.tl-ic{font:700 26px 'Inconsolata',monospace;line-height:1;color:var(--orange)}
.tl-n{font:26px/1.05 'Archivo Black',sans-serif}
.tl-d{font-size:14px;color:#3a342c;line-height:1.45;flex:1}
.tl-go{font:700 11px 'Inconsolata',monospace;letter-spacing:.14em;text-transform:uppercase}
.tl-translate{background:#FFF1D6}.tl-is-it-dead{background:#FFE1EC}.tl-how-online-are-you{background:#EAF5C6}.tl-slangify{background:#E2E8FF}.tl-era{background:#EDE6D6}.tl-pulse{background:var(--ink);color:var(--paper)}.tl-pulse .tl-d{color:#D8CFBB}.tl-pulse .tl-ic{color:var(--lime)}
.tl-form{border:var(--rule);background:#fff;padding:14px;box-shadow:6px 6px 0 var(--lime);margin:0 0 22px}
.tl-form textarea{width:100%;box-sizing:border-box;border:2px solid var(--ink);padding:12px;font:16px/1.5 'Inter',sans-serif;resize:vertical;background:var(--paper)}
.tl-form.tl-inline{display:flex;gap:10px;align-items:stretch}
.tl-form.tl-inline input{flex:1;min-width:0;border:2px solid var(--ink);padding:12px 14px;font:20px 'Archivo Black',sans-serif;background:var(--paper)}
.tl-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:12px}
.tl-try{font:13px 'Inconsolata',monospace;color:#4A443C;display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:0 0 18px}
.tl-try a{color:var(--ink);text-decoration:none;border-bottom:2px solid var(--orange)}
.tl-try a:hover{background:var(--lime)}
.tl-note{font:13px 'Inconsolata',monospace;color:#4A443C}
.tl-result{margin-top:8px}
.tl-verdict{background:var(--ink);color:var(--paper);padding:18px 22px;border:var(--rule);box-shadow:6px 6px 0 var(--orange);margin-bottom:22px}
.tl-vt{font:28px/1.1 'Archivo Black',sans-serif;color:var(--lime);margin-bottom:6px}
.tl-verdict p{margin:0;font-size:15px}
.tl-cols{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:22px}
.tl-text{border:var(--rule);background:#fff;padding:16px 18px;font-size:17px;line-height:1.7;min-height:80px}
.tl-plain{background:#F7F0E2}
.tr-hit{background:var(--lime);padding:1px 4px;border-bottom:2px solid var(--ink)}
.tr-hit a{color:var(--ink);text-decoration:none;font-weight:700}
.tr-hit.st-dead,.tr-hit.st-fossil{background:#FFD7C4;text-decoration:line-through}
.tr-hit.st-dying{background:#FFD84D}.tr-hit.st-undead{background:#D9E0FF}
.tl-hits{list-style:none;margin:0 0 20px;padding:0;border-top:var(--rule)}
.tl-hits li{display:grid;grid-template-columns:auto auto auto 1fr;gap:6px 12px;align-items:center;padding:9px 4px;border-bottom:2px solid #E3D9C6;font-size:14px}
.tl-hits li a{color:var(--ink);text-decoration:none}.tl-hits li a b{font-size:16px}
.tl-hits li a:hover b{background:var(--lime)}
.st-pill{font:700 10px 'Inconsolata',monospace;letter-spacing:.12em;text-transform:uppercase;padding:2px 7px;border:2px solid var(--ink);white-space:nowrap}
.tl-y{font:12px 'Inconsolata',monospace;color:#4A443C;white-space:nowrap}
.tl-def{color:#3a342c;font-size:13.5px}
.tl-share{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.tl-more{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:34px;padding-top:16px;border-top:var(--rule);font:700 11px 'Inconsolata',monospace;letter-spacing:.14em;text-transform:uppercase}
.tl-more a{color:var(--ink);text-decoration:none;border:2px solid var(--ink);padding:5px 10px;background:var(--paper)}
.tl-more a:hover{background:var(--lime)}
/* is it dead */
.idd-card{border:var(--rule);background:#fff;padding:24px 26px;box-shadow:8px 8px 0 var(--sbg,var(--lime));margin:6px 0 20px}
.idd-top{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font:13px 'Inconsolata',monospace;color:#4A443C}
.idd-w{font:clamp(38px,7vw,74px)/1 'Archivo Black',sans-serif;margin:10px 0 8px}
.idd-w a{color:var(--ink);text-decoration:none}
.idd-v{font:30px/1.1 'Archivo Black',sans-serif;color:var(--orange);margin:0 0 8px}
.idd-l{font-size:16px;margin:0 0 14px;max-width:760px}
.idd-bar{position:relative;height:26px;border:2px solid var(--ink);background:#FFD7C4;margin:0 0 16px;max-width:560px}
.idd-bar span{display:block;height:100%;background:var(--lime)}
.idd-bar i{position:absolute;inset:0;display:flex;align-items:center;padding-left:8px;font:700 11px 'Inconsolata',monospace;letter-spacing:.1em;text-transform:uppercase}
.idd-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}
.idd-embed{border-top:2px solid #E3D9C6;padding-top:12px;display:grid;grid-template-columns:auto 1fr;gap:8px 14px;align-items:center}
.idd-embed .fh{grid-column:1/-1;font:700 11px 'Inconsolata',monospace;letter-spacing:.14em;text-transform:uppercase}
.idd-embed textarea{width:100%;box-sizing:border-box;border:2px solid var(--ink);font:12px 'Inconsolata',monospace;padding:6px;background:var(--paper)}
.idd-none{box-shadow:8px 8px 0 #D8CFBB}
/* how online */
.hoy-form{margin-top:6px}
.hoy-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.hoy-opt{display:flex;align-items:center;gap:10px;border:2px solid var(--ink);background:#fff;padding:12px 12px;cursor:pointer;user-select:none}
.hoy-opt:has(input:checked){background:var(--lime);box-shadow:4px 4px 0 var(--ink)}
.hoy-opt input{width:18px;height:18px;accent-color:var(--ink)}
.hoy-w{font:700 16px 'Inter',sans-serif;flex:1}
.hoy-p{font:11px 'Inconsolata',monospace;color:#4A443C;text-transform:uppercase;letter-spacing:.1em}
.hoy-res{display:grid;grid-template-columns:auto 1fr;gap:22px;border:var(--rule);background:#fff;padding:22px 24px;box-shadow:8px 8px 0 var(--orange);margin:6px 0 22px}
.hoy-score{font:72px/1 'Archivo Black',sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:120px;background:var(--ink);color:var(--lime);padding:14px}
.hoy-score span{font:700 16px 'Inconsolata',monospace;color:var(--paper)}
.hoy-title{font:30px/1.1 'Archivo Black',sans-serif;color:var(--orange);margin-bottom:6px}
.hoy-body p{margin:0 0 12px;font-size:15.5px}
.hoy-eras{display:grid;gap:6px;margin-bottom:12px;max-width:560px}
.hoy-era{display:grid;grid-template-columns:170px 1fr 40px;gap:10px;align-items:center;font:12px 'Inconsolata',monospace}
.hoy-eb{height:12px;border:2px solid var(--ink);background:#fff}
.hoy-eb i{display:block;height:100%;background:var(--c)}
.hoy-list li.unknown{opacity:.55}
.hoy-list li{grid-template-columns:auto auto auto auto 1fr}
.hoy-k{font:700 14px 'Inconsolata',monospace}
/* slangify */
.sl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:6px}
.sl-card{border:var(--rule);background:#fff;padding:16px;display:flex;flex-direction:column;gap:10px;box-shadow:6px 6px 0 var(--ink)}
.sl-2009{background:#EDE6D6}.sl-2016{background:#FFF1D6}.sl-2025{background:#EAF5C6}
.sl-head{display:flex;justify-content:space-between;align-items:baseline;font:700 12px 'Inconsolata',monospace;letter-spacing:.12em;text-transform:uppercase}
.sl-head b{font:20px 'Archivo Black',sans-serif;letter-spacing:0;text-transform:none}
.sl-text{font-size:17px;line-height:1.6;background:#fff;border:2px solid var(--ink);padding:12px;flex:1;min-height:90px}
.sl-foot{font:12px 'Inconsolata',monospace;color:#4A443C}
.sl-used{display:flex;gap:6px;flex-wrap:wrap}
.sl-used a{font:700 11px 'Inconsolata',monospace;color:var(--ink);text-decoration:none;border:2px solid var(--ink);padding:2px 7px;background:var(--paper)}
.sl-used a:hover{background:var(--lime)}
.era-strip{margin-top:18px}
/* home strip */
.tools-strip{border-top:var(--rule);border-bottom:var(--rule);background:var(--ink);color:var(--paper)}
.tools-strip .wrap{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:12px 24px}
.tools-strip a{color:var(--paper);text-decoration:none;font:700 12px 'Inconsolata',monospace;letter-spacing:.1em;text-transform:uppercase;border:2px solid #4A443C;padding:7px 11px;display:inline-flex;gap:7px;align-items:center}
.tools-strip a b{color:var(--lime)}
.tools-strip a:hover{background:var(--lime);color:var(--ink)}.tools-strip a:hover b{color:var(--ink)}
.tools-strip .ts-main{border-color:var(--lime);background:var(--lime);color:var(--ink);gap:10px;margin-right:6px}
.tools-strip .ts-main .ts-t{font-weight:400;text-transform:none;letter-spacing:0;font-family:'Inter',sans-serif;font-size:13px}
.tools-strip .ts-pulse{margin-left:auto;border-color:var(--orange)}
/* record page pulse panel */
.panel-pulse .head{display:flex;justify-content:space-between;align-items:center}
.panel-pulse .head a{color:inherit;font-weight:400;text-decoration:underline}
.spark{display:flex;gap:3px;align-items:flex-end;height:46px;border-bottom:2px solid var(--ink);padding-bottom:2px}
.spark i{flex:1;background:var(--orange);min-height:2px}
.spark i:last-child{background:var(--ink)}
.spark-l{display:flex;justify-content:space-between;margin-top:6px;font:12px 'Inconsolata',monospace;color:#4A443C}
.spark-l a{color:var(--ink)}
/* ===== Pulse (/pulse/) ===== */
.pl-head{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:start;margin:10px 0 18px}
.pl-head h1{font:48px/1 'Archivo Black',sans-serif;margin:0 0 10px;display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.pl-wk{font:700 12px 'Inconsolata',monospace;letter-spacing:.14em;text-transform:uppercase;background:var(--orange);color:var(--paper);padding:5px 9px}
.pl-head .lede{font-size:16px;max-width:640px;margin:0;color:#3a342c}
.pl-index{border:var(--rule);background:var(--ink);color:var(--paper);padding:16px 20px;min-width:260px;box-shadow:6px 6px 0 var(--lime)}
.pl-ix-n{font:44px/1 'Archivo Black',sans-serif;color:var(--lime)}
.pl-ix-l{font-size:14px;margin-top:6px}
.pl-ix-s{font:12px 'Inconsolata',monospace;color:#D8CFBB;margin-top:6px}
.pl-ix-s a{color:var(--lime)}
.pl-early{border:2px dashed var(--ink);padding:10px 14px;font:13px 'Inconsolata',monospace;background:#FFF1D6;margin-bottom:18px}
.pl-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:26px}
.pl-list{list-style:none;margin:0;padding:0;border-top:var(--rule)}
.pl-list li{display:grid;grid-template-columns:28px auto 1fr 90px 44px 44px;gap:8px;align-items:center;padding:7px 2px;border-bottom:2px solid #E3D9C6;font-size:15px}
.pl-list li a,.pl-mini li a{color:var(--ink);text-decoration:none}
.pl-list li a:hover b,.pl-mini li a:hover{background:var(--lime)}
.pl-rank{font:700 12px 'Inconsolata',monospace;color:#4A443C}
.pl-st{display:inline-flex;width:18px;height:18px;align-items:center;justify-content:center;border:2px solid var(--ink);font-size:10px}
.pl-bar{height:10px;border:2px solid var(--ink);background:#fff}
.pl-bar i{display:block;height:100%;background:var(--orange)}
.pl-n{font:700 13px 'Inconsolata',monospace;text-align:right}
.pl-d{font:700 12px 'Inconsolata',monospace;color:#4A443C;text-align:right;white-space:nowrap}
.pl-d.up{color:#2b7a0b}.pl-d.dn{color:var(--orange)}
.pl-mini{list-style:none;margin:0 0 18px;padding:0;border-top:var(--rule)}
.pl-mini li{display:flex;gap:8px;align-items:center;padding:6px 2px;border-bottom:2px solid #E3D9C6;font-size:14px}
.pl-mini li a,.pl-mini li>span:not(.pl-st):not(.pl-d){flex:1;min-width:0}
.pl-missing li>span:first-child{font-family:'Inconsolata',monospace;font-weight:700}
.pl-board{margin-top:30px;border-top:var(--rule);padding-top:18px}
.pl-status{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:18px}
.pl-status a{display:flex;flex-direction:column;align-items:center;padding:12px;border:var(--rule);text-decoration:none;font:700 11px 'Inconsolata',monospace;letter-spacing:.14em;text-transform:uppercase}
.pl-status a b{font:30px/1 'Archivo Black',sans-serif;margin-bottom:4px}
.pl-two{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.pl-two h3{font:18px 'Archivo Black',sans-serif;margin:0 0 8px}
.pl-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.pl-years{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.pl-years a{font:700 12px 'Inconsolata',monospace;color:var(--ink);text-decoration:none;border:2px solid var(--ink);padding:3px 8px}
.pl-years a.on{background:var(--ink);color:var(--lime)}
@media (max-width:900px){.tl-grid,.sl-grid{grid-template-columns:1fr 1fr}.hoy-grid{grid-template-columns:1fr 1fr}.pl-grid{grid-template-columns:1fr}.pl-head{grid-template-columns:1fr}.pl-status{grid-template-columns:repeat(3,1fr)}}
@media (max-width:600px){.tl-grid,.sl-grid,.tl-cols,.pl-two,.hoy-grid{grid-template-columns:1fr}.tl-head h1{font-size:34px}.hoy-res{grid-template-columns:1fr}.hoy-score{flex-direction:row;gap:8px;min-width:0}.tl-hits li{grid-template-columns:auto auto 1fr}.tl-def{grid-column:1/-1}.hoy-list li{grid-template-columns:auto auto auto 1fr}.pl-list li{grid-template-columns:24px auto 1fr 40px 40px}.pl-bar{display:none}.tools-strip .ts-pulse{margin-left:0}.idd-embed{grid-template-columns:1fr}.hoy-era{grid-template-columns:110px 1fr 40px}}

/* hero search dropdown: anchored to the search box, not clipped by the hero */
.hero2{overflow:visible}.hero2 .h2-search .results{top:calc(100% + 8px);left:-4px;right:-4px;max-width:none;z-index:60}.h2-ticker{position:relative;z-index:1}
/* search results mode (home with ?q=) */
.hero-sr{border-bottom:var(--rule);background:linear-gradient(180deg,#FFFDF7,var(--paper))}
.hero-sr .wrap{max-width:1180px;margin:0 auto;padding:22px 24px 34px}
.sr-title{font:clamp(28px,4vw,46px)/1.05 'Archivo Black',sans-serif;margin:10px 0 16px}
.sr-title span{background:var(--lime);padding:0 10px;box-shadow:5px 5px 0 var(--ink)}
.sr-form{margin-top:0;max-width:760px}
.sr-empty{font-size:16px;max-width:720px;margin:22px 0 0}
.sr-list{list-style:none;margin:22px 0 0;padding:0;border-top:var(--rule);max-width:900px}
.sr-list li a{display:grid;grid-template-columns:auto 1fr auto;gap:4px 14px;align-items:center;padding:12px 10px;border-bottom:2px solid #E3D9C6;color:var(--ink);text-decoration:none}
.sr-list li a:hover{background:var(--lime)}
.sr-list .st{font:700 10px 'Inconsolata',monospace;letter-spacing:.14em;text-transform:uppercase;border:2px solid var(--ink);padding:2px 6px}
.sr-list .w{font:20px 'Archivo Black',sans-serif;text-transform:uppercase}
.sr-list .y{font:13px 'Inconsolata',monospace;color:var(--grey)}
.sr-list .d{grid-column:1/-1;font-size:14px;color:#3a342c}
.sr-more{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
@media (max-width:600px){.sr-list li a{grid-template-columns:auto 1fr}.sr-list .y{grid-column:2}}
/* Today's 10 landing (/play/daily/) */
.dl .wrap{max-width:1180px;margin:0 auto;padding:22px 24px 60px}
.dl-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:26px;align-items:start;margin-top:8px}
.dl-card{border:4px solid var(--ink);background:#fff;box-shadow:10px 10px 0 var(--lime);padding:26px 28px}
.dl-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.dl-title{font:clamp(48px,7vw,92px)/.95 'Archivo Black',sans-serif;margin:14px 0 12px;letter-spacing:-.02em}
.dl-title span{background:var(--orange);color:var(--paper);padding:0 14px;box-shadow:6px 6px 0 var(--ink);display:inline-block;transform:rotate(-1.2deg)}
.dl-lede{font-size:17px;line-height:1.55;max-width:60ch;margin:0 0 18px;color:#3a342c}
.dl-squares{display:flex;gap:6px;margin-bottom:18px}
.dl-squares i{width:26px;height:26px;border:3px solid var(--ink);background:var(--paper)}
.dl-squares i.on{background:var(--lime)}.dl-squares i.off{background:#FF4FA3}
.dl-cta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:22px}
.dl-start{font-size:16px;padding:14px 22px}
.dl-note{font:13px 'Inconsolata',monospace;color:#4A443C}
.dl-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border-top:3px solid var(--ink);padding-top:14px}
.dl-stats div{display:flex;flex-direction:column}
.dl-stats b{font:30px/1 'Archivo Black',sans-serif}
.dl-stats span{font:700 10px 'Inconsolata',monospace;letter-spacing:.14em;text-transform:uppercase;color:#4A443C;margin-top:4px}
.dl-side{display:grid;gap:16px}
.dl-how{margin:0;padding-left:20px;font-size:14px;line-height:1.5;display:grid;gap:8px}
.dl-p{margin:0;font-size:14px}
.dl-y{margin-top:34px}
@media (max-width:900px){.dl-grid{grid-template-columns:1fr}}
@media (max-width:600px){.dl-card{padding:18px 16px;box-shadow:6px 6px 0 var(--lime)}.dl-stats{grid-template-columns:1fr 1fr}}
/* footer marka yazısı: header'daki logo yazısıyla birebir aynı (Archivo Black, sağa yatık, sıkı) */
footer.site .ft.brand-name{font-family:'Archivo Black','Arial Black',sans-serif;font-weight:900;font-style:normal;
  text-transform:none;letter-spacing:-.015em;transform:skewX(-11deg);transform-origin:left center;display:inline-block;
  line-height:1;color:var(--paper)}
footer.site .ft.brand-name .bang{display:inline-block;color:var(--orange)}
/* üst menü: dört ana bölüm, bulunduğun bölüm işaretli */
.navchips{gap:6px;align-items:center}
.navchips a{padding:6px 10px;border:2px solid transparent;transition:background .12s,color .12s}
.navchips a:hover{background:rgba(20,17,12,.16);color:var(--paper)}
.navchips a.on{background:var(--ink);color:var(--lime);border-color:var(--ink)}
.navchips a.on:hover{background:var(--ink);color:var(--lime)}
@media (max-width:760px){.navchips a{padding:5px 8px;font-size:12px}}

/* ===== yeni araçlar ===== */
.tl-sec{margin-top:26px}
.tl-sec small{font-weight:400;text-transform:none;letter-spacing:0}
.tl-core{background:#FFF1D6}.tl-lookup{background:#E2E8FF}.tl-fun{background:#EAF5C6}
/* kısaltmalar */
.ab-jump{display:flex;gap:5px;flex-wrap:wrap;margin:4px 0 18px}
.ab-jump a{font:700 12px 'Inconsolata',monospace;color:var(--ink);text-decoration:none;border:2px solid var(--ink);padding:3px 8px;background:var(--paper)}
.ab-jump a:hover{background:var(--lime)}
.ab-sec{margin-bottom:18px}
.ab-list{list-style:none;margin:0;padding:0;border-top:var(--rule)}
.ab-list li{display:grid;grid-template-columns:auto auto auto 1fr;gap:6px 12px;align-items:center;padding:8px 4px;border-bottom:2px solid #E3D9C6;font-size:14px}
.ab-list li a{color:var(--ink);text-decoration:none}.ab-list li a b{font:16px 'Archivo Black',sans-serif;text-transform:uppercase}
.ab-list li a:hover b{background:var(--lime)}
/* emoji */
.em-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.em-card{display:flex;flex-direction:column;gap:6px;border:var(--rule);background:#fff;padding:14px;text-decoration:none;color:var(--ink);box-shadow:5px 5px 0 var(--ink)}
.em-card:hover{box-shadow:7px 7px 0 var(--sbg,var(--lime));transform:translate(-1px,-1px)}
.em-ch{font-size:34px;line-height:1}
.em-n{font:16px 'Archivo Black',sans-serif}
.em-m{font-size:13px;color:#3a342c;flex:1}
.em-f{font:700 10px 'Inconsolata',monospace;letter-spacing:.12em;text-transform:uppercase;color:#4A443C}
.em-one{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:start;border:4px solid var(--ink);background:#fff;padding:22px 24px;box-shadow:8px 8px 0 var(--sbg,var(--lime));margin-bottom:22px}
.em-big{font-size:86px;line-height:1}
.em-top{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:8px}
.em-top h2{font:30px 'Archivo Black',sans-serif;margin:0}
.em-mean{font-size:17px;margin:0 0 8px}
.em-lit,.em-note{font-size:14px;color:#3a342c;margin:0 0 8px}
/* nesiller */
.gen-tabs,.un-eras{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}
.gen-tabs a,.un-eras a{display:flex;flex-direction:column;border:2px solid var(--ink);padding:8px 12px;text-decoration:none;color:var(--ink);background:var(--paper)}
.gen-tabs a b,.un-eras a b{font:15px 'Archivo Black',sans-serif}
.gen-tabs a span,.un-eras a span{font:11px 'Inconsolata',monospace;color:#4A443C;letter-spacing:.08em}
.gen-tabs a.on,.un-eras a.on{background:var(--ink);color:var(--lime)}
.gen-tabs a.on span,.un-eras a.on span{color:#D8CFBB}
.gen-note{font-size:15px;color:#3a342c;margin:0 0 14px;max-width:70ch}
.sr-more{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.wm-rank{font:700 12px 'Inconsolata',monospace;color:#4A443C}
/* günün kelimesi */
.wod-card{border:4px solid var(--ink);background:#fff;padding:24px 26px;box-shadow:8px 8px 0 var(--sbg,var(--lime));margin-bottom:24px}
.wod-top{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.wod-w{font:clamp(36px,6vw,64px)/1 'Archivo Black',sans-serif;margin:10px 0 10px}
.wod-w a{color:var(--ink);text-decoration:none}
.wod-d{font-size:17px;max-width:70ch;margin:0 0 10px}
.wod-x{font-size:14.5px;color:#3a342c;margin:0 0 14px}
/* ölüm ilanı */
.ob-card{max-width:720px;border:3px solid var(--ink);background:#FFFDF7;padding:26px 30px;box-shadow:8px 8px 0 var(--ink);margin-top:6px}
.ob-card.ob-pre{background:#F7F0E2}
.ob-rule{height:0;border-top:3px double var(--ink);margin:6px 0 14px}
.ob-kicker{font:700 11px 'Inconsolata',monospace;letter-spacing:.2em;text-transform:uppercase;color:#4A443C;text-align:center}
.ob-w{font:clamp(34px,6vw,58px)/1 'Archivo Black',sans-serif;margin:8px 0 4px;text-align:center}
.ob-w a{color:var(--ink);text-decoration:none}
.ob-dates{text-align:center;font:18px 'Inconsolata',monospace;letter-spacing:.14em;margin-bottom:16px}
.ob-q{color:var(--orange)}
.ob-eulogy{font-size:16px;line-height:1.65;margin:0 0 16px;text-align:center;font-style:italic}
.ob-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px 22px;margin:0 0 14px}
.ob-facts dt{font:700 10px 'Inconsolata',monospace;letter-spacing:.14em;text-transform:uppercase;color:#4A443C}
.ob-facts dd{margin:2px 0 0;font-size:14.5px}
.ob-kin{text-align:center;font-size:14.5px;margin:0 0 10px}
.ob-kin a{color:var(--ink)}
/* son kullanma */
.xp-card{border:var(--rule);background:#fff;padding:22px 24px;box-shadow:8px 8px 0 var(--orange);margin-top:6px;max-width:760px}
.xp-top{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap}
.xp-w{font:28px 'Archivo Black',sans-serif;color:var(--ink);text-decoration:none}
.xp-big{font:clamp(34px,6vw,56px)/1 'Archivo Black',sans-serif;color:var(--orange);margin:10px 0 12px}
.xp-bar{position:relative;height:26px;border:2px solid var(--ink);background:#F2E4CE;margin-bottom:14px}
.xp-bar span{display:block;height:100%;background:var(--lime)}
.xp-bar i{position:absolute;inset:0;display:flex;align-items:center;padding-left:8px;font:700 11px 'Inconsolata',monospace;letter-spacing:.08em;text-transform:uppercase}
.xp-v{font-size:16px;margin:0 0 14px}
.xp-risk{font:700 13px 'Inconsolata',monospace;background:var(--ink);color:var(--lime);padding:8px 12px;display:inline-block;margin-bottom:14px}
/* cringe */
.cr-card{display:grid;grid-template-columns:auto 1fr;gap:22px;border:var(--rule);background:#fff;padding:22px 24px;box-shadow:8px 8px 0 #FF4FA3;margin-bottom:22px}
.cr-score{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:130px;padding:16px;background:var(--ink);color:#FF4FA3}
.cr-score b{font:64px/1 'Archivo Black',sans-serif}
.cr-score span{font:700 14px 'Inconsolata',monospace;color:var(--paper)}
.cr-t{font:28px/1.1 'Archivo Black',sans-serif;color:var(--orange);margin-bottom:6px}
.cr-body p{margin:0 0 10px;font-size:15.5px}
.cr-worst{font-size:14.5px}.cr-worst a{color:var(--ink)}
.cr-meter{height:14px;border:2px solid var(--ink);background:#fff;margin-bottom:14px;max-width:520px}
.cr-meter i{display:block;height:100%;background:linear-gradient(90deg,var(--lime),#FFD84D,var(--orange),#FF4FA3)}
/* kullanıcı adı */
.un-note{font:14px 'Inconsolata',monospace;color:#4A443C;margin:0 0 14px}
.un-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
.un-list li{display:flex;justify-content:space-between;align-items:center;gap:10px;border:2px solid var(--ink);background:#fff;padding:10px 12px;box-shadow:4px 4px 0 var(--ink)}
.un-list li span{font:17px 'Inconsolata',monospace;font-weight:700;word-break:break-all}
.un-list li .btn{padding:4px 10px;font-size:10px}
/* internet yaşı */
.ia-card{border:var(--rule);background:#fff;padding:22px 24px;box-shadow:8px 8px 0 var(--lime);margin-top:6px}
.ia-top{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center}
.ia-line{font-size:17px;margin:14px 0 18px;max-width:70ch}
.ia-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.ia-cols h3,.ia-h{font:16px 'Archivo Black',sans-serif;margin:0 0 8px}
.ia-h{margin-top:20px}
@media (max-width:900px){.ia-cols{grid-template-columns:1fr}.cr-card,.em-one{grid-template-columns:1fr}.ob-facts{grid-template-columns:1fr}}
/* dar ekranda tek satırlık araç formları: alan küçülmesin */
.tl-form.tl-inline{flex-wrap:wrap}
.tl-form.tl-inline input{flex:1 1 220px;min-width:0}
.tl-form.tl-inline input[type=number]{flex:0 1 180px}
.tl-form.tl-inline button{flex:0 0 auto}
@media (max-width:600px){.tl-form.tl-inline input,.tl-form.tl-inline button{flex:1 1 100%}.tl-form.tl-inline input{font-size:18px}}

/* ===== Ana sayfa v3: Now & Then ===== */
.h2-ticker{display:flex;align-items:stretch}
.h2-ticker .tk-lab{flex:none;display:flex;align-items:center;padding:0 14px;background:var(--lime);color:var(--ink);font:700 11px 'Inconsolata',monospace;letter-spacing:.16em;text-transform:uppercase;border-right:var(--rule);position:relative;z-index:2}
.h2-ticker .track{flex:1;min-width:0}
.nt-head{display:flex;align-items:baseline;gap:14px 18px;flex-wrap:wrap;margin-bottom:22px}
.nt-tag{font:700 11px 'Inconsolata',monospace;letter-spacing:.2em;text-transform:uppercase;background:var(--lime);color:var(--ink);padding:5px 10px}
.then-tag{background:var(--orange);color:var(--paper)}
.nt-head h2{font:clamp(30px,4vw,46px)/1 'Archivo Black',sans-serif;margin:0;letter-spacing:-.01em}
.nt-head p{margin:0;font:14px 'Inconsolata',monospace;opacity:.85}
.nt-head p b{font-size:16px}
.now{background:var(--ink);color:var(--paper);border-bottom:var(--rule)}
.now .wrap{max-width:1280px;margin:0 auto;padding:34px 28px 36px}
.now .nt-head p a{color:var(--lime)}
.now-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr 1.25fr;gap:28px}
.now-col h3,.ts-box h3{font:700 11px 'Inconsolata',monospace;letter-spacing:.16em;text-transform:uppercase;margin:0 0 10px;padding-bottom:8px;border-bottom:2px solid currentColor;opacity:.9}
.ts-box h3 small{font-weight:400;letter-spacing:.08em;text-transform:none;opacity:.7;margin-left:6px}
.nt-list{list-style:none;margin:0;padding:0}
.nt-list li a{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:baseline;padding:7px 0;border-bottom:1px solid rgba(255,246,234,.14);color:inherit;text-decoration:none}
.then .nt-list li a{border-bottom-color:#E3D9C6}
.nt-list li a:hover b{background:var(--lime);color:var(--ink)}
.nt-list i{width:10px;height:10px;border:2px solid currentColor;display:inline-block;align-self:center}
.nt-list i.x{width:auto;height:auto;border:0;font-style:normal;font-size:12px;color:var(--orange)}
.nt-list b{font-family:'Archivo Black',sans-serif;font-weight:400;font-size:15px}
.nt-list span{font:12px 'Inconsolata',monospace;opacity:.75;white-space:nowrap}
.nt-rank em{font:700 12px 'Inconsolata',monospace;font-style:normal;color:var(--lime);width:14px}
.nt-more{display:inline-block;margin-top:12px;font:700 11px 'Inconsolata',monospace;letter-spacing:.14em;text-transform:uppercase;color:inherit;text-decoration:none;border-bottom:2px solid var(--orange)}
.nt-more:hover{background:var(--lime);color:var(--ink)}
.nt-empty{font-size:13.5px;opacity:.75;margin:0}
.nb-post{display:grid;grid-template-columns:76px 1fr;gap:12px;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,246,234,.14);color:inherit;text-decoration:none}
.nb-post img{width:76px;height:52px;object-fit:cover;border:2px solid var(--paper)}
.nb-post:hover .nb-t{color:var(--lime)}
.nb-t{font-weight:700;font-size:14px;line-height:1.35}
.nb-d{font:11px 'Inconsolata',monospace;opacity:.7;margin-left:8px}
.then{background:var(--paper);border-bottom:var(--rule)}
.then .wrap{max-width:1280px;margin:0 auto;padding:34px 28px 38px}
.then-grid{display:grid;grid-template-columns:2fr 1fr;gap:34px;align-items:start}
.then-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.tc{display:flex;flex-direction:column;gap:6px;border:var(--rule);background:#fff;padding:12px 12px 10px;color:var(--ink);text-decoration:none;box-shadow:4px 4px 0 var(--ink);min-height:150px}
.tc:hover{box-shadow:6px 6px 0 var(--sbg);transform:translate(-1px,-1px)}
.tc-top{display:flex;justify-content:space-between;align-items:center;gap:6px}
.tc-st{font:700 9.5px 'Inconsolata',monospace;letter-spacing:.12em;text-transform:uppercase;padding:2px 6px}
.tc-y{font:11px 'Inconsolata',monospace;color:#4A443C}
.tc-w{font:17px/1.1 'Archivo Black',sans-serif}
.tc-d{font-size:12px;color:#3a342c;line-height:1.4;flex:1}
.tc-n{font:700 10px 'Inconsolata',monospace;letter-spacing:.1em;text-transform:uppercase;color:#4A443C}
.then-side{display:grid;gap:18px}
.ts-box{border:var(--rule);background:#fff;padding:14px 16px;box-shadow:5px 5px 0 var(--ink)}
.ts-chips{display:flex;flex-wrap:wrap;gap:6px}
.ts-chips a{font:700 11px 'Inconsolata',monospace;letter-spacing:.1em;text-transform:uppercase;border:2px solid var(--ink);padding:5px 9px;text-decoration:none}
.ts-chips a b{font-size:12px}
.ts-chips a:hover{outline:2px solid var(--orange)}
.topics-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:28px;padding-top:18px;border-top:2px solid #E3D9C6}
.topics-row .ts-label{font:700 11px 'Inconsolata',monospace;letter-spacing:.16em;text-transform:uppercase;margin-right:6px;color:#4A443C}
.topics-row a{font:700 11px 'Inconsolata',monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);text-decoration:none;border:2px solid var(--ink);padding:4px 9px;background:#fff}
.topics-row a b{color:var(--orange)}.topics-row a:hover{background:var(--lime)}
@media (max-width:1000px){.now-grid{grid-template-columns:1fr 1fr}.then-grid{grid-template-columns:1fr}.then-cards{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.now-grid{grid-template-columns:1fr}.then-cards{grid-template-columns:1fr 1fr}.h2-ticker .tk-lab{display:none}.nt-list span{white-space:normal}}
/* v3 düzeltmeler: hero yatayda kırpılsın (arama listesi dikeyde açık kalsın), notlar sarılsın */
.hero2{overflow:visible;overflow-x:clip}
.ts-box .nt-list li a{grid-template-columns:auto 1fr}
.ts-box .nt-list span{grid-column:2;white-space:normal;line-height:1.35;display:block;margin-top:-2px}
.ts-box .nt-list i{align-self:start;margin-top:5px}
/* The canon v2: sıralı liste, hizalı satırlar */
.then-grid{grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);gap:30px}
.canon{border:var(--rule);background:#fff;box-shadow:6px 6px 0 var(--ink)}
.canon-head{display:flex;justify-content:space-between;gap:12px;padding:10px 16px;border-bottom:var(--rule);background:var(--ink);color:var(--lime);font:700 11px 'Inconsolata',monospace;letter-spacing:.16em;text-transform:uppercase}
.canon-head span:last-child{color:#D8CFBB}
.canon-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr}
.canon-list li{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:0 12px;align-items:start;padding:14px 16px 12px;border-bottom:2px solid #E3D9C6;min-height:112px}
.canon-list li:nth-child(odd){border-right:2px solid #E3D9C6}
.canon-list li:nth-last-child(-n+2){border-bottom:0}
.cn-rank{font:900 26px/1 'Archivo Black',sans-serif;color:var(--orange);letter-spacing:-.03em;padding-top:2px}
.cn-body{min-width:0;display:flex;flex-direction:column;gap:5px}
.cn-w{font:19px/1.1 'Archivo Black',sans-serif;color:var(--ink);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cn-w:hover{background:var(--lime)}
.cn-meta{display:flex;align-items:center;gap:8px;font:12px 'Inconsolata',monospace;color:#4A443C}
.cn-meta i{font-style:normal;font-weight:700;font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding:2px 6px;border:2px solid var(--ink)}
.cn-d{margin:0;font-size:13px;line-height:1.4;color:#3a342c;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cn-n{display:flex;flex-direction:column;align-items:flex-end;font:700 9.5px 'Inconsolata',monospace;letter-spacing:.14em;text-transform:uppercase;color:#4A443C;padding-top:4px}
.cn-n b{font:900 20px/1 'Archivo Black',sans-serif;color:var(--ink);letter-spacing:-.02em}
.canon-foot{display:flex;gap:10px;flex-wrap:wrap;padding:12px 16px;border-top:var(--rule);background:var(--paper)}
.then-side .ts-box{box-shadow:6px 6px 0 var(--ink)}
.then-side .ts-box h3{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
@media (max-width:1000px){.then-grid{grid-template-columns:1fr}}
@media (max-width:700px){.canon-list{grid-template-columns:1fr}.canon-list li:nth-child(odd){border-right:0}.canon-list li:nth-last-child(-n+2){border-bottom:2px solid #E3D9C6}.canon-list li:last-child{border-bottom:0}.canon-list li{min-height:0}.cn-w{white-space:normal}}
/* kayıt kartı filigranı */
.rec2 .rec-card{position:relative;overflow:hidden}
.rec-wm{position:absolute;right:-6px;bottom:6px;transform:rotate(-90deg);transform-origin:right bottom;font:900 13px 'Archivo Black','Arial Black',sans-serif;letter-spacing:.18em;text-transform:uppercase;color:rgba(20,17,12,.16);pointer-events:none;user-select:none;white-space:nowrap}
@media (max-width:760px){.rec-wm{transform:none;right:12px;bottom:6px;font-size:11px;letter-spacing:.14em}}
/* filigran v2: sağ üstte, okunur damga */
.rec-wm{transform:none;right:14px;bottom:auto;top:12px;font:900 12px 'Archivo Black','Arial Black',sans-serif;letter-spacing:.2em;color:rgba(20,17,12,.30);border:2px solid rgba(20,17,12,.18);padding:3px 8px;transform:rotate(-2deg)}
.rec2 .rec-card .rec-meta{padding-right:190px}
@media (max-width:760px){.rec-wm{transform:none;top:auto;bottom:8px;right:10px;font-size:10px;padding:2px 6px}.rec2 .rec-card .rec-meta{padding-right:0}}
/* konular bandı: hero'nun hemen altında */
.topics-band{background:#fff;border-bottom:var(--rule)}
.topics-band .wrap{max-width:1280px;margin:0 auto;padding:18px 28px 20px}
.tb-head{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-bottom:12px}
.tb-sub{font:14px 'Inter',sans-serif;color:#3a342c}
.tb-all{margin-left:auto;font:700 11px 'Inconsolata',monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);text-decoration:none;border-bottom:2px solid var(--orange)}
.tb-all:hover{background:var(--lime)}
.tb-chips{display:flex;flex-wrap:wrap;gap:8px}
.tb-chips a{display:inline-flex;align-items:center;gap:8px;font:700 12px 'Inconsolata',monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);text-decoration:none;border:2px solid var(--ink);padding:8px 12px;background:var(--paper);box-shadow:3px 3px 0 var(--ink);transition:transform .1s,box-shadow .1s}
.tb-chips a b{font-size:11px;color:var(--paper);background:var(--ink);padding:2px 6px;letter-spacing:0}
.tb-chips a:hover{background:var(--lime);transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink)}
@media (max-width:600px){.tb-all{margin-left:0}.tb-chips a{padding:7px 10px;font-size:11px}}
/* filigran v3: logo yazımı, marka renkleri, okunur */
.rec-wm{position:absolute;top:12px;right:14px;bottom:auto;display:inline-flex;align-items:baseline;gap:0;
  font-family:'Archivo Black','Arial Black',sans-serif;font-weight:900;font-size:15px;letter-spacing:-.015em;text-transform:none;
  color:var(--paper);background:var(--ink);border:2px solid var(--ink);padding:5px 10px 5px 11px;
  transform:skewX(-11deg) rotate(-1.5deg);transform-origin:right center;box-shadow:3px 3px 0 var(--lime);
  pointer-events:none;user-select:none;white-space:nowrap;opacity:.92}
.rec-wm .bang{color:var(--orange);margin:0 1px 0 0}
.rec-wm .dom{color:var(--lime);font-size:12px;letter-spacing:.02em;margin-left:1px}
.rec2 .rec-card .rec-meta{padding-right:210px}
@media (max-width:760px){.rec-wm{top:auto;bottom:10px;right:12px;font-size:13px;padding:4px 8px;box-shadow:2px 2px 0 var(--lime)}
  .rec-wm .dom{font-size:11px}.rec2 .rec-card .rec-meta{padding-right:0}}
/* filigran: daha büyük */
.rec-wm{font-size:21px;padding:7px 13px 7px 14px;box-shadow:4px 4px 0 var(--lime);opacity:1}
.rec-wm .dom{font-size:16px}
.rec2 .rec-card .rec-meta{padding-right:260px}
@media (max-width:900px){.rec2 .rec-card .rec-meta{padding-right:0}.rec-wm{position:static;display:inline-flex;margin:0 0 10px;transform:skewX(-11deg) rotate(-1deg)}}
@media (max-width:760px){.rec-wm{font-size:18px;padding:6px 11px;box-shadow:3px 3px 0 var(--lime)}.rec-wm .dom{font-size:14px}}

/* ===== blog sayfalarında sözlük şeridi ===== */
.dict-strip{background:#fff;border-bottom:var(--rule)}
.dict-strip .wrap{max-width:1280px;margin:0 auto;padding:16px 28px 18px}
.ds-head{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-bottom:10px}
.ds-tag{font:700 11px 'Inconsolata',monospace;letter-spacing:.2em;text-transform:uppercase;background:var(--ink);color:var(--lime);padding:5px 10px}
.ds-sub{font:14px 'Inter',sans-serif;color:#3a342c}
.ds-all{margin-left:auto;font:700 11px 'Inconsolata',monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);text-decoration:none;border-bottom:2px solid var(--orange)}
.ds-all:hover{background:var(--lime)}
.ds-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.ds-chips a{display:inline-flex;align-items:center;gap:7px;font:700 11px 'Inconsolata',monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);text-decoration:none;border:2px solid var(--ink);padding:6px 10px;background:var(--paper)}
.ds-chips a b{font-size:10px;color:var(--paper);background:var(--ink);padding:2px 5px;letter-spacing:0}
.ds-chips a:hover{background:var(--lime)}
.ds-years{display:flex;align-items:flex-end;gap:12px}
.ds-ylab{font:700 10px 'Inconsolata',monospace;letter-spacing:.16em;text-transform:uppercase;color:#4A443C;padding-bottom:16px;flex:none}
.ds-years .yr-strip{flex:1;min-width:0;margin:0}
.single .dict-strip{margin-bottom:0}
@media (max-width:760px){.dict-strip .wrap{padding:12px 18px 14px}.ds-all{margin-left:0}.ds-years{display:none}}
/* blog sekmesi de diğerleri gibi davransın: seçiliyken siyah blok + limon yazı */
.navchips .nav-blog{color:var(--paper)!important;background:none;padding:6px 10px!important;border:2px solid transparent}
.navchips .nav-blog:hover{background:rgba(20,17,12,.16);color:var(--paper)!important}
.navchips .nav-blog.on,.navchips .nav-blog.on:hover{background:var(--ink);color:var(--lime)!important;border-color:var(--ink)}
/* hero: "for 18 years" alt satırı */
.h2-since{font-family:'Inconsolata',monospace;font-weight:700;font-size:14px;letter-spacing:.22em;text-transform:uppercase;color:var(--grey-d);margin-top:12px;text-shadow:none}
.h2-since:before{content:"";display:inline-block;width:26px;height:3px;background:var(--orange);vertical-align:middle;margin-right:10px;transform:translateY(-2px)}
@media (max-width:600px){.h2-since{font-size:12px;letter-spacing:.18em;margin-top:9px}}

/* ---------- recently added + pulse fresh band ---------- */
.rc-day{margin:26px 0 8px}
.rc-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.rc-item{border:2px solid var(--ink,#111);background:#fff;padding:12px 14px;box-shadow:4px 4px 0 var(--ink,#111);display:flex;flex-direction:column;gap:6px}
.rc-word{font-family:var(--font-head,inherit);font-weight:800;font-size:1.15rem;text-decoration:none;color:var(--ink,#111);text-transform:uppercase;letter-spacing:.01em}
.rc-word:hover{background:#B8E92B}
.rc-meta{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;font-size:.78rem;font-family:var(--font-mono,monospace);text-transform:uppercase;letter-spacing:.04em}
.rc-st{padding:1px 7px;border:1.5px solid var(--ink,#111);font-weight:700}
.rc-topic{text-decoration:none;border-bottom:1.5px solid currentColor;color:#555}
.rc-def{margin:0;font-size:.92rem;line-height:1.45;color:#333}
.rc .pager{display:flex;gap:12px;align-items:center;justify-content:center;margin:30px 0 10px}
.rc .pager-n{font-family:var(--font-mono,monospace);font-size:.8rem;text-transform:uppercase}
.pl-fresh{display:grid;grid-template-columns:1.3fr 1fr;gap:26px;margin:28px 0 8px;padding:22px 24px;border:2px solid var(--ink,#111);background:#FFF6EA;box-shadow:6px 6px 0 var(--ink,#111)}
.pl-hi{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.pl-hi li{display:flex;gap:10px;align-items:flex-start}
.pl-hi li .pl-rank{flex:0 0 auto;margin-top:2px}
.pl-hi li a{text-decoration:none;color:var(--ink,#111);font-size:1.02rem}
.pl-hi li a:hover b{background:#B8E92B}
.pl-hi-meta{display:block;font-family:var(--font-mono,monospace);font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:#555;margin:2px 0 2px}
.pl-hi li p{margin:0;font-size:.86rem;line-height:1.4;color:#333}
.pl-recent{list-style:none;margin:0;padding:0}
.pl-recent li{display:flex;gap:8px;align-items:center;padding:6px 0;border-bottom:1px dashed #c9bfae}
.pl-recent li a{flex:1;text-decoration:none;color:var(--ink,#111);font-weight:700}
.pl-recent li a:hover{background:#B8E92B}
.pl-recent .pl-d{font-family:var(--font-mono,monospace);font-size:.72rem;text-transform:uppercase;color:#555;white-space:nowrap}
@media (max-width:820px){.pl-fresh{grid-template-columns:1fr}}

/* A–Z: era finder under the alphabet */
.az-era{margin:6px 0 18px;padding:12px 16px 4px;border:2px dashed var(--ink);background:#FFF6EA}
.az-era .ds-years{display:block}
.az-era .ds-ylab{display:block;font:700 11px 'Inconsolata',monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--grey-d)}
.az-era .yr-strip{margin:8px 0 6px}

/* ---------- modal + toast ---------- */
.gui-modal{position:fixed;inset:0;z-index:900;background:rgba(20,17,12,.62);display:flex;align-items:center;justify-content:center;padding:20px}
.gui-modal-card{position:relative;background:var(--paper);border:3px solid var(--ink);box-shadow:10px 10px 0 var(--ink);max-width:480px;width:100%;padding:28px 28px 24px;animation:gm-in .22s ease-out}
.gui-modal-tag{display:inline-block;font:700 11px 'Inconsolata',monospace;letter-spacing:.16em;background:var(--ink);color:var(--lime);padding:3px 9px;margin-bottom:12px}
.gui-modal-card h2{font-family:'Archivo Black','Arial Black',sans-serif;text-transform:uppercase;font-size:24px;line-height:1.1;margin:0 0 10px}
.gui-modal-card p{margin:0 0 14px;line-height:1.5}
.gui-modal-more a{font-weight:700}
.gui-modal-x{position:absolute;top:8px;right:10px;border:0;background:none;font-size:28px;line-height:1;cursor:pointer;color:var(--ink)}
@keyframes gm-in{from{transform:translateY(12px);opacity:0}to{transform:none;opacity:1}}
.gui-toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);z-index:900;background:var(--ink);color:var(--lime);border:2px solid var(--lime);font:700 13px 'Inconsolata',monospace;letter-spacing:.06em;padding:12px 18px;box-shadow:6px 6px 0 rgba(0,0,0,.35);animation:gt-in .25s ease-out;max-width:92vw}
.gui-toast.out{opacity:0;transform:translate(-50%,10px);transition:all .4s}
@keyframes gt-in{from{transform:translate(-50%,12px);opacity:0}to{transform:translateX(-50%);opacity:1}}

/* ---------- topic challenge panel ---------- */
.tpc{display:grid;grid-template-columns:1.6fr 1fr;gap:22px;margin:14px 0 22px;padding:22px 24px;border:3px solid var(--ink);background:#FFD84D;box-shadow:8px 8px 0 var(--ink);position:relative}
.tpc-tag{display:inline-block;font:700 11px 'Inconsolata',monospace;letter-spacing:.16em;text-transform:uppercase;background:var(--ink);color:#FFD84D;padding:4px 10px}
.tpc h2{font-family:'Archivo Black','Arial Black',sans-serif;text-transform:uppercase;font-size:26px;line-height:1.05;margin:10px 0 8px}
.tpc h2 span{background:var(--ink);color:#B8E92B;padding:0 8px}
.tpc-p{margin:0 0 12px;max-width:60ch;line-height:1.45}
.tpc-cta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0}
.tpc-note{font:700 11px 'Inconsolata',monospace;letter-spacing:.06em;text-transform:uppercase;color:#5a4d1e}
.tpc-stand{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:6px 0 4px}
.tpc-chip{border:2px solid var(--ink);background:#FFF6EA;padding:3px 9px;font:700 12px 'Inconsolata',monospace}
.tpc-verdict{font-family:'Archivo Black','Arial Black',sans-serif;text-transform:uppercase;background:var(--ink);color:#FFF6EA;padding:3px 10px}
.tpc-line{margin:0 0 12px;font-style:italic}
.tpc-badges{display:flex;flex-direction:column;gap:8px}
.tpc-bl{font:700 11px 'Inconsolata',monospace;letter-spacing:.16em;text-transform:uppercase;color:#5a4d1e}
.tpc-b{display:flex;gap:10px;align-items:center;border:2px dashed var(--ink);background:#FFF6EA;padding:6px 10px;font-size:13px}
.tpc-b i{font:700 13px 'Inconsolata',monospace;background:var(--ink);color:#FFD84D;padding:2px 7px;font-style:normal}
.pb-tag.topic{background:#FFD84D;color:var(--ink)}
@media (max-width:820px){.tpc{grid-template-columns:1fr}}

/* blog tag pages: related dictionary records */
.tag-terms{margin:0 0 26px}
.tag-terms .sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 12px}
.tag-terms .sec-head h2{font-family:'Archivo Black','Arial Black',sans-serif;text-transform:uppercase;font-size:20px;margin:0}
.tag-terms .sec-head h2 small{font:700 11px 'Inconsolata',monospace;letter-spacing:.14em;background:var(--ink);color:var(--lime);padding:3px 8px;margin-left:8px;vertical-align:middle}
.tag-terms .sec-more{font:700 12px 'Inconsolata',monospace;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;border-bottom:2px solid var(--ink);color:var(--ink)}
.grid-tag{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}

.tag-sec{display:flex;align-items:baseline;margin:0 0 12px}
.tag-sec h2{font-family:'Archivo Black','Arial Black',sans-serif;text-transform:uppercase;font-size:20px;margin:0}
.tag-sec h2 small{font:700 11px 'Inconsolata',monospace;letter-spacing:.14em;background:var(--ink);color:var(--lime);padding:3px 8px;margin-left:8px;vertical-align:middle}
.tag-terms{margin:28px 0 8px;padding-top:22px;border-top:3px solid var(--ink)}

.tp-posts{margin:6px 0 22px}
.tp-posts .sec-head{justify-content:space-between}
.tp-posts .sec-more{font:700 12px 'Inconsolata',monospace;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;border-bottom:2px solid var(--ink);color:var(--ink);margin-left:auto}
.tp .tag-sec{margin:0 0 12px}

/* breathing room above the section headings */
.tp .tag-sec,.tag-terms .sec-head{margin-top:30px}
.tp-posts + .tag-sec{margin-top:34px}

/* all blog topics */
.tc-all{display:block;margin-top:10px;font:700 12px 'Inconsolata',monospace;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:var(--ink);border-bottom:2px solid var(--ink);width:max-content}
.tpx .wrap{padding-bottom:40px}
.tpx-sec{margin:26px 0 6px}
.tpx-cloud a{display:inline-block;margin:0 8px 8px 0}
.tpx-cloud a.mid{font-weight:700}
.tpx-cloud a.big{font-weight:700;background:var(--lime)}
.tpx-az{margin:18px 0 6px}
