/* public/css/public-table.css — tableaux déclaratifs des pages publiques
   (views/partials/public_table.php), partagés par blog/article.php et
   seo/pillar.php : feuille servie SANS app.css, donc var(--token, repli). */
.ptbl-wrap{margin:20px 0 8px;overflow-x:auto;border:1px solid var(--line-lt,rgb(232,232,237));border-radius:12px;background:var(--bgw,rgb(255,255,255));-webkit-overflow-scrolling:touch}
.ptbl-wrap:focus-visible{outline:2px solid var(--coral,rgb(255,107,82));outline-offset:2px}
.ptbl{width:100%;border-collapse:collapse;font-size:15px;line-height:1.5;color:var(--ink,rgb(29,29,31))}
.ptbl caption{caption-side:top;text-align:left;padding:14px 16px 6px;font-weight:700;font-size:14px;color:var(--ink,rgb(29,29,31))}
.ptbl th,.ptbl td{padding:12px 16px;text-align:left;vertical-align:top;border-top:1px solid var(--line-lt,rgb(232,232,237))}
.ptbl thead th{background:var(--bgg,rgb(245,245,247));border-top:0;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--gray,rgb(110,110,115));white-space:nowrap}
.ptbl tbody th{font-weight:600;color:var(--ink,rgb(29,29,31))}
.ptbl td{color:var(--ink,rgb(29,29,31))}
.ptbl-note{margin:0 0 20px;font-size:13px;color:var(--gray,rgb(110,110,115))}
@media (max-width:600px){
  .ptbl{font-size:14px}
  .ptbl th,.ptbl td{padding:10px 12px}
  .ptbl tbody th{position:sticky;left:0;background:var(--bgw,rgb(255,255,255));min-width:130px;box-shadow:1px 0 0 var(--line-lt,rgb(232,232,237))}
}