/* ส่วนเสริมสำหรับหน้าสาธารณะ (ใช้ร่วมกับ /app/app.css ของเว็บเดิม) */
.pub .topbar a{text-decoration:none}
.pub .logo{display:inline-block}
.pub .who{display:inline-flex;align-items:center}
.pnav{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:56px;z-index:39}
.pnav-in{max-width:640px;margin:0 auto;display:flex;gap:6px;overflow-x:auto;padding:8px 16px;scrollbar-width:none}
.pnav-in::-webkit-scrollbar{display:none}
.pnav a{flex:none;font-size:14px;font-weight:600;color:var(--ink);text-decoration:none;padding:5px 12px;border-radius:999px;border:1px solid var(--line);background:#fff}
.pnav a[aria-current]{background:var(--ink);color:#fff;border-color:var(--ink)}
.pmain{padding-bottom:32px}
.crumbs{font-size:13px;color:var(--muted);margin:0 0 10px}
.crumbs a{color:var(--muted)}
.hero-title{line-height:1.35}
.card.hero .hero-sub a{color:var(--hot)}
.phead{gap:10px}
.ppaste{margin-top:4px}
.ppaste .field input{width:100%;border:1px solid #bbb;border-radius:9px;padding:9px 12px;min-height:44px;background:#fff;color:var(--ink);font-size:16px}
a.btn{display:flex;align-items:center;justify-content:center;text-decoration:none;text-align:center}
.sgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.scard{flex-direction:row;align-items:center;gap:10px;padding:10px;text-decoration:none}
.scard strong{display:block;font-size:14px;line-height:1.3}
.scard .small{display:block;line-height:1.35}
.sbadge{flex:none;width:36px;height:36px;border-radius:10px;background:var(--c);color:#fff;display:grid;place-items:center;font-weight:700;font-size:17px}
.sbadge.big{width:56px;height:56px;border-radius:14px;font-size:26px}
.ph-site{display:flex;gap:12px;align-items:center}
.plist{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px}
.plist li::marker{color:var(--hot)}
.ptbl{width:100%;border-collapse:collapse;font-size:14px}
.ptbl td{padding:7px 0;border-bottom:1px dashed var(--line)}
.ptbl td:last-child{text-align:right;font-weight:700}
.flinks a{color:var(--muted)}
.hot a,a.hot{color:var(--hot)}
@media (max-width:380px){.sgrid{grid-template-columns:1fr}}