/* Harmonik Radar araçları · style.css ve rehber.css'in token'larını kullanır (önce onlar yüklenir). */
.arac{max-width:1040px;margin:36px auto 0;background:var(--beyaz);border-radius:28px;box-shadow:0 1px 0 var(--cizgi);
  padding:28px;display:grid;grid-template-columns:280px minmax(0,1fr);gap:28px;align-items:start}
.p-girdi{display:grid;gap:14px}
.p-girdi label{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:12px}
.p-girdi label span{font:700 18px var(--baslik);text-align:center}
.p-girdi label span.d{color:#B57600}
.p-girdi input{width:100%;font:500 17px var(--mono);color:var(--murekkep);background:var(--kagit);border:1px solid var(--cizgi);
  border-radius:14px;padding:12px 14px;transition:border-color .15s,background .15s}
.p-girdi input:focus{outline:none;border-color:var(--d);background:var(--beyaz)}
.p-ipucu{font-size:13.5px;color:var(--soluk);line-height:1.5}
.p-dugmeler{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}
.p-dugmeler button{font:600 13.5px var(--govde);color:var(--murekkep);background:transparent;border:0;border-radius:999px;
  padding:8px 13px;box-shadow:inset 0 0 0 1px rgba(12,22,34,.2);cursor:pointer}
.p-dugmeler button:hover{background:rgba(12,22,34,.04)}

.p-sag{min-width:0}
.p-durum{display:flex;justify-content:space-between;gap:10px 18px;flex-wrap:wrap;font-size:14px;color:var(--soluk);margin-bottom:12px;min-height:21px}
.p-durum .p-oran{font-family:var(--mono)}
.p-durum b{color:var(--murekkep);font-weight:500}
.p-durum.hata{color:var(--kirmizi);font-weight:600}
#p-cizim svg{display:block;width:100%;height:auto;border-radius:22px;box-shadow:0 1px 0 var(--cizgi)}

.p-sonuc-alan{max-width:1040px;margin:18px auto 0}
#p-sonuclar{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.p-kart{all:unset;box-sizing:border-box;cursor:pointer;background:var(--beyaz);border-radius:22px;padding:20px 22px;
  box-shadow:0 1px 0 var(--cizgi);transition:transform .15s,box-shadow .15s}
.p-kart:hover{transform:translateY(-2px)}
.p-kart:focus-visible{outline:2px solid var(--d);outline-offset:3px}
.p-kart.secili{box-shadow:inset 0 0 0 2px var(--d),0 1px 0 var(--cizgi)}
.p-kart-ust{display:flex;justify-content:space-between;align-items:center;gap:12px}
.p-kart-ust b{font:800 22px var(--baslik);letter-spacing:-.02em}
.p-uyar{font-size:13px;font-weight:600;color:var(--teal);display:flex;align-items:center;gap:7px}
.p-uyar::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--teal)}
.p-kart dl{margin-top:14px;display:grid;gap:8px}
.p-kart dl div{display:flex;justify-content:space-between;gap:12px;font-size:14.5px}
.p-kart dt{color:var(--soluk)}
.p-kart dd{font-family:var(--mono);font-weight:500;white-space:nowrap}
.p-kucuk{margin-top:12px;font-size:13.5px;color:var(--soluk);line-height:1.5}
.p-kucuk.uyari{color:#9A6400}
.p-bos{background:var(--beyaz);border-radius:22px;padding:20px 22px;box-shadow:0 1px 0 var(--cizgi)}
.p-bos b{font:700 18px var(--baslik);letter-spacing:-.01em}
.p-bos p{margin-top:6px;font-size:15px;color:var(--soluk)}
#p-uymayan{margin-top:16px;font-size:14px;color:var(--soluk)}
#p-uymayan b{font-weight:600;color:var(--murekkep)}
#p-uymayan ul{list-style:none;margin-top:6px;display:grid;gap:4px}
#p-uymayan a{color:var(--murekkep);font-weight:600}
.p-uyari-alt{max-width:1040px;margin:14px auto 0;font-size:13px;color:var(--soluk)}

@media (max-width:860px){
  .arac{grid-template-columns:1fr;padding:20px}
  .p-girdi{grid-template-columns:1fr 1fr}
  .p-girdi .p-ipucu,.p-girdi .p-dugmeler{grid-column:1/-1}
}
@media (max-width:330px){.p-girdi{grid-template-columns:1fr}}
.yazi .mono{font-family:var(--mono);font-size:.92em}