/* Puan hesaplama — scoped under .ph-page */
.ph-page{
  /* Body zaten 31px defter çizgisi kullanır — burada ikinci katman çizme (sapmayı önler) */
  --ph-paper:var(--paper,#F1EFE4);
  --ph-paper-line:var(--paper-line,#D8D2BC);
  --ph-ink:#1B2340;
  --ph-graphite:#5A5850;
  --ph-red:#C4283D;
  --ph-green:#2F8F5B;
  --ph-gold:#E9A93E;
  --ph-white:#FBFAF5;
  --ph-line:#E4DFC9;
  font-family:Inter,system-ui,sans-serif;
  color:var(--ph-graphite);
  background:transparent;
  margin:0;
  padding:0 0 48px;
  position:relative;
  z-index:2;
}
.ph-page h1,.ph-page h2,.ph-page h3{
  font-family:var(--font-display);
  color:var(--ph-ink);
  margin:0;
}
.ph-mono{font-family:var(--font-mono);}
.ph-wrap{max-width:900px;margin:0 auto;padding:0 24px;}

.ph-crumb{font-size:12.5px;color:var(--ph-graphite);padding:20px 0 6px;}
.ph-crumb a{color:var(--ph-red);text-decoration:none;}

.ph-titlebox{padding:6px 0 22px;}
.ph-titlebox h1{font-size:26px;margin-bottom:8px;font-weight:700;}
.ph-titlebox p{font-size:14px;line-height:1.6;margin:0;max-width:64ch;}

.ph-exam-picker{display:flex;gap:8px;overflow-x:auto;padding-bottom:18px;-webkit-overflow-scrolling:touch;}
.ph-exam-pill{
  flex-shrink:0;font-family:var(--font-mono);font-size:12px;font-weight:500;
  padding:8px 14px;border-radius:20px;border:1.3px solid #1B234030;background:var(--ph-white);
  color:var(--ph-ink);cursor:pointer;white-space:nowrap;text-decoration:none;display:inline-block;
}
.ph-exam-pill.active{background:var(--ph-ink);color:#fff;border-color:var(--ph-ink);}

.ph-calc-card{
  background:var(--ph-white);border:1.3px solid #1B234022;border-radius:10px;overflow:hidden;
  box-shadow:0 6px 20px #1B234012;
}
.ph-variant-tabs{display:flex;border-bottom:1.3px solid #1B234018;background:#1B234006;flex-wrap:wrap;}
.ph-vtab{
  flex:1;min-width:90px;text-align:center;padding:14px 10px;font-size:13.5px;font-weight:600;
  color:var(--ph-graphite);cursor:pointer;border:none;background:transparent;
  border-bottom:3px solid transparent;
}
.ph-vtab.active{color:var(--ph-ink);border-bottom-color:var(--ph-red);background:var(--ph-white);}

.ph-calc-body{padding:26px 26px 22px;}
.ph-sections-grid{display:grid;gap:18px;margin-bottom:18px;}
.ph-section-block{border:1.3px solid #1B234018;border-radius:8px;padding:16px 18px;}
.ph-section-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px;gap:8px;}
.ph-section-head h3{font-size:14px;font-weight:600;}
.ph-section-head .ph-cap{font-size:11px;color:var(--ph-graphite);}
.ph-field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.ph-field label{
  font-size:11.5px;font-weight:600;color:var(--ph-graphite);display:block;margin-bottom:6px;
  text-transform:uppercase;letter-spacing:.03em;
}
.ph-field input{
  width:100%;border:1.3px solid #1B234026;border-radius:6px;padding:11px 12px;
  font-family:var(--font-mono);font-size:15px;color:var(--ph-ink);
  background:var(--ph-paper);
}
.ph-field input:focus{outline:none;border-color:var(--ph-red);background:var(--ph-white);}
.ph-net-inline{margin-top:10px;font-size:11.5px;color:var(--ph-graphite);text-align:right;}
.ph-net-inline b{color:var(--ph-ink);}

.ph-calc-btn{
  width:100%;border:none;border-radius:7px;padding:15px;
  font-family:var(--font-display);font-weight:700;font-size:15px;color:#fff;cursor:pointer;
  background:linear-gradient(90deg,var(--ph-ink),var(--ph-red));
}
.ph-disclaimer{font-size:11.5px;color:var(--ph-graphite);text-align:center;padding:14px 0 0;}

.ph-result-panel{margin-top:22px;padding-top:22px;border-top:1.3px dashed #1B234026;}
.ph-result-top{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:14px;gap:12px;flex-wrap:wrap;}
.ph-result-score{font-family:var(--font-mono);font-size:40px;font-weight:700;color:var(--ph-ink);}
.ph-result-score span{font-size:16px;color:var(--ph-graphite);font-weight:500;}
.ph-result-tag{font-size:11.5px;font-weight:700;padding:6px 12px;border-radius:20px;}
.ph-result-tag.low{background:#C4283D18;color:var(--ph-red);}
.ph-result-tag.mid{background:#E9A93E22;color:#8a6317;}
.ph-result-tag.high{background:#2F8F5B18;color:var(--ph-green);}

.ph-gauge{
  height:10px;border-radius:6px;
  background:linear-gradient(90deg,var(--ph-red) 0 40%,var(--ph-gold) 40% 70%,var(--ph-green) 70% 100%);
  position:relative;margin-bottom:22px;
}
.ph-gauge-marker{
  position:absolute;top:-5px;width:3px;height:20px;background:var(--ph-ink);border-radius:2px;
  transition:left .25s ease;left:0%;
}
.ph-gauge-marker::after{
  content:attr(data-v);position:absolute;top:-22px;left:50%;transform:translateX(-50%);
  font-family:var(--font-mono);font-size:10.5px;color:var(--ph-ink);
  font-weight:700;white-space:nowrap;
}

.ph-breakdown{display:grid;gap:8px;}
.ph-brow{display:flex;justify-content:space-between;font-size:13px;padding:9px 12px;background:var(--ph-paper);border-radius:6px;gap:10px;}
.ph-brow .lbl{color:var(--ph-graphite);}
.ph-brow .val{font-family:var(--font-mono);font-weight:600;color:var(--ph-ink);}
.ph-brow.total{background:var(--ph-ink);}
.ph-brow.total .lbl,.ph-brow.total .val{color:#fff;}

.ph-rank-box{
  margin-top:12px;padding:14px 16px;border-radius:8px;
  border:1.3px dashed #1B234033;background:#1B234008;
}
.ph-rank-box .ph-rank-title{
  font-family:var(--font-display);font-size:13px;font-weight:700;
  color:var(--ph-ink);margin:0 0 6px;
}
.ph-rank-box .ph-rank-main{
  font-family:var(--font-mono);font-size:18px;font-weight:700;
  color:var(--ph-ink);margin:0 0 4px;
}
.ph-rank-box .ph-rank-sub{font-size:12px;color:var(--ph-graphite);margin:0;line-height:1.5;}
.ph-rank-box .ph-rank-note{font-size:11px;color:var(--ph-graphite);margin:8px 0 0;opacity:.9;}

.ph-info-section{padding:40px 0 20px;}
.ph-acc{border:1.3px solid #1B234022;border-radius:8px;margin-bottom:10px;background:var(--ph-white);overflow:hidden;}
.ph-acc-q{
  padding:16px 18px;font-weight:600;font-size:14px;color:var(--ph-ink);cursor:pointer;
  display:flex;justify-content:space-between;align-items:center;gap:12px;border:none;background:transparent;width:100%;text-align:left;
}
.ph-acc-q .plus{color:var(--ph-red);font-size:17px;transition:transform .2s;flex-shrink:0;}
.ph-acc.open .ph-acc-q .plus{transform:rotate(45deg);}
.ph-acc-a{max-height:0;overflow:hidden;transition:max-height .25s ease;}
.ph-acc.open .ph-acc-a{max-height:800px;}
.ph-acc-a-inner{
  padding:0 18px 18px;font-size:13.5px;line-height:1.7;color:var(--ph-graphite);
  border-top:1px dashed #1B234020;padding-top:14px;margin:0 18px;
}
.ph-acc-a-inner a{color:var(--ph-red);}
.ph-acc-a-inner b{color:var(--ph-ink);}

.ph-cta-strip{
  display:flex;align-items:center;justify-content:space-between;background:var(--ph-ink);color:#fff;
  border-radius:8px;padding:18px 22px;margin-top:26px;flex-wrap:wrap;gap:12px;
}
.ph-cta-strip p{margin:0;font-size:13.5px;color:#D8DBE8;}
.ph-cta-strip a{
  background:var(--ph-red);color:#fff;text-decoration:none;font-weight:700;font-size:13px;
  padding:10px 16px;border-radius:6px;
}

.ph-index-grid{display:grid;grid-template-columns:1fr;gap:12px;padding-bottom:40px;}
@media(min-width:640px){.ph-index-grid{grid-template-columns:1fr 1fr;}}
.ph-index-card{
  display:block;background:var(--ph-white);border:1.3px solid #1B234022;border-radius:10px;
  padding:18px 20px;text-decoration:none;color:var(--ph-ink);box-shadow:0 4px 14px #1B234010;
}
.ph-index-card h2{font-size:18px;margin-bottom:6px;}
.ph-index-card p{margin:0;font-size:13px;color:var(--ph-graphite);line-height:1.5;}

@media(max-width:640px){
  .ph-result-score{font-size:32px;}
  .ph-calc-body{padding:18px 16px 16px;}
  .ph-sections-grid{grid-template-columns:1fr !important;}
}