/* Razgrom: add to the END of custom CSS. */
html body #pun .post .post-author {
    --rg-card: #ceccd9;
    --rg-ink: #373344;
    --rg-edge: #b4adbf;
    isolation: isolate;
    box-sizing: border-box;
    padding: 0 0 10px !important;
    margin-bottom: 16px !important;
    border: 1px solid var(--rg-edge) !important;
    border-radius: 12px !important;
    background: var(--rg-card) !important;
    box-shadow: 0 5px 20px #24202f12 !important;
    color: var(--rg-ink);
}
html.dark body #pun .post .post-author {
    --rg-card: #302e3b;
    --rg-ink: #dedbe6;
    --rg-edge: #514b60;
}
html body #pun .post-author > ul {
    width: 100% !important;
    box-sizing: border-box;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
    border-radius: inherit;
}
html body #pun .post-author::after,
html body #pun .post-author > ul::after { content: none !important; }
html body #pun .post-author .pa-fld4 { display: none !important; }
html body #pun .post-author .pa-author {
    position: relative;
    box-sizing: border-box;
    min-height: 72px;
    margin: 0 0 6px !important;
    padding: 30px 28px 12px !important;
    border-radius: 11px 11px 0 0 !important;
    background-image: linear-gradient(0deg,var(--rg-card),#24202f22 70%),var(--rg-author-art,none) !important;
    background-color: #827190 !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    transform: none !important;
    box-shadow: none !important;
}
html body #pun .post-author .pa-author::before,
html body #pun .post-author .pa-author::after {content: none !important;}
html body #pun .post-author .pa-author > a {
    display: inline-block;
    padding: 4px 9px;
    border-radius: 6px;
    background: #292335ad;
    color: #f0edf5 !important;
}
html body #pun .post-author .proffl {
    margin: 0 !important;
    padding: 0 12px !important;
    background: none !important;
    backdrop-filter: none !important;
}
html body #pun .post-author .pa-avatar {padding: 4px 0 6px !important;}
html body #pun .post-author .pa-avatar img {
    max-width: 100% !important;
    height: auto;
    margin: 0 auto !important;
    border-radius: 9px;
}
html body #pun .post-author .pa-title {margin: 0 !important;padding: 0 4px 5px !important;}
html body #pun .post-author .pa-fld1 {padding: 5px 0 !important;}
html body #pun .post-author .pa-fld5 {padding: 8px 0 6px !important;margin: 0 !important;}
html body #pun .post-author .pl {position: relative;width: 100% !important;box-sizing: border-box;margin: 0 auto !important;padding-top: 12px;}
html body #pun .post-author .plicon {position: absolute;top: 0;left: 50%;transform: translateX(-50%);z-index: 2;line-height: 1;}
html body #pun .post-author .plicon img {display:block;width:26px!important;height:26px!important;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;object-fit:cover;padding:3px;border-radius:50%;background:var(--rg-card);}
html body #pun .post-author .plsh {width:100%!important;min-height:52px;height:auto!important;box-sizing:border-box;margin:0!important;padding:16px 8px 8px!important;border-radius:8px!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat;line-height:1.3!important;box-shadow:inset 0 0 0 100vmax #18121e55;}
html body #pun .post-author .pltxt {margin:0!important;gap:3px!important;line-height:1.3!important;color:#f3eff7!important;text-shadow:0 1px 3px #000;}
html body #pun .post-author .pltxt :is(span,p,a,b) {color:inherit!important;margin:0!important;}
html body #pun .post-author .pa-row1 {position:static!important;inset:auto!important;width:auto!important;margin:5px 10px 0!important;padding:0!important;background:none!important;}
html body #pun .post-author .pa-counts {display:flex!important;flex-wrap:wrap;justify-content:center;gap:8px;padding:0!important;margin:0!important;background:none!important;}
html body #pun .post-author .pa-counts > li {padding:0!important;white-space:nowrap;}
html body #pun .post-author :is(.indOnline,.indOffline)[role="button"] {cursor:pointer;pointer-events:auto;}
html body #pun .post-author :is(.indOnline,.indOffline):focus-visible {outline:2px solid #9b87b5;outline-offset:3px;}
/* Keep the default bottom decoration inside the same card. */
html body #pun .post-author .author-badge {
    height: 28px !important;
    margin: 6px 10px 0 !important;
    width: calc(100% - 20px) !important;
    border-radius: 0 0 8px 8px;
    opacity: .3;
    mask-image: linear-gradient(to bottom,transparent,#000 65%,transparent) !important;
    -webkit-mask-image: linear-gradient(to bottom,transparent,#000 65%,transparent) !important;
}
#pun #bm-episodes .post-author {--rg-card:#ceccd9;--rg-ink:#373344;--rg-edge:#b4adbf;background:var(--rg-card)!important;border-radius:12px;}
html.dark #pun #bm-episodes .post-author {--rg-card:#302e3b;--rg-ink:#dedbe6;--rg-edge:#514b60;}
