/* Willow Software Blog V2.0 | 18 September 2026
   Editorial first: readable long-form content, purposeful product graphics and calm visual hierarchy. */
:root{
  --bv2-bg:#020617;
  --bv2-panel:#08111f;
  --bv2-panel-2:#0b1628;
  --bv2-text:#e8eef8;
  --bv2-muted:#9aaac0;
  --bv2-line:rgba(148,163,184,.18);
  --bv2-sky:#38bdf8;
  --bv2-blue:#60a5fa;
  --bv2-green:#4ade80;
  --bv2-violet:#a78bfa;
  --bv2-amber:#fbbf24;
  --bv2-coral:#fb7185;
}

html{scroll-padding-top:2rem}
body{background:var(--bv2-bg);}
.blog-article-shell{max-width:92rem!important;padding-inline:clamp(1rem,3vw,2.5rem)!important;}
.blog-article-shell>.flex:first-child{max-width:78rem;margin-inline:auto;width:100%;}

/* The old article fragments were designed like dashboards. V2 turns them back into articles. */
#article-translation-start{width:100%;}
#article-translation-start .ws-v2-article{
  max-width:78rem!important;
  margin:0 auto!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#article-translation-start .ws-v2-article>div:first-child:has(h1),
#article-translation-start .ws-v2-article>div:first-child:has(h2){display:none!important;}
#article-translation-start .ws-v2-article>.blog-post-body,
#article-translation-start .ws-v2-article>.sm25-content,
#article-translation-start .ws-v2-article>.prose,
#article-translation-start .ws-v2-article>div:not(:first-child){
  max-width:52rem!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
}
#article-translation-start .ws-v2-article>.blog-glance-wrap{max-width:52rem!important;margin:0 auto!important;padding:0!important;}

/* Shared article hero */
.ws-v2-article-hero{
  position:relative;
  display:grid;
  gap:clamp(1.4rem,3vw,2.5rem);
  align-items:center;
  width:100%;
  max-width:78rem;
  min-height:16.5rem;
  margin:0 auto 2.7rem;
  padding:clamp(1.5rem,3vw,2.6rem);
  overflow:hidden;
  border:1px solid rgba(125,211,252,.18);
  border-radius:1.4rem;
  background:
    radial-gradient(circle at 78% 15%,rgba(56,189,248,.14),transparent 29rem),
    radial-gradient(circle at 5% 98%,rgba(96,165,250,.08),transparent 24rem),
    linear-gradient(145deg,#071426 0%,#06101d 48%,#020617 100%);
  box-shadow:0 36px 100px rgba(0,0,0,.36),inset 0 1px rgba(255,255,255,.035);
}
@media(min-width:900px){.ws-v2-article-hero{grid-template-columns:minmax(0,1.15fr) minmax(20rem,.85fr)}}
.ws-v2-article-hero--security{background:radial-gradient(circle at 78% 15%,rgba(74,222,128,.12),transparent 29rem),linear-gradient(145deg,#061621,#071612 55%,#020617)}
.ws-v2-article-hero--ai{background:radial-gradient(circle at 78% 15%,rgba(167,139,250,.18),transparent 28rem),linear-gradient(145deg,#11102b,#0a1027 55%,#020617)}
.ws-v2-article-hero--code{background:radial-gradient(circle at 78% 15%,rgba(251,191,36,.12),transparent 28rem),linear-gradient(145deg,#141323,#101322 55%,#020617)}
.ws-v2-article-hero--business{background:radial-gradient(circle at 80% 10%,rgba(56,189,248,.16),transparent 26rem),radial-gradient(circle at 12% 92%,rgba(74,222,128,.10),transparent 24rem),linear-gradient(145deg,#071629,#071322 55%,#020617)}
.ws-v2-article-hero__copy{position:relative;z-index:2;min-width:0;}
.ws-v2-kicker{margin:0 0 1rem;color:#7dd3fc;font-size:.75rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;}
.ws-v2-article-hero h1{max-width:28ch!important;margin:0!important;color:#fff!important;font-size:clamp(1.55rem,2.25vw,2.2rem)!important;line-height:1.12!important;letter-spacing:-.025em!important;font-weight:700!important;text-wrap:balance;}
.ws-v2-deck{max-width:66ch;margin:1rem 0 0;color:#cbd8e8;font-size:clamp(.94rem,1.15vw,1.04rem);line-height:1.68;}
.ws-v2-meta{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin-top:1.2rem;color:#94a3b8;font-size:.74rem;font-weight:650;}
.ws-v2-meta span{position:relative;}
.ws-v2-meta span+span::before{content:"";display:inline-block;width:3px;height:3px;margin:0 .75rem .18rem 0;border-radius:50%;background:#475569;}
.ws-v2-scroll-cue{display:flex;align-items:center;gap:.65rem;margin-top:1.45rem;color:#718096;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;}
.ws-v2-scroll-cue i{display:block;width:2.4rem;height:1px;background:linear-gradient(90deg,#38bdf8,transparent);}

/* Hero illustration: one meaningful visual language, no decorative icon soup. */
.ws-v2-hero-art{position:relative;min-height:16.5rem;border:1px solid rgba(148,163,184,.13);border-radius:1.7rem;background:linear-gradient(160deg,rgba(15,23,42,.88),rgba(2,6,23,.76));box-shadow:0 26px 65px rgba(0,0,0,.35);isolation:isolate;}
.ws-v2-hero-art__mesh{position:absolute;inset:0;border-radius:inherit;background-image:linear-gradient(rgba(125,211,252,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(125,211,252,.055) 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(circle at 50% 50%,black 20%,transparent 78%);}
.ws-v2-hero-art__core{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:6.6rem;height:6.6rem;transform:translate(-50%,-50%);border:1px solid rgba(125,211,252,.34);border-radius:50%;background:radial-gradient(circle at 35% 28%,rgba(125,211,252,.18),rgba(15,23,42,.9) 62%);box-shadow:0 0 0 1.35rem rgba(56,189,248,.025),0 20px 50px rgba(0,0,0,.36);}
.ws-v2-hero-art__core span{max-width:5.2rem;color:#e0f2fe;font-size:.86rem;font-weight:800;letter-spacing:.04em;text-align:center;text-transform:uppercase;}
.ws-v2-hero-art__orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(96,165,250,.13);border-radius:50%;transform:translate(-50%,-50%);}
.ws-v2-hero-art__orbit--a{width:13rem;height:13rem}.ws-v2-hero-art__orbit--b{width:17.5rem;height:17.5rem;border-style:dashed;opacity:.65}
.ws-v2-hero-art__node{position:absolute;display:grid;gap:.12rem;min-width:7.5rem;max-width:9rem;padding:.72rem .8rem;border:1px solid rgba(148,163,184,.16);border-radius:.85rem;background:rgba(2,6,23,.86);box-shadow:0 12px 30px rgba(0,0,0,.28);backdrop-filter:blur(10px);}
.ws-v2-hero-art__node b{color:#64748b;font-size:.58rem;letter-spacing:.14em}.ws-v2-hero-art__node span{color:#dbeafe;font-size:.78rem;font-weight:750;line-height:1.25;}
.ws-v2-hero-art__node--1{left:7%;top:8%}.ws-v2-hero-art__node--2{right:5%;top:17%}.ws-v2-hero-art__node--3{right:7%;bottom:9%}.ws-v2-hero-art__node--4{left:5%;bottom:16%}
.ws-v2-hero-art--security .ws-v2-hero-art__core{border-color:rgba(74,222,128,.36);background:radial-gradient(circle at 35% 28%,rgba(74,222,128,.18),rgba(15,23,42,.9) 62%)}
.ws-v2-hero-art--ai .ws-v2-hero-art__core{border-color:rgba(167,139,250,.4);background:radial-gradient(circle at 35% 28%,rgba(167,139,250,.22),rgba(15,23,42,.9) 62%)}
.ws-v2-hero-art--code .ws-v2-hero-art__core{border-color:rgba(251,191,36,.34);background:radial-gradient(circle at 35% 28%,rgba(251,191,36,.15),rgba(15,23,42,.9) 62%)}
@media(max-width:700px){.ws-v2-hero-art{min-height:21rem}.ws-v2-hero-art__orbit--b{width:17rem;height:17rem}.ws-v2-hero-art__orbit--a{width:13rem;height:13rem}.ws-v2-hero-art__node{min-width:5.6rem;max-width:7rem;padding:.55rem}.ws-v2-hero-art__node span{font-size:.68rem}.ws-v2-hero-art__core{width:6rem;height:6rem}}

/* Long-form article typography */
#article-translation-start .ws-v2-article .blog-post-body,
#article-translation-start .ws-v2-article .sm25-content,
#article-translation-start .ws-v2-article .prose{color:#c5d0df!important;font-size:clamp(1rem,1.25vw,1.08rem)!important;line-height:1.82!important;}
#article-translation-start .ws-v2-article p{margin-top:0;margin-bottom:1.25rem;}
#article-translation-start .ws-v2-article h2,
#article-translation-start .ws-v2-article h3,
#article-translation-start .ws-v2-article .blog-section-heading{color:#f8fafc!important;font-family:Nunito,Inter,sans-serif!important;letter-spacing:-.025em!important;text-wrap:balance;}
#article-translation-start .ws-v2-article h2{margin:4rem 0 1.2rem!important;font-size:clamp(1.65rem,3vw,2.35rem)!important;line-height:1.15!important;}
#article-translation-start .ws-v2-article h3{margin:2.8rem 0 .9rem!important;font-size:clamp(1.25rem,2vw,1.55rem)!important;line-height:1.25!important;}
#article-translation-start .ws-v2-article h4{margin:2rem 0 .7rem!important;color:#dbeafe!important;font-size:1.05rem!important;}
#article-translation-start .ws-v2-article a{color:#7dd3fc;text-decoration-color:rgba(125,211,252,.4);text-underline-offset:.18em;}
#article-translation-start .ws-v2-article a:hover{color:#bae6fd;}
#article-translation-start .ws-v2-article strong{color:#f1f5f9;font-weight:750;}
#article-translation-start .ws-v2-article ul,
#article-translation-start .ws-v2-article ol{margin:1.2rem 0 1.7rem;padding-left:1.35rem;color:#c5d0df;}
#article-translation-start .ws-v2-article li{margin:.55rem 0;padding-left:.25rem;}
#article-translation-start .ws-v2-article li::marker{color:#38bdf8;}
#article-translation-start .ws-v2-article blockquote{margin:2rem 0;padding:1.25rem 0 1.25rem 1.5rem;border-left:2px solid #38bdf8;background:linear-gradient(90deg,rgba(56,189,248,.06),transparent);color:#dbeafe;font-size:1.05em;}
#article-translation-start .ws-v2-article code:not(pre code){padding:.16rem .36rem;border:1px solid rgba(148,163,184,.17);border-radius:.35rem;background:#111827;color:#e2e8f0;font-size:.9em;}
#article-translation-start .ws-v2-article pre{margin:2rem 0!important;border:1px solid rgba(148,163,184,.17)!important;border-radius:1rem!important;background:#030712!important;box-shadow:0 18px 45px rgba(0,0,0,.24);}

/* Existing box-heavy components become quiet editorial groupings. */
#article-translation-start .blog-update-card,
#article-translation-start .sm25-feature,
#article-translation-start .sm25-status-panel,
#article-translation-start .blog-glance,
#article-translation-start [class*="rounded-2xl"][class*="border-slate"]:not(.ws-v2-flow){
  border-color:rgba(148,163,184,.14)!important;
  box-shadow:none!important;
}
#article-translation-start .blog-update-card{
  position:relative!important;
  margin:2.4rem 0!important;
  padding:0 0 0 1.45rem!important;
  border:0!important;
  border-left:1px solid rgba(56,189,248,.32)!important;
  border-radius:0!important;
  background:transparent!important;
}
#article-translation-start .blog-update-card:hover{transform:none!important;}
#article-translation-start .blog-update-card__icon,
#article-translation-start .ws-pro-card-watermark,
#article-translation-start .sm25-section-title__icon,
#article-translation-start .sm25-feature__icon{display:none!important;}
#article-translation-start .sm25-section-title{display:block!important;margin:4rem 0 1.2rem!important;}
#article-translation-start .sm25-section-title h2{margin:0!important;}
#article-translation-start .sm25-feature-grid{display:grid!important;grid-template-columns:1fr!important;gap:0!important;margin:1.6rem 0 2.5rem!important;border-top:1px solid var(--bv2-line)!important;}
@media(min-width:760px){#article-translation-start .sm25-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
#article-translation-start .sm25-feature{padding:1.5rem 0!important;border:0!important;border-bottom:1px solid var(--bv2-line)!important;border-radius:0!important;background:transparent!important;}
@media(min-width:760px){#article-translation-start .sm25-feature:nth-child(odd){padding-right:1.5rem!important}#article-translation-start .sm25-feature:nth-child(even){padding-left:1.5rem!important;border-left:1px solid var(--bv2-line)!important}}
#article-translation-start .sm25-feature__head{display:block!important;}
#article-translation-start .sm25-status-panel{margin:0 0 3.5rem!important;padding:1.5rem!important;border-radius:1rem!important;background:linear-gradient(135deg,rgba(14,165,233,.07),rgba(2,6,23,.25))!important;}
#article-translation-start .sm25-actions{display:flex!important;flex-wrap:wrap!important;gap:.65rem!important;margin-top:1.25rem!important;}
#article-translation-start .sm25-action{border-radius:999px!important;box-shadow:none!important;}

/* Reusable flowchart. It is deliberately large and editorial rather than another card grid. */
.ws-v2-flow{width:min(72rem,calc(100vw - 2rem));max-width:none!important;margin:4.5rem 50%!important;transform:translateX(-50%);padding:clamp(1.5rem,3vw,2.3rem);border-top:1px solid rgba(125,211,252,.28);border-bottom:1px solid rgba(125,211,252,.18);background:linear-gradient(90deg,transparent,rgba(14,165,233,.045) 16%,rgba(14,165,233,.045) 84%,transparent);}
.ws-v2-flow figcaption{display:grid;gap:.45rem;max-width:58rem;margin:0 auto 2.2rem!important;text-align:center!important;}
.ws-v2-flow figcaption>span{color:#38bdf8;font-size:.68rem;font-style:normal;font-weight:800;letter-spacing:.18em;text-transform:uppercase;}
.ws-v2-flow figcaption>strong{color:#f8fafc;font-family:Nunito,Inter,sans-serif;font-size:clamp(1.4rem,2.5vw,2rem);line-height:1.15;letter-spacing:-.025em;}
.ws-v2-flow figcaption>em{max-width:48rem;margin:auto;color:#94a3b8;font-size:.84rem;font-style:normal;line-height:1.55;}
.ws-v2-flow__track{display:grid;grid-template-columns:1fr;gap:.65rem;align-items:center;max-width:66rem;margin:auto;}
@media(min-width:760px){.ws-v2-flow__track{grid-template-columns:1fr 3.5rem 1fr 3.5rem 1fr 3.5rem 1fr;gap:.45rem}}
.ws-v2-flow__step{display:flex;align-items:center;gap:.8rem;min-height:5.5rem;padding:.9rem 1rem;border:1px solid rgba(148,163,184,.17);border-radius:.85rem;background:rgba(2,6,23,.58);}
.ws-v2-flow__step b{display:grid;place-items:center;width:2rem;height:2rem;flex:0 0 auto;border-radius:50%;background:rgba(56,189,248,.11);color:#7dd3fc;font-size:.63rem;letter-spacing:.08em;}
.ws-v2-flow__step span{color:#dce8f6;font-size:.84rem;font-weight:750;line-height:1.3;}
.ws-v2-flow__line{display:none;position:relative;height:1px;background:rgba(56,189,248,.18);}
.ws-v2-flow__line i{position:absolute;right:-1px;top:-3px;width:7px;height:7px;border-top:1px solid #38bdf8;border-right:1px solid #38bdf8;transform:rotate(45deg);}
@media(min-width:760px){.ws-v2-flow__line{display:block}}
.ws-v2-flow--security{border-top-color:rgba(74,222,128,.28);background:linear-gradient(90deg,transparent,rgba(74,222,128,.035) 16%,rgba(74,222,128,.035) 84%,transparent)}
.ws-v2-flow--ai{border-top-color:rgba(167,139,250,.32);background:linear-gradient(90deg,transparent,rgba(167,139,250,.04) 16%,rgba(167,139,250,.04) 84%,transparent)}
.ws-v2-flow--compliance{border-top-color:rgba(74,222,128,.28)}

/* Images and diagrams get breathing room and proper captions. */
#article-translation-start figure:not(.ws-v2-flow){width:min(68rem,calc(100vw - 2rem))!important;max-width:none!important;margin:3.2rem 50%!important;transform:translateX(-50%);}
#article-translation-start figure:not(.ws-v2-flow) img,
#article-translation-start .blog-diagram img,
#article-translation-start img.blog-svg-image{display:block!important;width:100%!important;height:auto!important;border-radius:1rem!important;border:1px solid rgba(148,163,184,.17);box-shadow:0 26px 65px rgba(0,0,0,.28);}
#article-translation-start figure figcaption{margin-top:.75rem!important;color:#7f8ea3!important;font-size:.75rem!important;line-height:1.5!important;text-align:center!important;}

/* Language selector becomes a slim utility rather than another hero card. */
.blog-article-shell>.ws-blog-translator{max-width:78rem!important;margin:0 auto 1.35rem!important;border:0!important;border-bottom:1px solid var(--bv2-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:.75rem 0 1rem!important;}
.ws-blog-translator__eyebrow{color:#cbd5e1!important}.ws-blog-translator__text{color:#718096!important;font-size:.78rem!important}.ws-blog-translator__button{border-radius:999px!important;background:transparent!important}.ws-blog-translator__notice{color:#718096!important;}

/* Bottom navigation */
.blog-article-shell>#article-translation-start+div{max-width:52rem!important;margin:4rem auto 0!important;border:0!important;border-top:1px solid var(--bv2-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:1.5rem 0!important;}

/* BLOG INDEX V2 */
.ws-v2-index{max-width:78rem;margin:0 auto;padding:2.5rem 1rem 5rem;}
@media(min-width:1024px){.ws-v2-index{padding-top:3rem;}}
.ws-v2-index-hero{display:grid;gap:2rem;align-items:end;padding:clamp(1.8rem,3.6vw,3.2rem) 0 2.6rem;border-bottom:1px solid var(--bv2-line);}
@media(min-width:900px){.ws-v2-index-hero{grid-template-columns:1.15fr .85fr}}
.ws-v2-index-hero__eyebrow{color:#38bdf8;font-size:.74rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;}
.ws-v2-index-hero h1{max-width:25ch;margin:.55rem 0 .8rem;color:#fff;font-size:clamp(1.75rem,2.6vw,2.45rem);line-height:1.1;letter-spacing:-.028em;font-weight:700;text-wrap:balance;}
.ws-v2-index-hero p{max-width:65ch;color:#a9b6c8;line-height:1.75;font-size:1.02rem;}
.ws-v2-index-hero__line{display:grid;gap:.7rem;align-self:stretch;min-height:9rem;padding:1rem 1.2rem;border-left:1px solid rgba(56,189,248,.26);background:linear-gradient(90deg,rgba(56,189,248,.05),transparent);}
.ws-v2-index-hero__line strong{align-self:end;color:#dbeafe;font-size:1.05rem;line-height:1.3}.ws-v2-index-hero__line span{color:#8594a8;font-size:.8rem;line-height:1.6}
.ws-v2-language{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1.4rem}.ws-v2-language a{padding:.43rem .7rem;border:1px solid var(--bv2-line);border-radius:999px;color:#94a3b8;font-size:.72rem;font-weight:700;text-decoration:none}.ws-v2-language a[aria-current="page"]{border-color:rgba(56,189,248,.5);background:rgba(56,189,248,.08);color:#bae6fd}
.ws-v2-index-tools{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center;justify-content:space-between;padding:1.3rem 0 2rem;}
.ws-v2-search{flex:1 1 18rem;max-width:35rem;padding:.8rem 0;border:0;border-bottom:1px solid #334155;background:transparent;color:#e2e8f0;outline:none;font-size:.92rem}.ws-v2-search:focus{border-color:#38bdf8}.ws-v2-search::placeholder{color:#64748b}
.ws-v2-index-count{color:#64748b;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;}
.ws-v2-latest{display:grid;gap:1.8rem;align-items:center;padding:2.4rem 0 3.8rem;border-bottom:1px solid var(--bv2-line);}
@media(min-width:900px){.ws-v2-latest{grid-template-columns:1.02fr .98fr;gap:4rem}}
.ws-v2-latest__copy .ws-v2-kicker{margin-bottom:.7rem}.ws-v2-latest__copy h2{max-width:26ch;margin:0;color:#fff;font-size:clamp(1.5rem,2.5vw,2.15rem);line-height:1.14;letter-spacing:-.025em}.ws-v2-latest__copy p{margin:1.1rem 0 0;color:#a9b6c8;line-height:1.72}.ws-v2-latest__meta{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1rem;color:#64748b;font-size:.74rem}.ws-v2-read{display:inline-flex;align-items:center;gap:.55rem;margin-top:1.4rem;color:#7dd3fc;font-size:.82rem;font-weight:800;text-decoration:none}.ws-v2-read::after{content:"→";transition:transform .18s ease}.ws-v2-read:hover::after{transform:translateX(.2rem)}
.ws-v2-latest .ws-v2-hero-art{min-height:18rem}.ws-v2-latest .ws-v2-hero-art__node{min-width:6.3rem}
.ws-v2-archive{padding-top:3.4rem}.ws-v2-archive__head{display:flex;gap:1rem;align-items:end;justify-content:space-between;padding-bottom:1.2rem;border-bottom:1px solid var(--bv2-line)}.ws-v2-archive__head h2{margin:0;color:#f8fafc;font-size:1.6rem;letter-spacing:-.025em}.ws-v2-archive__head p{margin:0;color:#64748b;font-size:.78rem}
.ws-v2-post-list{list-style:none;margin:0;padding:0}.ws-v2-post-row{display:grid;gap:.75rem;padding:1.5rem 0;border-bottom:1px solid rgba(148,163,184,.12);transition:padding-left .18s ease,border-color .18s ease}.ws-v2-post-row:hover{padding-left:.45rem;border-color:rgba(56,189,248,.28)}@media(min-width:760px){.ws-v2-post-row{grid-template-columns:7rem minmax(0,1fr) 9rem;gap:1.5rem;align-items:start}}
.ws-v2-post-row__date{color:#64748b;font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.ws-v2-post-row__title{margin:0!important;color:#e8eef8!important;font-size:1.08rem!important;line-height:1.35!important}.ws-v2-post-row__title a{color:inherit;text-decoration:none}.ws-v2-post-row__title a:hover{color:#7dd3fc}.ws-v2-post-row__summary{margin:.45rem 0 0;color:#8493a8;font-size:.84rem;line-height:1.55}.ws-v2-post-row__category{color:#718096;font-size:.7rem;font-weight:750;text-align:left}@media(min-width:760px){.ws-v2-post-row__category{text-align:right}}
.ws-v2-empty{padding:3rem 0;color:#94a3b8;text-align:center}


/* V2 colour treatment: restrained Willow palette with useful visual distinction. */
.ws-v2-hero-art::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,rgba(56,189,248,.08),transparent 35%,transparent 68%,rgba(74,222,128,.06));}
.ws-v2-hero-art__node{overflow:hidden;}
.ws-v2-hero-art__node::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--node-accent,#38bdf8);box-shadow:0 0 18px color-mix(in srgb,var(--node-accent,#38bdf8) 45%,transparent);}
.ws-v2-hero-art__node--1{--node-accent:#38bdf8}.ws-v2-hero-art__node--2{--node-accent:#4ade80}.ws-v2-hero-art__node--3{--node-accent:#a78bfa}.ws-v2-hero-art__node--4{--node-accent:#fbbf24}
.ws-v2-hero-art__node--1 b{color:#7dd3fc}.ws-v2-hero-art__node--2 b{color:#86efac}.ws-v2-hero-art__node--3 b{color:#c4b5fd}.ws-v2-hero-art__node--4 b{color:#fde68a}
.ws-v2-hero-art--business .ws-v2-hero-art__core{border-color:rgba(56,189,248,.45);background:radial-gradient(circle at 35% 28%,rgba(56,189,248,.22),rgba(15,23,42,.92) 62%);box-shadow:0 0 0 1rem rgba(56,189,248,.035),0 20px 50px rgba(0,0,0,.34)}
.ws-v2-hero-art--monitoring .ws-v2-hero-art__core{box-shadow:0 0 0 1rem rgba(56,189,248,.035),0 20px 50px rgba(0,0,0,.34)}
.ws-v2-flow__step{position:relative;overflow:hidden;}
.ws-v2-flow__step::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--flow-accent,#38bdf8);opacity:.72;}
.ws-v2-flow__step:nth-of-type(1){--flow-accent:#38bdf8}.ws-v2-flow__step:nth-of-type(3){--flow-accent:#4ade80}.ws-v2-flow__step:nth-of-type(5){--flow-accent:#a78bfa}.ws-v2-flow__step:nth-of-type(7){--flow-accent:#fbbf24}
.ws-v2-flow__line{background:linear-gradient(90deg,rgba(56,189,248,.18),rgba(74,222,128,.24));}
.ws-v2-flow--security .ws-v2-flow__step b,.ws-v2-flow--compliance .ws-v2-flow__step b{background:rgba(74,222,128,.11);color:#86efac;}
.ws-v2-flow--ai .ws-v2-flow__step b{background:rgba(167,139,250,.13);color:#c4b5fd;}
.ws-v2-flow--code .ws-v2-flow__step b{background:rgba(251,191,36,.11);color:#fde68a;}

/* Match the site navigation behaviour when the blog index uses the full Willow header. */
.ws-products-nav{position:relative}.ws-products-nav>summary{list-style:none;cursor:pointer}.ws-products-nav>summary::-webkit-details-marker{display:none}

@media(max-width:640px){
  .ws-v2-article-hero{min-height:auto;margin-bottom:2.2rem;padding:1.25rem;border-radius:1.15rem}
  .ws-v2-article-hero h1{font-size:1.75rem!important;line-height:1.16!important}
  .ws-v2-meta span+span::before{display:none}
  .ws-v2-flow{width:calc(100vw - 1.2rem);margin-top:3rem!important;margin-bottom:3rem!important;padding:1.2rem .5rem}
  #article-translation-start figure:not(.ws-v2-flow){width:calc(100vw - 1.2rem)!important}
}

/* Latest September article: retain its useful structure but remove the old widget-board feel. */
#article-translation-start .sm25-flow{display:grid!important;grid-template-columns:1fr!important;gap:0!important;margin:1.8rem 0 3rem!important;border-top:1px solid var(--bv2-line)!important;}
@media(min-width:760px){#article-translation-start .sm25-flow{grid-template-columns:repeat(4,minmax(0,1fr))!important;}}
#article-translation-start .sm25-step{min-height:0!important;padding:1.2rem 1rem!important;border:0!important;border-bottom:1px solid var(--bv2-line)!important;border-radius:0!important;background:transparent!important;}
#article-translation-start .sm25-step__number{position:static!important;display:inline-grid!important;width:1.8rem!important;height:1.8rem!important;margin-bottom:.75rem!important;background:rgba(56,189,248,.09)!important;color:#7dd3fc!important;}
#article-translation-start .sm25-step::before,#article-translation-start .sm25-step::after{display:none!important;}
@media(min-width:760px){#article-translation-start .sm25-step:not(:last-child){border-right:1px solid var(--bv2-line)!important;}}
#article-translation-start .sm25-two{display:grid!important;grid-template-columns:1fr!important;gap:0!important;margin:1.7rem 0 3rem!important;border-top:1px solid var(--bv2-line)!important;}
@media(min-width:800px){#article-translation-start .sm25-two{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
#article-translation-start .sm25-callout{padding:1.35rem 0!important;border:0!important;border-bottom:1px solid var(--bv2-line)!important;border-radius:0!important;background:transparent!important;}
@media(min-width:800px){#article-translation-start .sm25-callout:nth-child(odd){padding-right:1.5rem!important}#article-translation-start .sm25-callout:nth-child(even){padding-left:1.5rem!important;border-left:1px solid var(--bv2-line)!important}}
#article-translation-start .sm25-callout__icon{display:none!important;}
#article-translation-start .sm25-app-grid{display:grid!important;grid-template-columns:1fr!important;gap:0!important;margin:1.8rem 0 3rem!important;border-top:1px solid var(--bv2-line)!important;}
@media(min-width:760px){#article-translation-start .sm25-app-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}}
#article-translation-start .sm25-app-card{padding:1.35rem 1rem!important;border:0!important;border-bottom:1px solid var(--bv2-line)!important;border-radius:0!important;background:transparent!important;}
@media(min-width:760px){#article-translation-start .sm25-app-card:not(:last-child){border-right:1px solid var(--bv2-line)!important;}}
#article-translation-start .sm25-app-card__icon{display:none!important;}
#article-translation-start .sm25-closing{margin:3.2rem 0 0!important;padding:1.4rem 0!important;border:0!important;border-top:1px solid rgba(74,222,128,.28)!important;border-bottom:1px solid rgba(74,222,128,.18)!important;border-radius:0!important;background:linear-gradient(90deg,rgba(74,222,128,.045),transparent)!important;}
#article-translation-start .blog-glance{padding:1.3rem 0!important;border:0!important;border-top:1px solid var(--bv2-line)!important;border-bottom:1px solid var(--bv2-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;}
#article-translation-start .blog-glance__item{padding:.7rem 0!important;border:0!important;background:transparent!important;}


/* 2026-09-18 refinement: keep V2 layout, align headers and colour language with the Willow site. */
.ws-v2-index-hero{
  padding-top:clamp(2rem,4vw,3.5rem)!important;
  padding-bottom:clamp(2rem,4vw,3.5rem)!important;
}
.ws-v2-index-hero__eyebrow{color:#38bdf8!important;font-size:.75rem!important;font-weight:600!important;letter-spacing:.2em!important;text-transform:uppercase!important;}
.ws-v2-index-hero h1{font-size:clamp(1.875rem,3vw,2.25rem)!important;line-height:1.16!important;font-weight:600!important;letter-spacing:-.02em!important;}
.ws-v2-index-hero>div:first-child>p:not(.ws-v2-index-hero__eyebrow){font-size:clamp(.95rem,1.2vw,1rem)!important;line-height:1.7!important;color:#cbd5e1!important;}
.ws-v2-index-hero__line{border:1px solid rgba(56,189,248,.16)!important;border-left:3px solid #38bdf8!important;border-radius:1rem!important;background:linear-gradient(135deg,rgba(14,165,233,.08),rgba(15,23,42,.42))!important;padding:1rem 1.15rem!important;min-height:0!important;}

.ws-v2-kicker--badges{display:flex!important;flex-wrap:wrap;gap:.45rem;margin-bottom:.9rem!important;letter-spacing:normal!important;text-transform:none!important;}
.ws-v2-chip{display:inline-flex;align-items:center;min-height:1.7rem;padding:.3rem .62rem;border:1px solid transparent;border-radius:999px;font-size:.67rem;font-weight:750;line-height:1;letter-spacing:.06em;text-transform:uppercase;}
.ws-v2-chip--latest{border-color:rgba(74,222,128,.3);background:rgba(74,222,128,.1);color:#86efac;}
.ws-v2-chip--brand{border-color:rgba(56,189,248,.34);background:rgba(14,165,233,.1);color:#7dd3fc;}
.ws-v2-chip--topic{border-color:rgba(167,139,250,.3);background:rgba(167,139,250,.1);color:#c4b5fd;}
.ws-v2-chip--section{border-color:rgba(251,191,36,.28);background:rgba(251,191,36,.08);color:#fde68a;}

.ws-v2-article-hero{min-height:0!important;padding:clamp(1.35rem,2.4vw,2rem)!important;border-radius:1.15rem!important;}
.ws-v2-article-hero h1{font-size:clamp(1.8rem,3vw,2.25rem)!important;font-weight:600!important;line-height:1.16!important;}
.ws-v2-deck{color:#cbd5e1!important;font-size:clamp(.94rem,1.1vw,1rem)!important;}
.ws-v2-hero-art{min-height:14rem!important;border-radius:1.15rem!important;}

/* One coherent article surface, rather than free-floating sections. */
#article-translation-start{
  max-width:78rem;
  margin:0 auto 2rem;
  padding:clamp(1.1rem,2.7vw,2.25rem);
  border:1px solid rgba(148,163,184,.16);
  border-radius:1.25rem;
  background:linear-gradient(180deg,rgba(15,23,42,.74),rgba(7,13,25,.62));
  box-shadow:0 24px 70px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.025);
}
#article-translation-start .ws-v2-article h2{font-size:clamp(1.5rem,2.2vw,1.9rem)!important;margin-top:3.25rem!important;}
#article-translation-start .ws-v2-article h3{font-size:clamp(1.18rem,1.6vw,1.4rem)!important;margin-top:2.25rem!important;}

/* Archive numbering and 10-per-page controls. */
.ws-v2-post-row{grid-template-columns:2.4rem minmax(0,1fr)!important;}
.ws-v2-post-row__number{display:flex;align-items:flex-start;justify-content:flex-start;padding-top:.05rem;color:#38bdf8;font-size:.72rem;font-weight:800;letter-spacing:.08em;}
@media(min-width:760px){.ws-v2-post-row{grid-template-columns:2.4rem 7rem minmax(0,1fr) 9rem!important;}}
.ws-v2-pager{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1.5rem 0 0;}
.ws-v2-pager__button{min-width:6.5rem;padding:.58rem .9rem;border:1px solid rgba(56,189,248,.26);border-radius:999px;background:rgba(14,165,233,.07);color:#bae6fd;font-size:.76rem;font-weight:700;cursor:pointer;}
.ws-v2-pager__button:hover:not(:disabled){border-color:rgba(56,189,248,.55);background:rgba(14,165,233,.13);}
.ws-v2-pager__button:disabled{opacity:.35;cursor:not-allowed;}
.ws-v2-pager__label{min-width:7rem;color:#94a3b8;font-size:.76rem;text-align:center;}

/* Latest September article keeps its structure but gets clearer coloured section grouping. */
#article-translation-start .sm25-feature{position:relative!important;padding:1.15rem!important;border:1px solid rgba(148,163,184,.14)!important;border-radius:.9rem!important;background:rgba(15,23,42,.42)!important;}
#article-translation-start .sm25-feature:nth-child(1){border-top-color:rgba(56,189,248,.65)!important;}
#article-translation-start .sm25-feature:nth-child(2){border-top-color:rgba(74,222,128,.65)!important;}
#article-translation-start .sm25-feature:nth-child(3){border-top-color:rgba(167,139,250,.65)!important;}
#article-translation-start .sm25-callout--blue{border-left:3px solid #38bdf8!important;padding-left:1.15rem!important;background:linear-gradient(90deg,rgba(56,189,248,.055),transparent)!important;}
#article-translation-start .sm25-callout--green{border-left:3px solid #4ade80!important;padding-left:1.15rem!important;background:linear-gradient(90deg,rgba(74,222,128,.05),transparent)!important;}
#article-translation-start .sm25-callout--amber{border-left:3px solid #fbbf24!important;padding-left:1.15rem!important;background:linear-gradient(90deg,rgba(251,191,36,.05),transparent)!important;}

@media(max-width:640px){
  #article-translation-start{padding:1rem;border-radius:1rem;}
  .ws-v2-article-hero h1{font-size:1.75rem!important;}
  .ws-v2-post-row{grid-template-columns:2rem minmax(0,1fr)!important;}
  .ws-v2-post-row__date,.ws-v2-post-row__category{grid-column:2;}
}

/* 2026-09-18 hotfix: preserve V2 layout, use Willow colour language and make actions obvious. */
.ws-v2-read{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.55rem!important;
  min-height:2.55rem!important;
  margin-top:1.35rem!important;
  padding:.68rem 1rem!important;
  border:1px solid rgba(56,189,248,.48)!important;
  border-radius:.65rem!important;
  background:#0ea5e9!important;
  color:#fff!important;
  box-shadow:0 10px 28px rgba(14,165,233,.18)!important;
  font-size:.82rem!important;
  font-weight:700!important;
  line-height:1!important;
  text-decoration:none!important;
  transition:background-color .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease!important;
}
.ws-v2-read::after{content:"→"!important;font-size:1rem!important;transition:transform .18s ease!important;}
.ws-v2-read:hover{background:#0284c7!important;border-color:#38bdf8!important;transform:translateY(-1px)!important;box-shadow:0 14px 32px rgba(14,165,233,.24)!important;}
.ws-v2-read:hover::after{transform:translateX(.18rem)!important;}
.ws-v2-read:focus-visible{outline:2px solid #7dd3fc!important;outline-offset:3px!important;}

.ws-v2-latest__meta{gap:.5rem!important;align-items:center!important;}
.ws-v2-meta-pill{display:inline-flex;align-items:center;min-height:1.65rem;padding:.27rem .56rem;border:1px solid transparent;border-radius:999px;font-size:.68rem;font-weight:700;line-height:1;}
.ws-v2-meta-pill--date{border-color:rgba(167,139,250,.28);background:rgba(167,139,250,.09);color:#c4b5fd;}
.ws-v2-meta-pill--read{border-color:rgba(251,191,36,.28);background:rgba(251,191,36,.08);color:#fde68a;}

.ws-v2-archive__head h2{color:#7dd3fc!important;}
.ws-v2-archive__head{border-bottom-color:rgba(56,189,248,.2)!important;}
.ws-v2-post-row__category{align-self:start!important;}
.ws-v2-archive-tags{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:.36rem;}
@media(min-width:760px){.ws-v2-archive-tags{justify-content:flex-end;}}
.ws-v2-archive-tag{display:inline-flex;align-items:center;min-height:1.55rem;padding:.26rem .5rem;border:1px solid transparent;border-radius:999px;font-size:.62rem;font-weight:750;line-height:1.05;letter-spacing:.025em;text-align:left;}
.ws-v2-archive-tag--brand{border-color:rgba(56,189,248,.30);background:rgba(14,165,233,.09);color:#7dd3fc;}
.ws-v2-archive-tag--topic{border-color:rgba(167,139,250,.28);background:rgba(167,139,250,.08);color:#c4b5fd;}
.ws-v2-archive-tag--read{border-color:rgba(251,191,36,.26);background:rgba(251,191,36,.07);color:#fde68a;}

/* The blog has native translations. Tell browser translation layers to leave them alone. */
html.notranslate [translate="no"],html.notranslate .notranslate{translate:no;}

/* 2026-09-18 deep tidy pass
   Keep the approved V2 layout but normalise spacing, typography and archive labels. */

/* Archive rows: give metadata enough room so longer topics never look crushed. */
@media (min-width: 900px){
  .ws-v2-post-row{
    grid-template-columns:2.35rem 6.7rem minmax(0,1fr) minmax(11.5rem,13rem)!important;
    column-gap:1.35rem!important;
  }
}
.ws-v2-post-row__category{min-width:0!important;}
.ws-v2-archive-tags{align-items:flex-start!important;gap:.38rem!important;}
.ws-v2-archive-tag{
  max-width:100%;
  padding:.3rem .58rem!important;
  line-height:1.18!important;
  white-space:normal!important;
  overflow-wrap:anywhere;
  hyphens:auto;
}
@media (min-width: 760px){
  .ws-v2-archive-tag{text-align:center!important;}
}

/* Article reading rhythm: one body scale and a predictable heading hierarchy. */
#article-translation-start .ws-v2-article .blog-post-body,
#article-translation-start .ws-v2-article .sm25-content,
#article-translation-start .ws-v2-article .prose{
  font-size:1rem!important;
  line-height:1.72!important;
}
#article-translation-start .ws-v2-article h2{
  margin:3.35rem 0 1rem!important;
  font-size:clamp(1.45rem,2vw,1.8rem)!important;
  line-height:1.2!important;
}
#article-translation-start .ws-v2-article h3{
  margin:2.15rem 0 .8rem!important;
  font-size:clamp(1.12rem,1.35vw,1.3rem)!important;
  line-height:1.28!important;
}
#article-translation-start .ws-v2-article h4{
  margin:1.7rem 0 .65rem!important;
  font-size:1.02rem!important;
  line-height:1.35!important;
}
#article-translation-start .ws-v2-article p{margin-bottom:1.1rem!important;}

/* September business update: tidy section headings, cards and callouts. */
#article-translation-start .sm25-section-title{
  margin:3.4rem 0 1.05rem!important;
  padding:0!important;
  border:0!important;
}
#article-translation-start .sm25-section-title h2{
  margin:0!important;
  font-size:clamp(1.45rem,2vw,1.8rem)!important;
  line-height:1.2!important;
}
#article-translation-start .sm25-feature-grid{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:.85rem!important;
  margin:1.15rem 0 2.4rem!important;
  padding:0!important;
  border:0!important;
}
@media (min-width: 700px){
  #article-translation-start .sm25-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media (min-width: 980px){
  #article-translation-start #willow-client-desk-compliance-platform-september-2026-update .sm25-feature-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
#article-translation-start .sm25-feature,
#article-translation-start .sm25-feature:nth-child(odd),
#article-translation-start .sm25-feature:nth-child(even){
  display:flex!important;
  flex-direction:column!important;
  height:100%!important;
  padding:1.15rem!important;
  border:1px solid rgba(148,163,184,.16)!important;
  border-radius:.9rem!important;
  background:linear-gradient(155deg,rgba(15,23,42,.62),rgba(7,13,25,.48))!important;
}
#article-translation-start .sm25-feature:nth-child(1){border-top-color:rgba(56,189,248,.65)!important;}
#article-translation-start .sm25-feature:nth-child(2){border-top-color:rgba(74,222,128,.65)!important;}
#article-translation-start .sm25-feature:nth-child(3){border-top-color:rgba(167,139,250,.65)!important;}
#article-translation-start .sm25-feature__head{display:block!important;min-height:0!important;}
#article-translation-start .sm25-feature h3{
  margin:0!important;
  color:#f1f5f9!important;
  font-size:1rem!important;
  line-height:1.35!important;
}
#article-translation-start .sm25-feature p{
  margin:.7rem 0 0!important;
  color:#cbd5e1!important;
  font-size:.94rem!important;
  line-height:1.65!important;
}

#article-translation-start .sm25-callout,
#article-translation-start .sm25-callout:nth-child(odd),
#article-translation-start .sm25-callout:nth-child(even){
  margin:1rem 0 1.7rem!important;
  padding:1.15rem 1.2rem!important;
  border:1px solid rgba(148,163,184,.15)!important;
  border-radius:.9rem!important;
  background:rgba(7,13,25,.46)!important;
}
#article-translation-start .sm25-callout--blue{
  border-left:3px solid #38bdf8!important;
  background:linear-gradient(90deg,rgba(56,189,248,.065),rgba(7,13,25,.42) 55%)!important;
}
#article-translation-start .sm25-callout--green{
  border-left:3px solid #4ade80!important;
  background:linear-gradient(90deg,rgba(74,222,128,.06),rgba(7,13,25,.42) 55%)!important;
}
#article-translation-start .sm25-callout--amber{
  border-left:3px solid #fbbf24!important;
  background:linear-gradient(90deg,rgba(251,191,36,.055),rgba(7,13,25,.42) 55%)!important;
}
#article-translation-start .sm25-callout__head{gap:.7rem!important;align-items:center!important;}
#article-translation-start .sm25-callout__icon{
  display:grid!important;
  width:2.1rem!important;
  height:2.1rem!important;
  border:1px solid rgba(125,211,252,.16)!important;
  background:rgba(14,165,233,.07)!important;
}
#article-translation-start .sm25-callout h3{
  margin:0!important;
  font-size:1.05rem!important;
  line-height:1.35!important;
}
#article-translation-start .sm25-callout p,
#article-translation-start .sm25-callout li{
  color:#cbd5e1!important;
  font-size:.96rem!important;
  line-height:1.68!important;
}
#article-translation-start .sm25-callout ul{margin:.8rem 0 0!important;padding-left:1.25rem!important;}
#article-translation-start .sm25-callout li{margin:.45rem 0!important;}

#article-translation-start .sm25-status-panel{
  margin:0 0 2.6rem!important;
  padding:1.25rem 1.3rem!important;
}
#article-translation-start .sm25-status-panel p{font-size:1rem!important;line-height:1.7!important;}
#article-translation-start .sm25-app-card__status{
  margin:0 0 .85rem!important;
  padding:.3rem .58rem!important;
  line-height:1.25!important;
}

/* Keep article sections visually connected to the enclosing V2 article surface. */
#article-translation-start .ws-v2-flow{
  margin-top:3.4rem!important;
  margin-bottom:3.4rem!important;
}
#article-translation-start .ws-v2-flow figcaption{margin-bottom:1.7rem!important;}

@media (max-width: 699px){
  #article-translation-start .sm25-section-title{margin-top:2.7rem!important;}
  #article-translation-start .sm25-callout{padding:1rem!important;}
}


/* Shared public-page intro integration. */
.ws-blog-index-intro{padding:0 0 2.6rem;border-bottom:1px solid var(--bv2-line);}
.ws-blog-index-intro .ws-v2-language{margin-top:1.25rem;}