/* Boka Academy · Politika privatnosti · Studio Piksel, 14. 10. 2026. */
.pband > .wrap{padding-top:clamp(40px,6vw,64px)}
.psum{background:var(--krecnjak); border:1px solid var(--linija); border-radius:var(--r-md); padding:22px 24px 24px}
.psum h2{font-size:1.15rem; margin:0 0 14px}
.psum ul{margin:0; padding:0; list-style:none; display:grid; gap:14px 28px; grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.psum li{position:relative; padding-left:24px; font-size:.95rem; line-height:1.55}
.psum li::before{content:""; position:absolute; left:0; top:.42em; width:11px; height:11px; border-radius:50%; background:var(--sunce); box-shadow:0 0 0 3px rgba(233,180,76,.25)}
.psum a, .pdoc a{color:var(--duboko); font-weight:700; text-underline-offset:2px}
.playout{display:grid; grid-template-columns:220px minmax(0,1fr); gap:clamp(28px,5vw,72px); margin-top:clamp(36px,5vw,56px); align-items:start}
.ptoc{position:sticky; top:104px; font-size:.9rem}
.ptoc ol{margin:12px 0 0; padding-left:1.3em; display:grid; gap:7px; color:var(--kamen)}
.ptoc a{color:var(--noc); text-decoration:none}
.ptoc a:hover{color:var(--duboko); text-decoration:underline}
.pdoc{max-width:720px; min-width:0}
.pdoc section{scroll-margin-top:104px}
.pdoc section + section{margin-top:46px; padding-top:40px; border-top:1px solid var(--linija)}
.pdoc h2{font-size:clamp(1.35rem,2.6vw,1.75rem)}
.pdoc h3{font-size:1.06rem; margin-top:24px}
.pdoc p{margin:12px 0 0}
.pdoc ul{margin:12px 0 0; padding-left:1.25em; display:grid; gap:6px}
.pdoc .small{margin-top:12px}
.ptable{margin-top:16px; overflow-x:auto; border:1px solid var(--linija); border-radius:var(--r-md); background:var(--krecnjak)}
.ptable:focus-visible{outline:2px solid var(--sunce); outline-offset:2px}
.ptable table{width:100%; border-collapse:collapse; font-size:.9rem; min-width:540px}
.ptable th, .ptable td{text-align:left; padding:11px 14px; border-bottom:1px solid var(--linija); vertical-align:top}
.ptable tbody tr:last-child td{border-bottom:0}
.ptable th{font-size:.72rem; letter-spacing:.1em; text-transform:uppercase; color:var(--kamen); font-weight:700}
.ptable code{font-size:.84em; background:rgba(14,106,90,.08); color:var(--duboko); padding:2px 7px; border-radius:6px; white-space:nowrap}
.pbtn{margin-top:18px}
@media (max-width:900px){
  .playout{grid-template-columns:1fr}
  .ptoc{position:static; background:var(--krecnjak); border:1px solid var(--linija); border-radius:var(--r-md); padding:16px 18px}
}
/* telefon: svaki kolačić je kartica, bez skrolovanja u stranu */
@media (max-width:600px){
  .ptable{overflow:visible; border:0; background:none; border-radius:0}
  .ptable table{min-width:0}
  .ptable thead{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0)}
  .ptable tbody{display:grid; gap:10px}
  .ptable tr{display:grid; grid-template-columns:auto 1fr; gap:4px 14px; background:var(--krecnjak);
    border:1px solid var(--linija); border-radius:var(--r-md); padding:12px 14px}
  .ptable td{display:contents}
  .ptable code{justify-self:start}
  .ptable td::before{content:attr(data-l); font-size:.68rem; letter-spacing:.1em; text-transform:uppercase;
    color:var(--kamen); font-weight:700; padding-top:3px}
}