.pn-social{color:#18181b}
.pn-social__heading{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.pn-social__heading>div{flex:1;min-width:0}
.pn-social__icon{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border-radius:10px;background:#facc15}
.pn-social__eyebrow{display:block;font-size:11px;font-weight:800;letter-spacing:.08em;color:#92400e}
.pn-social h2{font-size:28px;line-height:1.4;font-weight:900;margin:0}
.pn-social__profile{margin-left:auto;border:1px solid #e4e4e7;border-radius:8px;background:#fff;padding:10px 16px;font-size:13px;font-weight:800}
.pn-social__intro{font-size:14px;color:#52525b;margin:12px 0 20px;line-height:1.8}
.pn-social__posts{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.pn-social__post{min-width:0;background:#fff;border:1px solid #e4e4e7;border-radius:12px;overflow:hidden;box-shadow:0 1px 2px #00000008}
.pn-social__post>a{display:block;height:100%;text-decoration:none}
.pn-social__thumbnail{aspect-ratio:9/16;position:relative;overflow:hidden;background:#f4f4f5}
.pn-social__thumbnail img{display:block;width:100%;height:100%;object-fit:contain}
.pn-social__reel{position:absolute;right:7px;bottom:7px;display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#18181bcc;color:#fff;font-size:10px}
.pn-social__caption{padding:12px}
.pn-social__post h3{font-size:14px;font-weight:800;margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:42px}
.pn-social__caption>span{display:block;margin-top:6px;color:#71717a;font-size:10px;font-weight:700}
.pn-social__note{margin:12px 0 20px;color:#71717a;font-size:11px;line-height:1.8;text-align:right}
.pn-social__note a{text-decoration:underline}
.pn-social a:hover{text-decoration:underline}
.pn-social a:focus-visible{outline:3px solid #0284c7;outline-offset:-3px}
@media(max-width:1023px){
    .pn-social__panel{background:#fff;border:1px solid #fef3c7;border-radius:12px;padding:12px;box-shadow:0 1px 2px #0000000d}
    .pn-social h2{font-size:24px}
    .pn-social__posts{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
    .pn-social__post:nth-child(n+5){display:none}
    .pn-social__icon{width:40px;height:40px}
    .pn-social__icon svg{width:20px;height:20px}
}
@media(max-width:639px){
    .pn-social h2{font-size:14px;line-height:18px}
    .pn-social__heading{gap:10px}
    .pn-social__profile{margin-left:auto;padding:6px 10px;font-size:11px}
    .pn-social__heading>div{flex-basis:calc(100% - 50px)}
    .pn-social__intro{font-size:12px;margin:10px 0 14px}
    .pn-social__caption{padding:10px}
}
.pn-social__eyebrow{text-transform:uppercase;font-size:10px}
.pn-social__post{border-radius:8px}
.pn-social__note{margin-bottom:0}
@media(min-width:1024px){.pn-social h2{font-size:30px}.pn-social__eyebrow{font-size:12px}}