nav a:first-child{background:transparent;color:#5d7074}
nav a[aria-current="page"]{background:#eaf3ef;color:var(--green)}
.calculator-panel{max-width:1080px;margin-top:22px}

/* 1. adım: 80 sayı ızgarası */
.number-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:8px;margin:22px 0}
.num-btn{
  aspect-ratio:1/1;border:1px solid #dbe3de;background:#fff;color:var(--ink);
  border-radius:10px;padding:4px;cursor:pointer;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
  font-family:'DM Sans',sans-serif;
  transition:background .15s,color .15s,border-color .15s,transform .1s;
}
.num-btn .num-val{font:700 15px Manrope,sans-serif;line-height:1;letter-spacing:-.3px}
.num-btn .num-freq{font:500 9px 'DM Sans',sans-serif;color:#9aa8a1;letter-spacing:.2px;line-height:1}
.num-btn:hover{border-color:var(--green);background:#f1f8f4}
.num-btn:active{transform:scale(.95)}
.num-btn.excluded{background:var(--green);color:#fff;border-color:var(--green)}
.num-btn.excluded .num-val{text-decoration:line-through}
.num-btn.excluded .num-freq{color:#ffffffcc}

/* Aksiyon satırı (Temizle / Rastgele / Sırala) */
.grid-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
#freq-info{margin:0 0 14px}

/* Rastgele N işaretle kutusu */
.inline-label{
  display:inline-flex;align-items:center;gap:8px;
  background:#fff;border:1px solid #dbe3de;border-radius:7px;
  padding:6px 10px;font-size:12px;color:#5d7074;
  font-family:'DM Sans',sans-serif;
}
.inline-label input{
  width:64px;padding:6px 8px;font-size:14px;
  border:1px solid #dbe3de;border-radius:5px;background:#fff;
  text-align:center;font-weight:600;color:var(--ink);
}
.inline-label input:focus{outline:2px solid var(--green);outline-offset:1px}

/* 2. adım: ayarlar */
#combination-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:18px;margin-top:26px}
#combination-form label{font-size:12px;gap:10px}
#combination-form input{width:100%;font-size:18px;padding:14px}
.calc-actions{grid-column:1/-1;display:flex;gap:10px}

#combination-error:empty{display:none}
#combination-error{color:#9a3326;background:#fff0eb;padding:13px;border-radius:8px;line-height:1.6}

/* Sonuç bloğu */
#combination-result{margin-top:25px;padding:25px;background:#eef5f0;border:1px solid #d9e8dc;border-radius:12px}
.calc-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.calc-summary>div{display:grid;align-content:start;gap:8px}
.calc-summary span{font-size:10px;letter-spacing:1px;color:#4d7361}
.calc-summary strong{font:800 24px Manrope,sans-serif;overflow-wrap:anywhere;color:#146754}
#combination-explanation{font-size:13px;line-height:1.8;color:#496357;margin-bottom:0}
.formula{font-family:ui-monospace,monospace;font-size:13px;color:#49705b;overflow-wrap:anywhere;line-height:1.8}

.result-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}

/* Kombinasyon listesi */
.combination-list{
  list-style:none;margin:18px 0 0;padding:16px;
  background:#fff;border:1px solid #d9e8dc;border-radius:10px;
  display:grid;gap:8px;max-height:520px;overflow-y:auto;
}
.combination-list li{
  display:flex;flex-wrap:wrap;align-items:center;gap:8px;
  padding:8px 10px;border-radius:8px;background:#f7faf8;
}
.combination-list li .idx{
  color:#90a09f;font-size:11px;min-width:44px;
  font-family:ui-monospace,monospace;
}
.combination-list li .combo-num{
  display:inline-grid;place-items:center;
  width:30px;height:30px;border-radius:50%;
  background:#eef4ef;color:#2c6655;
  font:700 11px 'DM Sans',sans-serif;
  border:1px solid #e1ebe3;
}

/* Tablet */
@media(max-width:900px){
  .number-grid{grid-template-columns:repeat(8,minmax(0,1fr))}
}

/* Mobil */
@media(max-width:760px){
  #combination-form{grid-template-columns:1fr}
  .calc-summary{grid-template-columns:1fr;gap:14px}
  .calc-summary strong{font-size:22px}
  .calculator-panel .section-title{align-items:start;flex-direction:column}
  #combination-result{padding:16px}
  .number-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}
  .num-btn{border-radius:8px}
  .num-btn .num-val{font-size:12px}
  .num-btn .num-freq{font-size:8px}
  .combination-list{padding:10px}
  .combination-list li{padding:6px 8px}
  .combination-list li .combo-num{width:26px;height:26px;font-size:10px}
  .inline-label{padding:5px 8px;font-size:11px}
  .inline-label input{width:56px;font-size:13px;padding:5px 6px}
}