/* /assets/pb19-docs.css
   PB19 Docs — corporate typography + single-scroll (no body scroll)
*/

html, body{ height:100%; }

/* Body kaymasın; scroll yalnızca içerik kutusunda */
body.pb19-docs{
  height:100%;
  min-height:100svh;
  overflow:hidden;
}
@supports (height: 100dvh){
  body.pb19-docs{ min-height:100dvh; }
}

/* Flex zinciri: scroll'un çalışması için min-height:0 kritik */
body.pb19-docs .pb19-shell{
  height:100%;
  min-height:0;
  display:flex;
  flex-direction:column;
}
body.pb19-docs .pb19-stage{
  flex:1;
  min-height:0;
  display:flex;
}
body.pb19-docs .pb19-panel.is-single{
  flex:1;
  min-height:0;
  display:flex;
}

/* Hamburger paneli: header içinde stabil */
.pb19-topbar .pb19-rightbar{ position:relative; }
.pb19-topbar .pb19-rightbar .pb19-fab{ position:relative !important; inset:auto !important; margin:0; }
.pb19-topbar .pb19-rightbar .pb19-fab-panel{
  position:absolute !important;
  right:0;
  top: calc(100% + 10px);
  bottom:auto !important;
  min-width:180px;
}

/* Kart iskeleti */
.pb19-read-card{
  flex:1;
  min-height:0;
  padding: var(--pb19-pad, 22px) !important;
  display:flex;
  flex-direction:column;
  gap: var(--pb19-gap, 16px);
  overflow:hidden;
  align-items: stretch;
}

/* Tek scroll alanı */
.pb19-read-scroll{
  flex:1;
  min-height:0;
  overflow:auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;

  padding:0;
  border:0;
  background:transparent;
  border-radius:0;
  box-shadow:none;

  width:100%;
}

/* İç içerik: kurumsal satır uzunluğu + ortalı blok */
.pb19-read-scroll > .pb19-doc{
  box-sizing:border-box;
  width:100%;
  max-width: 60ch;
  margin:0 auto;
  padding: 34px 18px 22px;
}

/* H1: güçlü ama abartısız */
.pb19-h1{
  margin:0;
  font-weight: 820;
  letter-spacing: .01em;
  line-height: 1.12;
  text-align:center;
  font-size: clamp(22px, 2.4vw, 30px);
}

/* Açıklama: güven veren okunabilirlik */
.pb19-p{
  margin: 10px auto 0;
  opacity: .90;
  line-height: 1.55;
  text-align:center;
}

/* Section başlığı: “doküman” hissi (divider + küçük caps) */
.pb19-sub{
  margin-top: 22px;
  text-align:center;

  font-size: 13px;
  letter-spacing: .10em;
  text-transform: uppercase;
  opacity: .78;

  position: relative;
  padding-top: 14px;
}
.pb19-sub::before{
  content:"";
  position:absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 1px;
  background: linear-gradient(90deg,
    rgba(255,255,255,0),
    rgba(255,255,255,.12),
    rgba(255,255,255,0)
  );
}

/* Kurumsal adımlar: numaralı ve temiz */
.pb19-steps{
  margin: 14px auto 0;
  padding-left: 22px;
  max-width: 60ch;
  text-align:left;
}
.pb19-steps li{
  margin: 10px 0;
  color: rgba(255,255,255,.88);
  line-height: 1.55;
}
.pb19-steps li::marker{
  color: rgba(255,255,255,.55);
  font-weight: 700;
}
.pb19-steps b{
  letter-spacing: .02em;
}

/* Mobil */
@media (max-width: 520px){
  .pb19-read-card{ padding: 14px !important; gap: 12px; }
  .pb19-read-scroll > .pb19-doc{
    max-width: 62ch;
    padding: 26px 14px 18px;
  }
  .pb19-sub{ font-size: 12px; }
  .pb19-steps{ padding-left: 20px; }
  .pb19-steps li{ margin: 9px 0; }
}

/* Landscape sıkışma */
@media (max-width: 920px) and (orientation:landscape){
  .pb19-read-card{ padding: 12px !important; gap: 10px; }
  .pb19-read-scroll > .pb19-doc{ padding: 18px 14px 14px; }
}
@media (max-height: 430px) and (orientation:landscape){
  .pb19-read-card{ padding: 11px !important; gap: 9px; }
  .pb19-read-scroll > .pb19-doc{ padding: 14px 12px 12px; }
}