.viv-social-workspace{padding-block:48px!important}
.viv-social-workspace .workspace-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px;margin-bottom:24px}
.viv-social-workspace h2{font-size:38px!important;letter-spacing:0!important}
.viv-social-workspace .workspace-count{color:var(--muted);font-size:13px}
.viv-social-tabs{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));border-block:1px solid var(--line);margin-bottom:28px}
.viv-social-tabs a{display:flex;align-items:center;justify-content:center;min-height:54px;text-align:center;text-decoration:none;font-size:12px;font-weight:700;padding:10px 6px;color:var(--ink);border-bottom:3px solid transparent}
.viv-social-tabs a[aria-current="page"]{border-bottom-color:var(--gold);color:var(--ink)}
.viv-social-tabs a:hover,.viv-social-directory a:hover{background:var(--viv-frost-gold-soft)}
.viv-social-directory{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-bottom:32px}
.viv-social-directory>div{min-width:0;border-top:2px solid var(--gold);padding-top:12px}
.viv-social-directory h3{font:700 11px Arial,sans-serif;letter-spacing:0;color:var(--muted);margin:0 0 10px}
.viv-social-directory a{display:block;font-size:12px;text-decoration:none;line-height:1.4;padding:7px 0;color:var(--ink)}
.viv-social-directory a[aria-current="true"]{color:var(--gold);font-weight:700}
.viv-social-frame{display:block;width:100%;border:0;min-height:1000px;margin-bottom:32px;background:var(--viv-frost-paper)}
@media(max-width:900px){.viv-social-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.viv-social-directory{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.viv-social-workspace .workspace-head{grid-template-columns:minmax(0,1fr)}.viv-social-workspace h2{font-size:30px!important}.viv-social-tabs a{font-size:11px}.viv-social-directory{gap:20px}.viv-social-workspace .wrap{padding-inline:0!important}}