/* Certifyi page styles. Scoped to .cw-page; tokens match certifyi-chrome/chrome.css. Shared by module and framework pages. */
.cw-page{
  /* The site header is position:fixed (16px from the top, ~66px tall), so every hero must clear it itself. */
  --cw-header-clear:6.25rem;
  --cw-hero-top:calc(var(--cw-header-clear) + clamp(2rem,1.25rem + 2.5vw,3.5rem));
  --cw-primary:var(--cfy-primary,#123C20);
  --cw-primary-hover:var(--cfy-primary-hover,#1A5230);
  --cw-green:var(--cfy-primary,#123C20);
  --cw-green-ink:var(--cfy-primary,#123C20);
  --cw-sunken:var(--cfy-sunken,#F1F5F9);
  --cw-ink:var(--cfy-ink,#1E293B);
  --cw-ink-2:var(--cfy-text-2,#475569);
  --cw-ink-3:var(--cfy-muted,#64748B);
  --cw-paper:var(--cfy-canvas,#F8FAFC);
  --cw-white:var(--cfy-bg,#fff);
  --cw-line:var(--cfy-border,#E2E8F0);
  --cw-line-strong:var(--cfy-border-strong,#CBD5E1);
  /* Buttons and grid crosses are tokens so the dark scope below can flip them. */
  --cw-btn-bg:var(--cfy-primary,#123C20);
  --cw-btn-fg:#fff;
  --cw-btn-hover:var(--cfy-primary-hover,#1A5230);
  --cw-cross:rgba(15,23,42,.3);
  --cw-amber:#B7791F;
  --cw-amber-ink:#8A5A12;
  --cw-f:Outfit,system-ui,-apple-system,"Segoe UI",sans-serif;
  --cw-max:1200px;
  --cw-gutter:clamp(1rem,.5rem + 2.5vw,2.5rem);
  --cw-r:var(--cfy-radius-sm,6px);
  --cw-ease:var(--cfy-ease,cubic-bezier(.2,.7,.2,1));
  --cw-d:var(--cfy-duration-normal,200ms);
  --cw-t-h1:clamp(2.25rem,1.4rem + 3.6vw,4rem);
  --cw-t-h2:var(--cfy-t-h2,clamp(1.75rem,1.25rem + 2vw,2.5rem));
  --cw-t-h3:var(--cfy-t-h3,clamp(1.125rem,1rem + .5vw,1.375rem));
  --cw-shadow-sm:var(--cfy-shadow-sm,0 1px 3px rgba(18,60,32,0.06),0 1px 2px rgba(0,0,0,0.04));
  --cw-shadow-md:var(--cfy-shadow-md,0 4px 12px rgba(18,60,32,0.08),0 2px 4px rgba(0,0,0,0.04));
  --cw-shadow-hover:var(--cfy-shadow-hover,0 8px 24px rgba(18,60,32,0.12),0 2px 6px rgba(0,0,0,0.05));
  font-family:var(--cw-f);color:var(--cw-ink);background:var(--cw-paper);font-size:1.0625rem;line-height:1.65;
}
.cw-page *,.cw-page *::before,.cw-page *::after{box-sizing:border-box}
/* Astra wraps content in a flex .ast-container; without this <main> shrinks to its content width and hugs the left edge on wide screens. */
#main.cw-page{flex:1 1 100%;width:100%;min-width:0}
.cw-page.cw-page h1,.cw-page.cw-page h2,.cw-page.cw-page h3{font-family:var(--cw-f);color:var(--cw-ink);letter-spacing:-.03em;margin:0}
.cw-page.cw-page h1{font-size:var(--cw-t-h1);font-weight:500;line-height:1.06;max-width:16ch}
.cw-page.cw-page h2{font-size:var(--cw-t-h2);font-weight:400;line-height:1.12;margin-bottom:1rem}
.cw-page.cw-page h3{font-size:var(--cw-t-h3);font-weight:500;line-height:1.3;letter-spacing:-.01em}
.cw-page p{margin:0 0 1rem}
/* #main beats the site-wide "main a:not(...)" link colour in certifyi-ui.css */
#main.cw-page a:not(.cw-button):not(.cw-button-ghost){color:var(--cw-primary);text-underline-offset:3px}
.cw-page :focus-visible{outline:3px solid var(--cw-primary);outline-offset:3px;border-radius:2px}
.cw-pw{max-width:var(--cw-max);margin:0 auto;padding:0 var(--cw-gutter)}
.cw-eyebrow{font-size:.8125rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--cw-primary);margin-bottom:1rem}
.cw-page .cw-lead{font-size:clamp(1.05rem,1rem + .3vw,1.2rem);color:var(--cw-ink-2);max-width:60ch}

/* Buttons */
.cw-page .cw-button,.cw-page .cw-button-ghost{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.75rem 1.25rem;font:600 1rem/1 var(--cw-f);border-radius:var(--cw-r);text-decoration:none;transition:background var(--cw-d) var(--cw-ease),border-color var(--cw-d) var(--cw-ease),box-shadow var(--cw-d) var(--cw-ease)}
.cw-page .cw-button{background:var(--cw-btn-bg);color:var(--cw-btn-fg);border:1px solid transparent;box-shadow:var(--cw-shadow-sm)}
.cw-page .cw-button:hover{background:var(--cw-btn-hover);color:var(--cw-btn-fg);box-shadow:0 4px 12px rgba(18,60,32,.2)}
.cw-page .cw-button-ghost{background:var(--cw-white);color:var(--cw-ink);border:1px solid var(--cw-line-strong)}
.cw-page .cw-button-ghost:hover{border-color:var(--cw-ink);color:var(--cw-ink);box-shadow:var(--cw-shadow-sm)}
.cw-cta-row{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}

/* Hero: clean paper, no decorative grid */
.cw-fw-hero{position:relative;background:var(--cw-paper)}
.cw-fw-hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr);gap:4rem;align-items:end;padding-top:var(--cw-hero-top);padding-bottom:var(--cfy-sp-section,5rem)}
.cw-fw-hero .cw-lead{margin-top:1.5rem}
.cw-facts{background:var(--cw-white);border:1px solid var(--cw-line);border-radius:var(--cfy-radius-md,8px);padding:1.25rem 1.5rem;box-shadow:var(--cw-shadow-sm)}
.cw-facts-h{font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--cw-ink-3);padding-bottom:.75rem;border-bottom:1px solid var(--cw-line);margin:0}
.cw-facts dl{margin:0}
.cw-facts dl>div{display:grid;grid-template-columns:7.5rem 1fr;gap:1rem;padding:.7rem 0;border-bottom:1px solid var(--cw-line)}
.cw-facts dl>div:last-child{border-bottom:0;padding-bottom:0}
.cw-facts dt{font-size:.875rem;color:var(--cw-ink-3)}
.cw-facts dd{margin:0;font-weight:500;font-size:.95rem;line-height:1.45}

/* In short: answer-first band */
.cw-short{background:var(--cw-white)}
.cw-short .cw-pw{display:grid;grid-template-columns:10rem minmax(0,1fr);gap:2rem;padding-top:3rem;padding-bottom:3rem}
.cw-short-k{font-size:.8125rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--cw-ink-3);border-top:2px solid var(--cw-primary);padding-top:.75rem;margin:0}
.cw-page .cw-short-v{font-size:clamp(1.15rem,1rem + .6vw,1.45rem);line-height:1.5;color:var(--cw-ink);max-width:62ch;margin:0}

/* Article body with sticky contents */
.cw-fw-body{display:grid;grid-template-columns:13rem minmax(0,1fr);gap:4rem;padding-top:4.5rem;padding-bottom:2rem}
.cw-toc{position:sticky;top:96px;align-self:start;font-size:.9rem}
.admin-bar .cw-toc{top:128px}
.cw-toc-h{font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--cw-ink-3);margin-bottom:.75rem}
.cw-toc ol{list-style:none;margin:0;padding:0;border-left:1px solid var(--cw-line)}
.cw-toc li{margin:0}
#main .cw-toc a{display:block;padding:.35rem 0 .35rem 1rem;margin-left:-1px;border-left:2px solid transparent;color:var(--cw-ink-2);text-decoration:none}
#main .cw-toc a:hover{color:var(--cw-primary);border-left-color:var(--cw-primary)}
.cw-fw-main{max-width:46rem;min-width:0}
.cw-sec{padding-bottom:3.5rem;margin-bottom:3.5rem;scroll-margin-top:96px}
.cw-sec:last-child{margin-bottom:0}
#main.cw-page .cw-sec>p{color:var(--cw-ink-2)}
.cw-list{margin:1.25rem 0;padding:0;list-style:none}
#main.cw-page .cw-list li{position:relative;padding:.55rem 0 .55rem 1.5rem;margin:0;color:var(--cw-ink)}
.cw-list li::before{content:"";position:absolute;left:0;top:1.3rem;width:8px;height:8px;border:2px solid var(--cw-primary);border-radius:50%}
.cw-defs{margin:1.5rem 0;display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.cw-defs>div{padding:1.1rem 1.25rem;border:1px solid var(--cw-line);border-radius:var(--cw-r,6px);background:var(--cw-white)}
.cw-defs dt{font-weight:600;margin-bottom:.3rem}
.cw-defs dd{margin:0;color:var(--cw-ink-2);font-size:.95rem}
.cw-note{margin:1.75rem 0;padding:.875rem 0 0;border-top:1px solid var(--cw-ink)}
.cw-note-h{font-weight:600;margin-bottom:.35rem!important;color:var(--cw-ink)}
.cw-note p{margin:0;color:var(--cw-ink-2)}

/* Tables */
.cw-tbl,.cw-panel-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
/* Scroll shadows: a soft edge appears on whichever side has more table to scroll to (backgrounds only,
   no script). The covering gradients scroll with the content; the shadows stay at the edges. */
.cw-tbl,.cw-panel-scroll{background:linear-gradient(90deg,var(--cw-white) 30%,rgba(255,255,255,0)) left center/40px 100% no-repeat local,linear-gradient(270deg,var(--cw-white) 30%,rgba(255,255,255,0)) right center/40px 100% no-repeat local,radial-gradient(farthest-side at 0 50%,rgba(18,60,32,.3),rgba(18,60,32,0)) left center/20px 100% no-repeat scroll,radial-gradient(farthest-side at 100% 50%,rgba(18,60,32,.3),rgba(18,60,32,0)) right center/20px 100% no-repeat scroll,var(--cw-white)}
.cw-tbl{margin:1.5rem 0;border:1px solid var(--cw-line);border-radius:var(--cfy-radius-md,8px);box-shadow:var(--cw-shadow-sm)}
.cw-page table{border-collapse:collapse;width:100%;min-width:560px;margin:0;font-size:.95rem;border:0}
.cw-page th,.cw-page td{text-align:left;vertical-align:top;padding:.8rem 1rem;border:0;border-bottom:1px solid var(--cw-line);line-height:1.45}
.cw-page thead th{font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--cw-ink-3);background:var(--cw-paper)}
.cw-page tbody th{font-weight:600;color:var(--cw-ink)}
.cw-page tbody td{color:var(--cw-ink-2)}
.cw-page tbody tr:last-child>*{border-bottom:0}

/* At-a-glance aside beside a hero (module pages, and solutions pages that set 'glance') */
.cw-glance{background:var(--cw-white);border:1px solid var(--cw-line);border-radius:var(--cw-r);padding:1.25rem 1.5rem}
.cw-glance dl{margin:0}
.cw-glance dl>div{display:grid;grid-template-columns:8rem 1fr;gap:1rem;padding:.7rem 0;border-bottom:1px solid var(--cw-line)}
.cw-glance dl>div:last-child{border-bottom:0;padding-bottom:0}
.cw-glance dt{font-size:.875rem;color:var(--cw-ink-3)}
.cw-glance dd{margin:0;font-weight:500;font-size:.95rem;line-height:1.45}
@media (max-width:640px){
  .cw-glance dl>div{grid-template-columns:1fr;gap:.15rem}
}

/* Illustrative product panel */
.cw-panel{margin:2rem 0;border:1px solid var(--cw-line);border-radius:var(--cfy-radius-md,8px);background:var(--cw-white);overflow:hidden;box-shadow:var(--cw-shadow-sm)}
.cw-panel-bar{display:flex;justify-content:space-between;gap:1rem;padding:.75rem 1rem;border-bottom:1px solid var(--cw-line);font-size:.8125rem;color:var(--cw-ink-3);background:var(--cw-paper)}
.cw-panel-bar span:first-child{font-weight:600;color:var(--cw-ink)}
.cw-panel table{font-size:.9rem}
.cw-page .cw-panel-note{font-size:.8125rem;color:var(--cw-ink-3);padding:.65rem 1rem;margin:0;border-top:1px solid var(--cw-line)}
.cw-tag{display:inline-block;font-size:.75rem;font-weight:600;line-height:1.4;padding:.1rem .5rem;border-radius:999px;border:1px solid currentColor;white-space:nowrap;letter-spacing:0;text-transform:none;vertical-align:middle}
.cw-tag-ok{color:var(--cw-green-ink)}
.cw-tag-wait{color:var(--cw-amber-ink)}
.cw-tag-muted{color:var(--cw-ink-3)}
.cw-tag-check{color:var(--cw-ink-3);font-weight:500}
.cw-tag-pass{color:#123C20;border-color:#123C20;background:rgba(18,60,32,.08)}
.cw-tag-high{color:#C53030;border-color:#C53030;background:rgba(197,48,48,.08)}
.cw-tag-medium{color:var(--cw-amber-ink);border-color:#B7791F;background:rgba(183,121,31,.08)}
.cw-tag-low{color:var(--cw-ink-3);border-color:var(--cw-line-strong)}
.cw-tag-info{color:#2B6CB0;border-color:#2B6CB0;background:rgba(43,108,176,.08)}

/* Path band */
.cw-band{background:#123C20;color:#E2E8F0;padding:5.5rem 0;margin-top:3rem}
.cw-page.cw-page .cw-band h2,.cw-page.cw-page .cw-band h3{color:#fff}
.cw-band .cw-lead{color:#CBD5E1}
.cw-band-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:3rem;align-items:end;margin-bottom:3rem}
.cw-band-head h2{margin:0}
.cw-band-head .cw-lead{margin:0}
.cw-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.cw-steps li{position:relative;padding:1.5rem;margin:0;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--cw-r,6px)}
.cw-steps li::before{content:"";position:absolute;top:0;left:1.5rem;width:9px;height:9px;border-radius:50%;background:#C5DCCB;box-shadow:0 0 0 4px var(--cw-paper)}
#main.cw-page .cw-step-n{display:block;font-size:.8125rem;color:#9ED1AB;font-variant-numeric:tabular-nums;margin-bottom:.5rem}
.cw-steps h3{margin-bottom:.6rem}
#main.cw-page .cw-band .cw-steps p{color:#CBD5E1;font-size:.95rem}
#main.cw-page .cw-step-who{font-size:.8125rem;color:#94A3B8;margin:0}
.cw-band .cw-band-after{margin:2.5rem 0 0;color:#CBD5E1;max-width:70ch;font-size:.95rem}
#main .cw-band a{color:#9ED1AB}

/* Who does what */
.cw-roles{padding:5.5rem 0 3rem}
.cw-roles .cw-band-head{margin-bottom:1.5rem}

/* How Certifyi helps */
.cw-help{padding:3rem 0 5.5rem}
.cw-help-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:4rem;align-items:start}
.cw-help-list{list-style:none;margin:0;padding:0}
.cw-help-list li{padding:1.25rem 0;margin:0;transition:transform var(--cw-d) var(--cw-ease)}
.cw-help-list li:hover{transform:translateX(4px)}
.cw-help-list li:first-child{padding-top:0}
.cw-help-list h3{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin-bottom:.4rem}
#main.cw-page .cw-help-list p{color:var(--cw-ink-2);margin:0;font-size:.975rem}

/* FAQ: classes faq-item / faq-q / faq-ans feed the FAQPage schema in certifyi-seo.php */
.cw-faq{background:var(--cw-white);border-top:1px solid var(--cw-line);border-bottom:1px solid var(--cw-line);padding:5.5rem 0}
.cw-faq-grid{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:4rem}
.cw-faq .faq-item{border-bottom:1px solid var(--cw-line)}
.cw-faq .faq-q{cursor:pointer;list-style:none;position:relative;padding:1.15rem 2.5rem 1.15rem 0;font-weight:500;font-size:1.075rem;color:var(--cw-ink)}
.cw-faq .faq-q::-webkit-details-marker{display:none}
.cw-faq .faq-q::after{content:"+";position:absolute;right:.5rem;top:50%;transform:translateY(-50%);font-size:1.5rem;font-weight:400;color:var(--cw-primary);transition:transform var(--cw-d) var(--cw-ease)}
.cw-faq .faq-item[open] .faq-q::after{transform:translateY(-50%) rotate(45deg)}
.cw-faq .faq-ans p{color:var(--cw-ink-2);max-width:66ch;padding-bottom:1.25rem;margin:0}

/* Related */
/* Final CTA */
/* Navy closing band, centred like the homepage's: the page's own closing line and two calls to action. */
.cw-final{padding:clamp(4.5rem,3rem + 5vw,7.5rem) 0;text-align:center}
.cw-final-inner{display:flex;flex-direction:column;align-items:center}
.cw-page.cw-page .cw-final h2{margin:0 auto;max-width:22ch;font-size:clamp(1.875rem,1.3rem + 2.4vw,3rem);line-height:1.08;text-wrap:balance}
.cw-page .cw-final .cw-lead{margin:1.25rem auto 0;max-width:56ch}
.cw-final .cw-cta-row{justify-content:center}

/* Responsive */
@media (max-width:1024px){
  .cw-fw-hero-grid{grid-template-columns:1fr;gap:2.5rem;padding-top:var(--cw-hero-top);padding-bottom:3.5rem}
  .cw-fw-body{grid-template-columns:minmax(0,1fr);gap:2rem;padding-top:3rem}
  .cw-toc{position:static;border:1px solid var(--cw-line);border-radius:var(--cw-r);background:var(--cw-white);padding:1rem 1.25rem}
  .cw-toc ol{columns:2;column-gap:1.5rem;border-left:0}
  .cw-toc li{break-inside:avoid}
  #main .cw-toc a{padding-left:0;border-left:0}
  .cw-fw-main{max-width:none}
  .cw-band-head,.cw-help-grid,.cw-faq-grid{grid-template-columns:1fr;gap:1.5rem}
  .cw-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cw-hl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cw-mod-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .cw-page{font-size:1rem}
  /* Phones: drop the hairlines that would run through the text */
  .cw-fw-hero{background:var(--cw-paper)}
  .cw-short .cw-pw{grid-template-columns:1fr;gap:1rem;padding-top:2.25rem;padding-bottom:2.25rem}
  .cw-short-k{max-width:6rem}
  .cw-toc ol{columns:1}
  .cw-facts dl>div{grid-template-columns:1fr;gap:.15rem}
  .cw-defs{grid-template-columns:1fr}
  .cw-steps{grid-template-columns:1fr}
  .cw-band,.cw-faq,.cw-roles{padding-top:3.5rem;padding-bottom:3.5rem}
  .cw-help{padding-bottom:3.5rem}
  .cw-hl-grid{grid-template-columns:1fr}
  .cw-mod-grid{grid-template-columns:1fr}
  .cw-cta-row .cw-button,.cw-cta-row .cw-button-ghost{width:100%}
  .cw-final .cw-button,.cw-final .cw-button-ghost{width:100%}
}
/* Highlights grid — shared across module, solutions, info pages */
.cw-hl-grid,.cw-mod-grid{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--cw-line);border-left:1px solid var(--cw-line)}
.cw-hl-grid{margin:0}
#main.cw-page .cw-hl-grid li,#main.cw-page .cw-mod-grid li{position:relative;min-width:0;margin:0;background:transparent;border:0;border-right:1px solid var(--cw-line);border-bottom:1px solid var(--cw-line);border-radius:0}
.cw-hl-grid li{padding:1.75rem}
.cw-hl-grid li::after,.cw-mod-grid li::after{content:"";position:absolute;right:-5px;bottom:-5px;width:9px;height:9px;z-index:1;pointer-events:none;background:linear-gradient(var(--cw-cross),var(--cw-cross)) center/1px 100% no-repeat,linear-gradient(var(--cw-cross),var(--cw-cross)) center/100% 1px no-repeat}
.cw-hl-grid h3{margin-bottom:.6rem}
.cw-band .cw-hl-grid p{color:#CBD5E1;font-size:.95rem;margin:0}

/* Modules grid — shared across module, solutions, info pages */
.cw-modules{padding:5rem 0 4rem}
.cw-modules .cw-band-head{margin-bottom:1.5rem}
.cw-mod-grid{margin:1.5rem 0 0}
#main.cw-page .cw-mod-grid a{display:block;height:100%;padding:1.5rem;text-decoration:none;transition:background var(--cw-d) var(--cw-ease)}
#main.cw-page .cw-mod-grid a:hover{background:var(--cw-sunken)}
#main.cw-page .cw-mod-cat{display:block;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--cw-ink-2);margin-bottom:.35rem}
#main.cw-page .cw-mod-name{display:block;font-weight:500;color:var(--cw-ink)}
#main.cw-page .cw-mod-grid a:hover .cw-mod-name{color:var(--cw-primary)}

/* Responsive overrides for the two grids above. They must follow the base rules: earlier copies in the
   media queries further up lose on source order, which left three columns on phones (horizontal scroll). */
@media (max-width:1024px){
  .cw-hl-grid,.cw-mod-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .cw-hl-grid,.cw-mod-grid{grid-template-columns:minmax(0,1fr)}
}

/* Scroll reveal: sections with .cw-rv fade+rise into view when IntersectionObserver adds .cw-in.
   Initial state is set only when JS has loaded (.cfy-js present), so content is never hidden without it. */
.cfy-js .cw-rv{opacity:0;transform:translateY(18px);transition:opacity .55s cubic-bezier(.2,.7,.2,1),transform .55s cubic-bezier(.2,.7,.2,1)}
.cfy-js .cw-rv.cw-in{opacity:1;transform:none}

@media (prefers-reduced-motion:reduce){
  .cw-page *{transition-duration:0ms!important;animation:none!important}
  html:has(.cw-page){scroll-behavior:auto}
}
html:has(.cw-page){scroll-behavior:smooth;scroll-padding-top:6rem}

/* Dark scope. Long-form reading stays dark-on-light; the hero, feature bands and the final call
   to action take the dark ground the header, homepage hero and footer use, so each page opens dark,
   reads light, and closes dark. Redefining the tokens here flips everything inside. */
.cw-fw-hero,.cw-info-hero,.cw-sol-hero,.cw-band,.cw-sol-proof,.cw-final,.cb-hero,.cb-ask{
  --cw-primary:#C5DCCB;
  --cw-primary-hover:#fff;
  --cw-green-ink:#C5DCCB;
  --cw-ink:#F1F5F9;
  --cw-ink-2:rgba(226,232,240,.7);
  --cw-ink-3:rgba(226,232,240,.78);
  --cw-paper:#123C20;
  --cw-white:#1A5230;
  --cw-sunken:#1A5230;
  --cw-line:rgba(255,255,255,.1);
  --cw-line-strong:rgba(255,255,255,.22);
  --cw-shadow-sm:none;
  --cw-btn-bg:#fff;
  --cw-btn-fg:#123C20;
  --cw-btn-hover:#E2E8F0;
  --cw-cross:rgba(255,255,255,.4);
  background:#123C20;
  color:var(--cw-ink);
}
.cw-fw-hero :focus-visible,.cw-info-hero :focus-visible,.cw-sol-hero :focus-visible,.cw-band :focus-visible,.cw-sol-proof :focus-visible,.cw-final :focus-visible,.cb-hero :focus-visible,.cb-ask :focus-visible{outline-color:#fff}
.cw-page .cw-button-ghost:hover{border-color:var(--cw-ink)}