/* Vivacity Journal – all selectors scoped to blog archive or single-post views. */
.viv-blog-page,.viv-blog-single{--vb-teal:var(--viv-primary);--vb-deep:var(--viv-primary-deep);--vb-ink:var(--viv-ink);--vb-gold:var(--viv-accent);--vb-muted:var(--viv-slate);--vb-line:var(--viv-brand-border);--vb-soft:var(--viv-primary-soft);color:var(--vb-ink);background:#fff}
.viv-blog-page *,.viv-blog-single *{box-sizing:border-box}
.viv-blog-page a,.viv-blog-single a{text-decoration:none}
.viv-blog-shell{width:min(calc(100% - 64px),1330px);margin-inline:auto}
.viv-blog-page .viv-about-hero{padding-bottom:clamp(45px,4.5vw,76px)}
.viv-blog-archive{padding:65px 0 118px;background:radial-gradient(circle at 95% 9%,color-mix(in srgb,var(--viv-primary) 5.5%,transparent),transparent 32%),#fff}
.viv-blog-archive__intro{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(255px,.55fr);align-items:end;gap:70px;padding-bottom:48px}
.viv-blog-eyebrow{display:inline-flex;align-items:center;gap:11px;color:var(--viv-primary);font-size:11px;font-weight:800;letter-spacing:.18em;line-height:1.5;text-transform:uppercase}
.viv-blog-eyebrow i{display:block;width:23px;height:3px;border-radius:12px;background:linear-gradient(90deg,var(--vb-teal) 0 70%,var(--vb-gold) 70%)}
.viv-blog-archive__heading h2{margin:17px 0 0;max-width:790px;color:var(--viv-primary-deep);font-size:clamp(35px,4vw,53px);font-weight:780;line-height:1.11;letter-spacing:-.047em;text-wrap:balance}
.viv-blog-archive__aside{position:relative;display:flex;gap:15px;align-items:flex-start;padding:0 0 4px;border-bottom:1px solid var(--vb-line)}
.viv-blog-archive__aside-icon{font-size:34px;line-height:1;color:var(--vb-gold)}
.viv-blog-archive__aside p{margin:1px 0 23px;max-width:365px;color:var(--viv-slate);font-size:15px;line-height:1.78}
.viv-blog-search-bar{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:20px 23px;margin-bottom:36px;border:1px solid var(--viv-primary-soft-2);border-radius:22px;background:var(--viv-primary-soft)}
.viv-blog-search-bar__label{display:flex;align-items:center;gap:16px;flex-shrink:0}
.viv-blog-search-bar__label>span{display:grid;place-items:center;width:49px;height:49px;border-radius:15px;background:var(--viv-primary-soft-2);color:var(--viv-primary);font-size:22px}
.viv-blog-search-bar__label strong,.viv-blog-search-bar__label small{display:block}
.viv-blog-search-bar__label strong{font-size:15px;font-weight:760;line-height:1.45}
.viv-blog-search-bar__label small{font-size:12px;color:var(--viv-slate);margin-top:3px}
.viv-blog-search{display:flex;align-items:center;gap:10px;flex:0 1 580px;min-width:220px;padding:5px 5px 5px 18px;border-radius:15px;background:#fff;border:1px solid var(--viv-primary-soft-2);box-shadow:0 6px 20px color-mix(in srgb,var(--viv-primary-deep) 3.5%,transparent);transition:border-color .25s,box-shadow .25s}
.viv-blog-search:focus-within{border-color:var(--viv-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--viv-primary) 11%,transparent)}
.viv-blog-search>svg{width:20px;height:20px;flex:none;color:var(--viv-slate)}
.viv-blog-search input{width:100%;min-width:0;height:43px;border:0;outline:0;color:var(--viv-primary-deep);background:transparent;font:inherit;font-size:14px}
.viv-blog-search input::placeholder{color:var(--viv-slate)}
.viv-blog-search button{border:0;min-height:43px;display:flex;gap:21px;align-items:center;justify-content:space-between;flex-shrink:0;padding:0 18px;border-radius:11px;background:var(--vb-teal);color:#fff;font-size:13px;font-weight:800;cursor:pointer;transition:background .25s,transform .25s}
.viv-blog-search button:hover{background:var(--vb-deep);transform:translateY(-1px)}
.viv-blog-search button span{font-size:20px;font-weight:500;line-height:1}
.viv-blog-request-error{margin:0 0 22px;padding:14px 18px;border:1px solid color-mix(in srgb,var(--viv-accent) 55%,var(--viv-white));border-radius:12px;color:color-mix(in srgb,var(--viv-accent) 72%,var(--viv-ink));background:var(--viv-accent-soft);font-size:14px}
.viv-blog-request-error[hidden]{display:none!important}
.viv-blog-results{position:relative;min-height:175px;transition:opacity .26s ease,filter .26s ease}
.viv-blog-results[aria-busy="true"]{opacity:.47;filter:saturate(.8);pointer-events:none}
.viv-blog-results[aria-busy="true"]:after{content:"";position:absolute;z-index:2;top:80px;left:calc(50% - 17px);height:34px;width:34px;border:3px solid var(--viv-primary-soft-2);border-top-color:var(--vb-teal);border-radius:50%;animation:viv-blog-spin .7s linear infinite}
@keyframes viv-blog-spin{to{transform:rotate(360deg)}}
.viv-blog-results__status{display:flex;gap:12px;align-items:center;margin:0 0 22px;color:var(--viv-slate);font-size:12px;font-weight:680;letter-spacing:.045em}
.viv-blog-results__status p{margin:0}
.viv-blog-results__status-line{display:block;width:27px;height:2px;border-radius:8px;background:var(--vb-gold)}
.viv-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
.viv-blog-card{min-width:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--viv-primary-soft-2);border-radius:21px;background:#fff;box-shadow:0 6px 24px color-mix(in srgb,var(--viv-primary-deep) 3.5%,transparent);transition:border-color .35s ease,transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease;animation:viv-blog-card-enter .57s both cubic-bezier(.2,.75,.2,1)}
.viv-blog-card:nth-child(3n + 2){animation-delay:.06s}.viv-blog-card:nth-child(3n){animation-delay:.12s}
@keyframes viv-blog-card-enter{from{opacity:0;transform:translateY(23px)}to{opacity:1;transform:translateY(0)}}
.viv-blog-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--viv-primary) 48%,var(--viv-white));box-shadow:0 18px 33px color-mix(in srgb,var(--viv-primary-deep) 7%,transparent)}
.viv-blog-card__visual{position:relative;display:block;flex:0 0 auto;width:100%;aspect-ratio:16/10;overflow:hidden;background:linear-gradient(135deg,var(--viv-primary-soft-2),var(--viv-primary));isolation:isolate}
.viv-blog-card__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .7s cubic-bezier(.2,.75,.24,1)}
.viv-blog-card:hover .viv-blog-card__image{transform:scale(1.055)}
.viv-blog-card__visual--placeholder{display:grid;place-items:center;background:linear-gradient(130deg,var(--viv-primary-soft-2),color-mix(in srgb,var(--viv-primary) 48%,var(--viv-white)) 55%,var(--viv-primary));color:var(--viv-primary-soft-2)}
.viv-blog-card__art{position:absolute;inset:0;overflow:hidden}
.viv-blog-card__art i{position:absolute;border:1px solid rgba(255,255,255,.3);border-radius:50%;width:70%;aspect-ratio:1;left:48%;top:12%;box-shadow:0 0 0 28px rgba(255,255,255,.065)}
.viv-blog-card__art i:nth-child(2){width:33%;top:40%;left:10%;border-color:rgba(255,255,255,.35)}
.viv-blog-card__art i:nth-child(3){width:12px;height:12px;top:17%;left:17%;border:0;background:var(--vb-gold)}
.viv-blog-card__image-mark{position:absolute;z-index:1;right:17px;bottom:17px;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.94);color:var(--viv-primary);font-size:22px;font-weight:600;transform:translateY(6px);opacity:0;transition:transform .3s ease,opacity .3s ease;box-shadow:0 5px 23px rgba(0,0,0,.07)}
.viv-blog-card:hover .viv-blog-card__image-mark{transform:none;opacity:1}
.viv-blog-card__body{display:flex;flex:1;flex-direction:column;min-width:0;padding:24px 25px 25px}
.viv-blog-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:13px;color:var(--viv-slate);font-size:12px;line-height:1.5}
.viv-blog-card__category{max-width:100%;padding:4px 9px;border-radius:6px;background:var(--viv-primary-soft-2);color:var(--viv-primary);font-size:10px;letter-spacing:.085em;font-weight:800;text-transform:uppercase;overflow-wrap:anywhere}
.viv-blog-card__dot{display:none}
.viv-blog-card h3{margin:0;color:var(--viv-primary-deep);font-size:21px;line-height:1.35;letter-spacing:-.02em;font-weight:700;overflow-wrap:anywhere}
.viv-blog-card h3 a{color:inherit;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.viv-blog-card h3 a:hover{color:var(--viv-primary)}
.viv-blog-card__body p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin:12px 0 23px;color:var(--viv-slate);font-size:15px;line-height:1.7}
.viv-blog-card__read{display:inline-flex;justify-content:space-between;align-items:center;gap:20px;align-self:stretch;margin-top:auto;padding:15px 0 0;border-top:1px solid var(--viv-primary-soft-2);color:var(--viv-primary);font-size:13px;font-weight:800;letter-spacing:0;transition:color .25s ease}
.viv-blog-card__read svg{width:21px;height:21px;flex:none;transition:transform .3s ease,color .3s ease}
.viv-blog-card:hover .viv-blog-card__read{color:var(--viv-primary)}
.viv-blog-card:hover .viv-blog-card__read svg{transform:translateX(5px);color:var(--viv-accent)}
/* Keep the optional featured class visually identical to standard cards. */
.viv-blog-card--featured{grid-column:auto;display:flex;flex-direction:column;background:#fff}
.viv-blog-card--featured .viv-blog-card__visual{height:auto;aspect-ratio:16/10;min-height:0}
.viv-blog-card--featured .viv-blog-card__body{justify-content:flex-start;padding:24px 25px 25px}
.viv-blog-card--featured h3{font-size:21px;line-height:1.35;margin:0}
.viv-blog-card--featured .viv-blog-card__body p{font-size:15px;-webkit-line-clamp:3}
.viv-blog-pagination{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:53px}
.viv-blog-pagination__numbers{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:7px}
.viv-blog-pagination a{display:inline-flex;align-items:center;justify-content:center;min-width:43px;height:43px;padding:0 12px;border:1px solid var(--viv-primary-soft-2);border-radius:12px;background:#fff;color:var(--viv-primary);font-size:13px;font-weight:750;transition:background .2s,border-color .2s,color .2s,transform .2s}
.viv-blog-pagination a:hover,.viv-blog-pagination a[aria-current="page"]{background:var(--vb-teal);border-color:var(--vb-teal);color:#fff;transform:translateY(-2px)}
.viv-blog-pagination a[aria-current="page"]{pointer-events:none}
.viv-blog-pagination__edge{gap:9px;min-width:115px!important}
.viv-blog-pagination__dots{color:var(--viv-slate);padding:0 3px}
.viv-blog-empty{padding:72px 24px;text-align:center;border:1px dashed color-mix(in srgb,var(--viv-primary) 48%,var(--viv-white));border-radius:25px;background:var(--viv-primary-soft)}
.viv-blog-empty>span{font-size:62px;color:color-mix(in srgb,var(--viv-primary) 48%,var(--viv-white));line-height:1}
.viv-blog-empty h3{font-size:26px;letter-spacing:-.03em;margin:12px 0 8px}
.viv-blog-empty p{color:var(--viv-slate);font-size:15px;margin:0 0 20px}
.viv-blog-empty a{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:10px;background:var(--vb-teal);color:#fff;font-weight:750;font-size:13px}
/* Single post – asymmetrical editorial hero + generous reading space. */
.viv-blog-single{overflow:clip}
.viv-blog-single__hero{padding:48px 0 85px;background:radial-gradient(circle at 93% 18%,color-mix(in srgb,var(--viv-primary) 12%,transparent),transparent 28%),linear-gradient(145deg,var(--viv-primary-soft),#fff 73%);border-bottom:1px solid var(--viv-primary-soft-2)}
.viv-blog-single__breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:11px;font-size:12px;font-weight:670;color:var(--viv-slate)}
.viv-blog-single__breadcrumb a{color:var(--viv-primary)}
.viv-blog-single__breadcrumb>span:last-child{max-width:310px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.viv-blog-single__hero-layout{display:grid;grid-template-columns:minmax(0,1fr) 185px;gap:34px;align-items:center;margin-top:65px}
.viv-blog-single__kicker{display:flex;align-items:center;gap:11px;color:var(--viv-primary);font-size:12px;font-weight:830;letter-spacing:.17em;text-transform:uppercase}
.viv-blog-single__kicker i{width:29px;height:4px;border-radius:5px;background:linear-gradient(90deg,var(--vb-teal) 0 65%,var(--vb-gold) 65%)}
.viv-blog-single__hero h1{max-width:1020px;margin:23px 0 36px;color:var(--viv-primary-deep);font-size:clamp(39px,5.3vw,75px);line-height:1.095;letter-spacing:-.05em;font-weight:800;text-wrap:balance;overflow-wrap:anywhere}
.viv-blog-single__meta{display:flex;gap:12px;align-items:center;color:var(--viv-primary-deep);font-size:14px}
.viv-blog-single__author-badge,.viv-blog-single__author-panel-badge{display:grid;place-items:center;flex:none;width:47px;height:47px;border-radius:16px;background:var(--viv-primary);color:#fff;font-size:24px;font-weight:780;font-family: var(--viv-font-body)}
.viv-blog-single__meta strong,.viv-blog-single__meta small{display:block}
.viv-blog-single__meta small{color:var(--viv-slate);margin-top:3px;font-size:12px}
.viv-blog-single__hero-decoration{position:relative;align-self:stretch;min-height:220px;overflow:hidden;opacity:.83}
.viv-blog-single__hero-decoration span{position:absolute;width:175px;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--viv-primary) 26%,transparent);border-radius:50%;right:0;top:23%;box-shadow:0 0 0 29px color-mix(in srgb,var(--viv-primary) 5%,transparent),0 0 0 58px color-mix(in srgb,var(--viv-primary) 3.5%,transparent)}
.viv-blog-single__hero-decoration span:nth-child(2){width:80px;right:70px;top:14%;border-color:var(--viv-accent)}
.viv-blog-single__hero-decoration span:nth-child(3){width:15px;right:12px;top:10%;border:0;background:var(--vb-gold)}
.viv-blog-single__hero-decoration b{position:absolute;font-size:47px;top:60%;right:38%;color:var(--viv-primary);font-weight:400}
.viv-blog-single__media-shell{margin-top:-31px;position:relative;z-index:1}
.viv-blog-single__cover{position:relative;height:clamp(300px,40vw,585px);border-radius:29px;overflow:hidden;background:var(--viv-primary-soft-2);box-shadow:0 20px 55px color-mix(in srgb,var(--viv-primary-deep) 10%,transparent)}
.viv-blog-single__cover-image{width:100%;height:100%;display:block;object-fit:cover}
.viv-blog-single__cover--placeholder{background:radial-gradient(circle at 25% 17%,color-mix(in srgb,var(--viv-primary) 48%,var(--viv-white)),transparent 34%),linear-gradient(115deg,var(--viv-primary-deep),var(--viv-primary) 65%,color-mix(in srgb,var(--viv-primary) 48%,var(--viv-white)))}
.viv-blog-single__cover-art{position:absolute;inset:0;overflow:hidden}
.viv-blog-single__cover-art i{position:absolute;right:7%;top:-25%;width:58%;aspect-ratio:1;border:1px solid rgba(255,255,255,.31);border-radius:50%;box-shadow:0 0 0 35px rgba(255,255,255,.05),0 0 0 70px rgba(255,255,255,.035)}
.viv-blog-single__cover-art i:nth-child(2){width:19%;top:53%;right:auto;left:11%}
.viv-blog-single__cover-art i:nth-child(3){width:19px;height:19px;top:19%;left:14%;background:var(--vb-gold);border:none}
.viv-blog-single__cover-corner{position:absolute;bottom:0;right:0;display:flex;gap:14px;align-items:center;padding:19px 26px;border-radius:22px 0 0 0;background:#fff;color:var(--viv-primary);font-size:11px;font-weight:850;letter-spacing:.2em}
.viv-blog-single__cover-corner span{font-size:23px;color:var(--vb-gold);letter-spacing:0}
.viv-blog-single__reading{display:grid;grid-template-columns:225px minmax(0,790px);justify-content:center;gap:clamp(45px,5vw,95px);padding-top:85px;padding-bottom:72px}
.viv-blog-single__sidebar{align-self:start;position:sticky;top:125px;color:var(--viv-slate)}
.viv-blog-single__sidebar-rule{width:35px;height:3px;margin-bottom:23px;background:var(--vb-gold);border-radius:10px}
.viv-blog-single__side-label,.viv-blog-single__side-date small{display:block;color:var(--viv-primary);font-weight:800;font-size:11px;letter-spacing:.16em}
.viv-blog-single__sidebar p{font-size:16px;line-height:1.7;margin:13px 0 26px;color:var(--viv-primary)}
.viv-blog-single__side-date{border-top:1px solid var(--vb-line);padding-top:24px}
.viv-blog-single__side-date strong{display:block;color:var(--viv-primary-deep);font-size:14px;margin-top:7px}
.viv-blog-single__back{display:inline-flex;align-items:center;gap:8px;margin-top:32px;color:var(--viv-primary);font-size:13px;font-weight:800}
.viv-blog-single__article-body{min-width:0}
.viv-blog-single__content{color:var(--viv-primary);font-size:17px;line-height:1.95;overflow-wrap:anywhere}
.viv-blog-single__content>*:first-child{margin-top:0}
.viv-blog-single__content p{margin:0 0 24px}
.viv-blog-single__content h2,.viv-blog-single__content h3,.viv-blog-single__content h4{color:var(--viv-primary-deep);font-weight:790;letter-spacing:-.035em;line-height:1.25;scroll-margin-top:120px}
.viv-blog-single__content h2{font-size:clamp(27px,3vw,36px);margin:44px 0 19px}
.viv-blog-single__content h3{font-size:26px;margin:35px 0 15px}
.viv-blog-single__content h4{font-size:21px;margin:28px 0 14px}
.viv-blog-single__content a{color:var(--viv-primary);text-decoration:underline;text-underline-offset:3px}
.viv-blog-single__content a:hover{color:var(--viv-primary-deep)}
.viv-blog-single__content ul,.viv-blog-single__content ol{margin:18px 0 25px;padding-left:27px}
.viv-blog-single__content li{margin:10px 0;padding-left:4px}
.viv-blog-single__content li::marker{color:var(--viv-primary)}
.viv-blog-single__content img{max-width:100%;height:auto;border-radius:15px}
.viv-blog-single__content figure{margin:30px 0}
.viv-blog-single__content figcaption{color:var(--viv-slate);font-size:12px;text-align:center;margin-top:9px}
.viv-blog-single__content blockquote{margin:38px 0;padding:18px 25px 18px 29px;border-left:4px solid var(--vb-gold);border-radius:0 14px 14px 0;background:var(--viv-primary-soft);color:var(--viv-primary-deep);font-size:clamp(18px,2.3vw,24px);font-weight:630;line-height:1.5}
.viv-blog-single__content blockquote p:last-child{margin-bottom:0}
.viv-blog-single__content .wp-block-button__link{background:var(--vb-teal);color:#fff;border-radius:12px;text-decoration:none}
.viv-blog-single__content .wp-block-image img,.viv-blog-single__content .wp-block-cover{border-radius:16px}
.viv-blog-single__content .wp-block-table,.viv-blog-single__content table{max-width:100%;overflow-x:auto;display:block}
.viv-blog-single__content iframe,.viv-blog-single__content video{max-width:100%}
.viv-blog-single__tags{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:35px}
.viv-blog-single__tags strong{margin-right:8px;color:var(--viv-slate);font-size:11px;letter-spacing:.13em}
.viv-blog-single__tags a{display:inline-flex;padding:7px 12px;border-radius:9px;border:1px solid var(--viv-primary-soft-2);color:var(--viv-primary);background:var(--viv-primary-soft);font-size:12px;font-weight:700}
.viv-blog-single__endmark{display:flex;align-items:center;gap:16px;margin:49px 0;color:var(--viv-accent);font-size:24px}
.viv-blog-single__endmark span{height:1px;flex:1;background:var(--viv-primary-soft-2)}
.viv-blog-single__author-panel{display:flex;align-items:center;gap:19px;padding:23px;border:1px solid var(--viv-primary-soft-2);border-radius:18px;background:var(--viv-primary-soft)}
.viv-blog-single__author-panel-badge{height:59px;width:59px;border-radius:20px;font-size:29px}
.viv-blog-single__author-panel small{color:var(--viv-primary);font-size:10px;font-weight:800;letter-spacing:.15em}
.viv-blog-single__author-panel h2{margin:3px 0;color:var(--viv-primary-deep);font-size:21px;line-height:1.2}
.viv-blog-single__author-panel p{font-size:12px;color:var(--viv-slate);margin:5px 0 0}
.viv-blog-single__author-panel>a{margin-left:auto;flex-shrink:0;color:var(--viv-primary);font-size:12px;font-weight:800}
.viv-blog-single__post-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;padding-bottom:86px}
.viv-blog-single__post-nav a{display:flex;flex-direction:column;justify-content:center;gap:11px;min-height:120px;padding:24px 28px;border:1px solid var(--viv-primary-soft-2);border-radius:18px;background:#fff;transition:border-color .25s,transform .25s,box-shadow .25s}
.viv-blog-single__post-nav a:hover{border-color:color-mix(in srgb,var(--viv-primary) 48%,var(--viv-white));transform:translateY(-3px);box-shadow:0 15px 38px color-mix(in srgb,var(--viv-primary-deep) 8%,transparent)}
.viv-blog-single__post-nav small{color:var(--viv-primary);font-size:10px;font-weight:830;letter-spacing:.15em}
.viv-blog-single__post-nav strong{font-size:19px;line-height:1.3;color:var(--viv-primary-deep)}
.viv-blog-single__related{padding:75px 0 110px;background:var(--viv-primary-soft);border-top:1px solid var(--viv-primary-soft-2)}
.viv-blog-single__related-top{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:34px}
.viv-blog-single__related-top h2{font-size:clamp(29px,3.4vw,41px);line-height:1.2;margin:12px 0 0;letter-spacing:-.04em}
.viv-blog-single__related-top>a{color:var(--viv-primary);font-weight:800;font-size:13px;padding-bottom:5px}
.viv-blog-single__comments{padding-top:65px;padding-bottom:85px;max-width:970px}
.viv-blog-single__comments input:not([type=checkbox]),.viv-blog-single__comments textarea{max-width:100%;border:1px solid var(--viv-primary-soft-2);border-radius:9px;padding:12px}
.viv-blog-single__comments input[type=submit]{background:var(--vb-teal);color:#fff;cursor:pointer}
.viv-blog-page :is(a,button,input):focus-visible,.viv-blog-single :is(a,button,input,textarea):focus-visible{outline:3px solid var(--vb-gold);outline-offset:3px}
@media(max-width:1100px){.viv-blog-archive__intro{gap:30px}.viv-blog-search-bar__label small{display:none}.viv-blog-single__reading{grid-template-columns:180px minmax(0,750px);gap:44px}}
@media(max-width:860px){.viv-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.viv-blog-archive__intro{grid-template-columns:1fr;gap:22px}.viv-blog-archive__aside{max-width:540px}.viv-blog-search-bar{flex-direction:column;align-items:stretch}.viv-blog-search{flex:auto}.viv-blog-single__reading{grid-template-columns:minmax(0,1fr);gap:40px}.viv-blog-single__sidebar{position:static;display:flex;flex-wrap:wrap;align-items:center;gap:18px;padding-bottom:20px;border-bottom:1px solid var(--vb-line)}.viv-blog-single__sidebar-rule,.viv-blog-single__sidebar p,.viv-blog-single__side-date{display:none}.viv-blog-single__back{margin:0 0 0 auto}.viv-blog-single__hero-layout{grid-template-columns:minmax(0,1fr) 100px}.viv-blog-single__hero-decoration{min-height:100px}.viv-blog-single__author-panel{flex-wrap:wrap}.viv-blog-single__author-panel>a{margin-left:78px}}
@media(max-width:650px){.viv-blog-shell{width:min(calc(100% - 34px),1330px)}.viv-blog-page .viv-about-hero{padding-bottom:47px}.viv-blog-archive{padding:45px 0 72px}.viv-blog-archive__intro{padding-bottom:30px}.viv-blog-archive__heading h2{font-size:36px}.viv-blog-search-bar{padding:15px;border-radius:18px;margin-bottom:26px}.viv-blog-search-bar__label>span{width:43px;height:43px}.viv-blog-search{min-width:0;gap:5px;padding-left:10px}.viv-blog-search input{font-size:13px}.viv-blog-search button{padding:0 12px;gap:8px}.viv-blog-grid{grid-template-columns:1fr;gap:18px}.viv-blog-card h3,.viv-blog-card--featured h3{font-size:20px}.viv-blog-pagination{gap:7px;flex-wrap:wrap;margin-top:35px}.viv-blog-pagination__edge{min-width:44px!important}.viv-blog-pagination__edge span{display:none}.viv-blog-pagination a{min-width:38px;height:40px;padding:0 10px}.viv-blog-single__hero{padding:29px 0 54px}.viv-blog-single__hero-layout{display:block;margin-top:41px}.viv-blog-single__hero-decoration{display:none}.viv-blog-single__hero h1{font-size:clamp(37px,10vw,53px);margin:16px 0 29px}.viv-blog-single__breadcrumb>span:last-child{max-width:145px}.viv-blog-single__cover{height:clamp(245px,75vw,370px);border-radius:19px}.viv-blog-single__media-shell{margin-top:-22px}.viv-blog-single__cover-corner{padding:12px 17px;font-size:9px}.viv-blog-single__reading{padding-top:49px;padding-bottom:40px}.viv-blog-single__content{font-size:16px;line-height:1.83}.viv-blog-single__content h2{font-size:29px}.viv-blog-single__content h3{font-size:24px}.viv-blog-single__post-nav{grid-template-columns:1fr;padding-bottom:60px}.viv-blog-single__post-nav a{min-height:100px}.viv-blog-single__related{padding:60px 0 75px}.viv-blog-single__related-top{align-items:start;flex-direction:column}.viv-blog-single__related-top h2{font-size:33px}.viv-blog-single__author-panel>a{margin-left:0;width:100%}}
@media(prefers-reduced-motion:reduce){.viv-blog-card,.viv-blog-card__image,.viv-blog-card__image-mark,.viv-blog-pagination a,.viv-blog-results{animation:none!important;transition:none!important}html:has(.viv-blog-page){scroll-behavior:auto}}

/* Category archive hero: keep long category names inside the title card. */
.viv-blog-category-page .viv-about-hero__title-wrap{
  min-width:0;
  width:100%;
}
.viv-blog-category-page .viv-about-hero__title-wrap h1{
  min-width:0;
  max-width:100%;
  font-size:clamp(42px,4.2vw,66px);
  line-height:1.02;
  letter-spacing:-.045em;
  overflow-wrap:anywhere;
  word-break:normal;
}
@media(max-width:820px){
  .viv-blog-category-page .viv-about-hero__title-wrap h1{
    font-size:clamp(38px,9vw,56px);
  }
}
@media(max-width:480px){
  .viv-blog-category-page .viv-about-hero__title-wrap h1{
    font-size:clamp(34px,10.5vw,46px);
    line-height:1.04;
  }
}