/* Vivacity Notice Board — self-contained styles, no global element overrides. */
.vnb{--vnb-ink:var(--viv-ink);--vnb-dark:var(--viv-primary-deep);--vnb-deep:var(--viv-primary-deep);--vnb-teal:var(--viv-primary);--vnb-gold:var(--viv-accent);--vnb-muted:var(--viv-slate);--vnb-line:var(--viv-brand-border);--vnb-soft:var(--viv-primary-soft);color:var(--vnb-ink);background:#fff;overflow:hidden;font-family:inherit}.vnb *{box-sizing:border-box}.vnb-wrap{width:min(100% - 48px,1280px);margin-inline:auto}.vnb a{text-decoration:none}.vnb svg{flex:none}.vnb-hero{position:relative;isolation:isolate;background:linear-gradient(115deg,var(--viv-primary-deep),var(--viv-primary-deep) 76%,var(--viv-primary-deep));color:#fff;overflow:hidden}.vnb-hero:before{content:"";position:absolute;width:580px;height:580px;border:1px solid rgba(255,255,255,.12);border-radius:50%;right:-260px;top:-330px;box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.023);z-index:-1}.vnb-hero__layout{min-height:520px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.7fr);gap:clamp(32px,7vw,100px);align-items:center;padding-block:86px 94px}.vnb-eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;line-height:1.5;display:inline-flex;align-items:center;gap:9px;color:var(--vnb-teal)}.vnb-eyebrow--light{color:var(--viv-primary-soft-2)}.vnb-eyebrow__mark{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--viv-primary-soft-2);color:var(--viv-primary)}.vnb-eyebrow--light .vnb-eyebrow__mark{background:rgba(255,255,255,.12);color:var(--viv-primary-soft-2)}.vnb-hero h1{font-size:clamp(60px,7.4vw,112px);letter-spacing:-.075em;line-height:.98;margin:35px 0 26px;color:#fff;font-weight:750}.vnb-hero h1 span{display:block;color:color-mix(in srgb,var(--viv-primary) 48%,var(--viv-white))}.vnb-hero__copy>p{font-size:clamp(16px,1.48vw,19px);line-height:1.85;color:var(--viv-primary-soft-2);max-width:565px;margin:0 0 34px}.vnb-hero__action{display:inline-flex;justify-content:space-between;align-items:center;gap:45px;min-height:57px;padding:0 20px 0 24px;border-radius:9px;background:var(--vnb-gold);color:var(--viv-primary-deep)!important;font-weight:800;font-size:14px;transition:transform .2s,background .2s}.vnb-hero__action:hover{transform:translateY(-3px);background:color-mix(in srgb,var(--viv-accent) 55%,var(--viv-white))}.vnb-hero__aside{position:relative;border:1px solid rgba(255,255,255,.23);border-radius:19px;background:rgba(255,255,255,.065);backdrop-filter:blur(16px);padding:31px;box-shadow:0 22px 50px rgba(0,0,0,.11);overflow:hidden}.vnb-hero__aside:after{content:"";position:absolute;width:190px;height:190px;border:1px solid rgba(255,255,255,.10);border-radius:50%;right:-92px;bottom:74px}.vnb-hero__aside-top,.vnb-hero__aside-footer{display:flex;justify-content:space-between;align-items:center;gap:12px}.vnb-hero__aside-top>span:last-child{display:inline-flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.13em;font-weight:800;color:var(--viv-primary-soft-2)}.vnb-hero__aside-top i{width:5px;height:5px;background:var(--vnb-gold);border-radius:50%}.vnb-hero__aside-icon{width:52px;height:52px;border-radius:13px;background:#fff;color:var(--viv-primary);display:grid;place-items:center}.vnb-hero__big-num{display:block;font-weight:700;font-size:clamp(92px,12vw,152px);line-height:1;letter-spacing:-.095em;padding-top:34px;color:#fff;font-variant-numeric:tabular-nums}.vnb-hero__big-num>span{font-weight:400;font-size:.38em;color:var(--vnb-gold);vertical-align:top;margin-left:6px}.vnb-hero__aside>p{color:var(--viv-primary-soft-2);font-size:19px;line-height:1.5;font-weight:500;margin:9px 0 40px}.vnb-hero__aside-footer{border-top:1px solid rgba(255,255,255,.2);padding-top:21px;font-size:12px;color:var(--viv-primary-soft-2);letter-spacing:.02em}.vnb-hero__aside-footer svg{color:color-mix(in srgb,var(--viv-primary) 48%,var(--viv-white))}.vnb-hero__line{height:5px;background:linear-gradient(90deg,var(--vnb-gold) 0 10%,color-mix(in srgb,var(--viv-primary) 48%,var(--viv-white)) 10% 29%,transparent 29%)}
.vnb-board{background:linear-gradient(180deg,var(--viv-primary-soft), #fff 46%);padding:91px 0 110px}.vnb-board__intro{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:41px}.vnb-board__intro h2{font-size:clamp(40px,4.2vw,62px);line-height:1.08;letter-spacing:-.056em;margin:17px 0 13px;color:var(--vnb-ink);font-weight:750}.vnb-board__intro h2 span{color:var(--vnb-gold)}.vnb-board__intro p{color:var(--vnb-muted);font-size:16px;line-height:1.7;margin:0}.vnb-board__count{white-space:nowrap;border:1px solid var(--viv-primary-soft-2);padding:12px 18px;border-radius:999px;background:#fff;font-size:12px;font-weight:800;color:var(--viv-primary)}.vnb-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}.vnb-card{min-width:0;display:flex;flex-direction:column;border:1px solid var(--vnb-line);background:#fff;border-radius:17px;padding:26px;box-shadow:0 12px 42px color-mix(in srgb,var(--viv-primary-deep) 4.5%,transparent);transition:transform .24s,box-shadow .24s,border-color .24s}.vnb-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--viv-primary) 48%,var(--viv-white));box-shadow:0 22px 50px color-mix(in srgb,var(--viv-primary-deep) 9%,transparent)}.vnb-card--first{border-color:color-mix(in srgb,var(--viv-primary) 48%,var(--viv-white));background:linear-gradient(148deg,var(--viv-primary-soft-2),#fff 51%)}.vnb-card__top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:52px}.vnb-card__tag{font-size:10px;font-weight:800;letter-spacing:.09em;color:var(--viv-primary);display:inline-flex;align-items:center;gap:9px}.vnb-card__dot{height:7px;width:7px;border-radius:50%;background:var(--vnb-gold)}.vnb-card__index{font-size:14px;font-weight:800;color:var(--viv-slate);font-variant-numeric:tabular-nums}.vnb-card__date{display:flex;align-items:center;gap:8px;color:var(--viv-primary);font-size:13px;line-height:1.4}.vnb-card__date svg{color:var(--viv-primary)}.vnb-card h3{font-size:clamp(20px,2vw,25px);line-height:1.32;letter-spacing:-.035em;font-weight:730;margin:16px 0 12px;color:var(--vnb-ink);overflow-wrap:anywhere}.vnb-card__body>p{font-size:14px;line-height:1.76;color:var(--viv-slate);margin:0 0 12px}.vnb-card__documents{border-top:1px solid var(--vnb-line);margin-top:auto;padding-top:20px;display:grid;gap:9px}.vnb-card__body{padding-bottom:30px}.vnb-document{display:flex;align-items:center;gap:10px;min-width:0;border-radius:11px;border:1px solid var(--viv-primary-soft-2);background:var(--viv-primary-soft);padding:11px;color:var(--vnb-ink)!important;transition:background .2s,border-color .2s}.vnb-document:hover{background:var(--viv-primary-soft-2);border-color:color-mix(in srgb,var(--viv-primary) 48%,var(--viv-white))}.vnb-document__icon{display:grid;place-items:center;width:37px;height:39px;border-radius:9px;background:var(--viv-primary-soft-2);color:var(--viv-primary);flex:none}.vnb-document__text{min-width:0;flex:1;display:grid;gap:4px}.vnb-document__text strong{font-size:12px;line-height:1.42;overflow-wrap:anywhere;font-weight:760}.vnb-document__text small{font-size:11px;color:var(--viv-slate)}.vnb-document__arrow{display:grid;place-items:center;color:var(--viv-primary);flex:none}.vnb-card__text-only{display:flex;align-items:center;gap:8px;color:var(--viv-slate);font-size:12px}.vnb-card__text-only svg{color:var(--viv-primary)}.vnb-pagination{display:flex;align-items:center;justify-content:center;gap:22px;flex-wrap:wrap;margin:45px auto 0}.vnb-pagination>a{font-size:13px;font-weight:800;color:var(--viv-primary)!important}.vnb-pagination__pages{display:flex;gap:9px;align-items:center}.vnb-pagination__pages a{display:grid;place-items:center;min-width:39px;height:39px;border-radius:9px;border:1px solid var(--viv-primary-soft-2);background:#fff;color:var(--viv-primary)!important;font-size:13px;font-weight:800}.vnb-pagination__pages a[aria-current]{background:var(--viv-primary-deep);border-color:var(--viv-primary-deep);color:#fff!important}.vnb-empty{text-align:center;border:1px dashed color-mix(in srgb,var(--viv-primary) 48%,var(--viv-white));background:#fff;border-radius:19px;padding:80px 22px}.vnb-empty__icon{width:70px;height:70px;border-radius:19px;background:var(--viv-primary-soft-2);color:var(--viv-primary);display:grid;place-items:center;margin:0 auto 22px}.vnb-empty h3{font-size:25px;letter-spacing:-.03em;margin:0 0 9px}.vnb-empty p{font-size:15px;color:var(--viv-slate);margin:0}.vnb-empty>a{display:inline-flex;align-items:center;gap:7px;margin-top:20px;font-size:14px;font-weight:800;color:var(--viv-primary)}
.vnb-support{background:var(--viv-primary-soft-2);padding:61px 0}.vnb-support__inside{display:flex;gap:25px;align-items:center}.vnb-support__icon{display:grid;place-items:center;width:69px;height:69px;border-radius:17px;background:#fff;color:var(--viv-primary);flex:none;box-shadow:0 8px 25px color-mix(in srgb,var(--viv-primary-deep) 6%,transparent)}.vnb-support__inside>div{flex:1}.vnb-support .vnb-eyebrow{font-size:10px}.vnb-support h2{font-size:clamp(24px,2.9vw,37px);letter-spacing:-.04em;line-height:1.2;margin:8px 0 7px}.vnb-support p{color:var(--viv-slate);line-height:1.65;margin:0}.vnb-support a{display:inline-flex;align-items:center;gap:21px;border-radius:9px;background:var(--viv-primary-deep);color:#fff!important;font-weight:800;padding:16px 19px;font-size:13px;transition:transform .2s}.vnb-support a:hover{transform:translateY(-3px)}
@media(max-width:1050px){.vnb-hero__layout{grid-template-columns:1fr 340px;gap:28px}.vnb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vnb-hero h1{font-size:clamp(66px,8.5vw,96px)}}@media(max-width:760px){.vnb-wrap{width:min(100% - 36px,1280px)}.vnb-hero__layout{min-height:unset;grid-template-columns:1fr;padding:68px 0 60px;gap:43px}.vnb-hero h1{font-size:clamp(59px,13vw,86px);margin:24px 0}.vnb-hero__aside{max-width:500px}.vnb-hero__big-num{font-size:98px;padding-top:10px}.vnb-hero__aside>p{margin-bottom:22px}.vnb-board{padding:64px 0 78px}.vnb-board__intro{align-items:flex-start;flex-direction:column;gap:20px}.vnb-grid{grid-template-columns:1fr}.vnb-card__top{margin-bottom:33px}.vnb-support__inside{flex-wrap:wrap}.vnb-support__inside>div{flex-basis:calc(100% - 100px)}.vnb-support a{margin-left:94px}.vnb-support{padding:48px 0}}@media(max-width:460px){.vnb-card{padding:22px}.vnb-hero__aside{padding:24px}.vnb-hero__aside-top>span:last-child{font-size:9px}.vnb-board__intro h2{font-size:43px}.vnb-support__inside{gap:16px}.vnb-support__icon{width:52px;height:52px}.vnb-support__inside>div{flex-basis:calc(100% - 72px)}.vnb-support a{margin-left:0;width:100%;justify-content:space-between}}@media(prefers-reduced-motion:reduce){.vnb *{transition:none!important;scroll-behavior:auto!important}}

/* Hero title typography match — desktop only */
@media (min-width: 861px) {
  .vnb-hero h1 { font-family: var(--viv-font-body); font-size: 66px; font-weight: 780; line-height: 72px; }
}