:root{ --mobile-nav-h: 50px; --avatar-w: 60px; --mini-profile-p: 10px; }
    
html, body{width: 100%; max-width: 100%; overflow-x: hidden;}

#pun{width:100%;max-width:100%;padding:0 5px 14px!important;margin:var(--pun-marg)}
#pun-navlinks .container{display:flex;gap:3px;height:var(--mobile-nav-h);padding:0 10px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;white-space:nowrap;scroll-snap-type:x proximity;scroll-padding-left:14px;align-items:center;justify-content:center}
#pun-navlinks .container::-webkit-scrollbar{ display:none; }
#pun-navlinks li{flex:0 0 auto;scroll-snap-align:center;margin:0;padding:0}
#pun-navlinks a{display:grid;place-items:center;min-width:40px;height:40px;text-decoration:none;font-size:0;align-content:center}
#pun-navlinks a::before{font-family:var(--symb);font-weight:600;color:var(--link-color);font-size:22px;line-height:1;margin:0!important}

#pun-ulinks::-webkit-scrollbar{ display: none; } /* скрыть полосу в webkit */
#pun-ulinks{display:block;margin:8px 0 0;padding:0 10px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:none}
#pun-ulinks li{display:inline;margin:0 14px 0 0}

#pun-index .category tbody{display:grid;grid-template-columns:1fr!important;gap:10px;margin-top:10px}
#pun-index .category tbody>tr{grid-column:1/-1;min-width:0}
#pun-index .category tbody>tr>*{min-width:0;max-width:100%}
#pun-index .category .container tbody tr{padding:5px}
#pun-index .tc2,#pun-index .tc3{display:none!important}
#pun-index .tcr{grid-column:1/-1;width:100%;text-align:left}
#pun-index .category .container tbody tr .tcr .lastpost-link{max-width:40ch}

#pun-stats li.item1,#pun-stats li.item2,#pun-stats li.item3,#pun-stats li.item4{float:none;clear:none;text-align:left;line-height:inherit;width:100%}
#pun-stats .container li *{min-width:0;word-break:break-word}

#pun-messages table div.icon,#pun-searchtopics table div.icon,#pun-viewforum table div.icon{aspect-ratio:1/1;margin:0 8px 0 0}

.punbb .post{ padding-top:0 !important; }
.punbb .post .post-author{position:static!important;margin:0 0 8px!important;padding:0!important;background:0 0!important;border:0!important;box-shadow:none!important;border-radius:0!important}
.post-author::before{ display:none !important; }     /* декоративные точки */
.pa-fld1, .pa-fld4, li.pa-fld4::after, .pa-fld3, .pa-fld5{ display:none !important; }
.post .container{display:flex;flex-direction:column;gap:8px}
.post .post-author{order:-1;width:100%!important}
.post .post-body, .post .post-entry, .post .entry-content{ order: 0; }
.post .post-author ul{display:grid;grid-template-columns:1fr var(--avatar-w);grid-template-rows:auto auto;align-items:center;gap:6px 15px;margin:0;padding:var(--mini-profile-p);background:var(--accent-grey);border:1px solid var(--border-light);border-radius:10px;min-height:max(56px,var(--avatar-w))}
.pa-avatar{grid-column:2;grid-row:1/span 2;align-self:stretch}
.pa-avatar img{width:100%;height:100%;display:block;object-fit:cover;border:0!important;outline:0!important;box-shadow:none!important;border-radius:8px}
.pa-author{grid-column:1;grid-row:1;margin:0;font-size:20px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.pa-author a{ color: inherit; text-decoration: none; }
.pa-fld2{grid-column:1;grid-row:2;margin:0;min-width:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}

.post-links{grid-column:1/-1;margin-top:10px;padding-top:10px;border-top:1px solid var(--border-light);display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px;text-align:initial}
.post-links ul{display:contents}
.post-links .pl-email,.post-links .pl-website{float:none!important}
.post-links li{display:block;margin:0}

.rp-timeline{ padding: 8px 14px 12px; }
.rp-title{ font-size: 22px; margin: 12px 0; }
.uni{ padding: 12px; border-radius: 12px; }
.uni-head{ gap: 4px; margin-bottom: 8px; }
.uni-title{ font-size: 18px; }
.uni-desc{ font-size: 12px; }
.uni-pill{font-size:12px;padding:3px 8px;border-radius:999px}
.tl{ padding-left: 0; margin-left: 0; }
.tl::before{ display: none; }
.ep-card{position:relative;display:block;border-radius:10px;box-shadow:none;transform:none!important}
.ep-card .ep-accent{position:absolute;left:0;top:0;bottom:0;width:3px;height:auto}
.ep-inner{padding:10px 10px 10px 12px;display:grid;gap:6px}
.ep-title a{display:block;white-space:break-spaces;overflow:hidden;border-bottom:none}
.ep-meta{ display: none; }
.ep-cast{gap:4px}.cast-chip{font-size:11px;padding:4px 6px;border-radius:999px}