/* Volyia green interface layer — shared across public pages. */
:root{
  --bg:#F8F7EF;
  --bg-top:#F2F7F1;
  --bg-panel:#FFFEF9;
  --panel:#FFFEF9;
  --panel2:#EDF7EF;
  --card:#FFFEF9;
  --card2:#EDF7EF;
  --text:#183128;
  --text-dim:#5D7168;
  --text-muted:#7B8E84;
  --dim:#5D7168;
  --muted:#6F8379;
  --muted2:#82948A;
  --border:#DBE6DC;
  --border2:#B9CDBF;
  --border-strong:#B9CDBF;
  --line:#DBE6DC;
  --cyan:#4EA66C;
  --violet:#79C98B;
  --emerald:#4EA66C;
  --amber:#DFA85A;
  --gold:#DFA85A;
  --forest:#173D2D;
  --forest2:#24543E;
  --leaf:#4EA66C;
  --mint:#DFF1E4;
  --lime:#E0EF92;
  --cream:#F8F7EF;
  --paper:#FFFEF9;
  --grad:linear-gradient(135deg,#173D2D 0%,#4EA66C 100%);
  --grad-soft:linear-gradient(135deg,rgba(78,166,108,.14),rgba(121,201,139,.24));
  --shadow:0 22px 60px rgba(23,61,45,.11);
  --font:"Avenir Next",Avenir,"Nunito Sans","Segoe UI",system-ui,-apple-system,sans-serif;
}

html{color-scheme:light;background:var(--cream)}
body{
  background:var(--cream)!important;
  color:var(--text)!important;
  font-family:var(--font)!important;
}
img{max-width:100%}
::selection{background:rgba(121,201,139,.42)!important;color:var(--forest)!important}

/* Soft natural page background. */
.ambient{
  background:
    radial-gradient(ellipse 62% 48% at 12% 4%,rgba(121,201,139,.22),transparent 62%),
    radial-gradient(ellipse 52% 42% at 90% 16%,rgba(224,239,146,.24),transparent 64%),
    radial-gradient(ellipse 68% 46% at 50% 100%,rgba(188,224,197,.22),transparent 65%),
    var(--cream)!important;
}
.grid-bg{
  opacity:.32!important;
  background-image:
    linear-gradient(rgba(23,61,45,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(23,61,45,.035) 1px,transparent 1px)!important;
}

/* Shared navigation. */
nav,
.legal-nav,
body>header:has(.wrap.nav){
  background:rgba(248,247,239,.92)!important;
  border-bottom-color:rgba(185,205,191,.78)!important;
  box-shadow:0 8px 30px rgba(23,61,45,.04);
}
nav.scrolled{background:rgba(248,247,239,.97)!important;border-bottom-color:var(--border)!important}
.brand{color:var(--forest)!important;border-bottom:0!important;text-decoration:none!important}
.brand-name,
.brand>b{color:var(--forest)!important;font-weight:800!important;text-transform:capitalize;letter-spacing:-.04em!important}
.brand-mark{
  background:#0A0E2A!important;
  border-color:rgba(23,61,45,.12)!important;
  box-shadow:0 8px 20px rgba(23,61,45,.14)!important;
}
.nav-links a.txt,
.legal-back{color:var(--dim)!important}
.nav-links a.txt:hover,
.legal-back:hover{color:var(--forest)!important}
.nav-cta,
.nav-menu a.nav-menu-cta,
.btn-download,
.access-form button,
.del-cta a.btn,
.wrap.nav .cta{
  background:var(--forest)!important;
  color:#FFF!important;
  border-color:transparent!important;
  box-shadow:0 11px 27px rgba(23,61,45,.18)!important;
}
.nav-cta:hover,
.btn-download:hover,
.wrap.nav .cta:hover{box-shadow:0 15px 34px rgba(23,61,45,.24)!important}
.nav-burger{background:var(--paper)!important;border-color:var(--border2)!important}
.nav-burger span{background:var(--forest)!important}
.nav-menu{background:rgba(255,254,249,.99)!important;border-bottom-color:var(--border)!important;box-shadow:var(--shadow)}
.nav-menu a{color:var(--forest)!important;border-bottom-color:var(--border)!important}

/* Shared landing-page components. */
.lp-eyebrow,
.del-meta,
.doc-eyebrow,
.blog-kicker,
.kicker{color:var(--forest2)!important}
.lp-eyebrow,
.del-meta{
  background:var(--mint)!important;
  border-color:#C4DDCB!important;
}
.lp-eyebrow::before,
.del-meta::before,
.ldot{background:var(--leaf)!important;box-shadow:none!important}
.lp-hero h1,
.blog-hero h1,
.article-header h1,
.del-hero h1,
.section-intro h2,
.lp-cta h2{color:var(--forest)!important}
.lp-hero .sub,
.blog-hero p,
.article-dek,
.section-intro p,
.lp-cta p{color:var(--dim)!important}
.g,
.lp-hero h1 .g,
.section-intro h2 .g,
.lp-cta h2 .g,
.del-hero h1 .g,
.legal-hero h1 span{
  background:var(--grad)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
}
.block,
.related-card,
.del-step,
.calc-card,
.qz-opt{
  background:var(--paper)!important;
  border-color:var(--border)!important;
  box-shadow:0 10px 34px rgba(23,61,45,.055);
}
.block:hover,
.related-card:hover,
.del-step:hover,
.qz-opt:hover{border-color:#9FC5AA!important;background:var(--mint2,#EDF7EF)!important}
.block h2,
.block p strong,
.related-card .rc-title,
.del-step-body h2,
.del-section h2{color:var(--forest)!important}
.block p,
.related-card .rc-desc,
.del-step-body p,
.del-step-body li,
.del-section p,
.del-section li{color:var(--dim)!important}
.block-icon{background:var(--mint)!important;border-color:#C4DDCB!important;color:var(--forest)!important}
.solution{
  background:linear-gradient(135deg,#B9DCC3,#E0EF92)!important;
  box-shadow:var(--shadow);
}
.solution-inner{
  background:var(--forest)!important;
  color:#FFF!important;
}
.solution h2,
.solution p strong{color:#FFF!important}
.solution p,
.solution li{color:#D9EADF!important}
.solution li svg{color:var(--lime)!important}
.access-form{background:var(--paper)!important;border-color:var(--border2)!important;box-shadow:0 10px 30px rgba(23,61,45,.07)}
.access-form input{color:var(--forest)!important}
.access-form input::placeholder{color:var(--muted)!important}

/* Editorial pages and the blog-card height repair. */
.blog-feature{
  background:var(--paper)!important;
  border-color:var(--border)!important;
  box-shadow:var(--shadow)!important;
}
.blog-feature-copy{background:linear-gradient(145deg,var(--paper),var(--mint2,#EDF7EF))}
.blog-feature h2,
.blog-card h3,
.blog-section-head h2{color:var(--forest)!important}
.blog-feature p,
.blog-card p,
.blog-section-head p{color:var(--dim)!important}
.blog-meta{color:var(--muted)!important}
.blog-arrow{color:var(--leaf)!important}
.blog-grid{align-items:stretch!important;grid-auto-rows:auto!important}
.blog-card{
  height:auto!important;
  min-height:0!important;
  background:var(--paper)!important;
  border-color:var(--border)!important;
  box-shadow:0 10px 34px rgba(23,61,45,.055);
}
.blog-card:hover{background:var(--mint2,#EDF7EF)!important;border-color:#9FC5AA!important;box-shadow:0 16px 38px rgba(23,61,45,.1)}
.blog-card img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:220px!important;
  aspect-ratio:16/9!important;
  object-fit:cover!important;
}
.blog-card-body{min-height:0}
.topic-pills a{background:var(--paper)!important;border-color:var(--border)!important;color:var(--dim)!important}
.topic-pills a:hover{color:var(--forest)!important;border-color:#9FC5AA!important;background:var(--mint)!important}
.article-breadcrumb{color:var(--muted)!important}
.article-breadcrumb a,
.article-body a,
.article-sources a,
.del-step-body a,
.del-section a{color:var(--leaf)!important}
.article-byline{color:var(--muted)!important;border-color:var(--border)!important}
.article-hero{border-color:var(--border)!important;box-shadow:var(--shadow)!important}
.article-summary,
.article-cta{
  background:linear-gradient(145deg,var(--mint2,#EDF7EF),var(--paper))!important;
  border-color:#B9DCC3!important;
}
.article-summary,
.article-summary li,
.article-body p,
.article-body li,
.article-cta p{color:var(--dim)!important}
.article-summary strong,
.article-body strong,
.article-body h2,
.article-body h3,
.article-cta h2,
.article-sources h2{color:var(--forest)!important}
.article-sources{border-color:var(--border)!important}
.article-note{color:var(--muted)!important}

/* Keep reveal content immediately available and avoid long blank sections. */
.reveal,
.reveal.in{opacity:1!important;transform:none!important}

/* Calculator and quiz controls. */
.calc-tab,
.qz-opt{
  background:var(--paper)!important;
  color:var(--dim)!important;
  border-color:var(--border2)!important;
}
.calc-tab.active,
.qz-opt:hover{
  background:var(--mint)!important;
  color:var(--forest)!important;
  border-color:#8EB99A!important;
}
.calc-go,
.qz-restart{background:var(--forest)!important;color:#FFF!important;border-color:transparent!important}
input,select,textarea{accent-color:var(--leaf)}

/* Legal, support, privacy, and deletion pages. */
.legal-nav{box-shadow:0 8px 30px rgba(23,61,45,.04)!important}
.legal-page,
.page{color:var(--text)!important}
.legal-hero,
.tldr,
.del-summary{
  background:linear-gradient(145deg,var(--mint2,#EDF7EF),var(--paper))!important;
  border-color:#B9DCC3!important;
  box-shadow:0 12px 36px rgba(23,61,45,.06);
}
.legal-hero h1,
.page h1{color:var(--forest)!important}
.legal-hero .lmeta,
.updated{color:var(--muted)!important}
.legal-summary,
.tldr li,
.del-summary{color:var(--dim)!important}
.legal-summary strong,
.tldr-title,
.del-summary strong{color:var(--forest2)!important}
.lbody h2,
.lbody h3,
.page h2,
.page h3{color:var(--forest)!important;border-color:var(--border)!important}
.lbody p,
.lbody li,
.lbody td,
.page p,
.page li,
.page td{color:var(--dim)!important}
.lbody strong,
.lbody th,
.page strong,
.page th{color:var(--forest)!important}
.lbody a,
.page a{color:var(--leaf)!important;border-bottom-color:rgba(78,166,108,.35)!important}
.lbody th,
.lbody td,
.page th,
.page td{border-color:var(--border)!important}
.lbody th,
.page th{background:var(--mint2,#EDF7EF)!important}
.lbody .lfoot,
.footer{color:var(--muted)!important;border-color:var(--border)!important}
.callout,
.contact-block{
  background:var(--mint2,#EDF7EF)!important;
  border-color:#B9DCC3!important;
  color:var(--dim)!important;
}
.page>.brand .brand-mark{color:#FFF!important}
.page table{max-width:100%;display:block;overflow-x:auto}
.del-step-num{background:var(--forest)!important;color:#FFF!important}
.del-cta{background:var(--mint2,#EDF7EF)!important;border-color:#B9DCC3!important}
.del-cta h3{color:var(--forest)!important}
.del-cta p{color:var(--dim)!important}

/* Press and newsroom. */
.wrap.hero h1,
.wrap.hero h3,
.card h3,
.contactband h3{color:var(--forest)!important}
.wrap.hero .lead,
.wrap.hero .meta,
.boiler p,
.fact span,
.feature span,
.press-item .t span,
.contactband p,
.rules li{color:var(--dim)!important}
.fact b,
.feature b,
.press-item .t b,
.boiler b{color:var(--forest)!important}
.card,
.asset .frame{
  background:var(--paper)!important;
  border-color:var(--border)!important;
  box-shadow:0 10px 34px rgba(23,61,45,.055);
}
.boiler .short{color:var(--forest)!important;border-left-color:var(--leaf)!important}
.press-item{border-color:var(--border)!important}
.contactband{
  background:linear-gradient(135deg,var(--forest),#24543E)!important;
  border-color:transparent!important;
  box-shadow:var(--shadow);
}
.contactband h3{color:#FFF!important}
.contactband p{color:#D9EADF!important}
.contactband .btn{background:var(--lime)!important;color:var(--forest)!important}
.rules.do li:before{background:var(--leaf)!important}
.rules.dont li:before{background:var(--amber)!important}

/* Footer and consent. */
footer{border-color:var(--border)!important;color:var(--dim)!important}
.foot-links a,
.foot-legal-info,
.foot-legal-links a{color:var(--muted)!important}
.foot-links a:hover,
.foot-legal-links a:hover{color:var(--forest)!important}
.foot-legal{border-color:var(--border)!important}
#ckb{
  background:rgba(255,254,249,.98)!important;
  color:var(--forest)!important;
  border-color:var(--border2)!important;
  box-shadow:0 20px 50px rgba(23,61,45,.16)!important;
}
#ckb p{color:var(--dim)!important}
#ckb a{color:var(--leaf)!important}
#ckbNo{background:var(--paper)!important;color:var(--forest)!important;border-color:var(--border2)!important}
#ckbYes{background:var(--forest)!important;color:#FFF!important}

@media(max-width:620px){
  .blog-card img{max-height:none!important}
  .page{padding:38px 20px 64px!important}
  .page h1{font-size:34px!important}
  .legal-page{padding-left:18px!important;padding-right:18px!important}
  .wrap.hero{min-height:0!important;padding-top:112px!important;padding-bottom:58px!important}
  .contactband{padding:30px 24px!important}
}

@media print{
  html,body{background:#FFF!important;color:#111!important}
  nav,.legal-nav,#ckb,.ambient,.grid-bg{display:none!important}
  p,li,td,.lbody p,.lbody li,.page p,.page li{color:#333!important}
  h1,h2,h3,strong,.lbody h2,.lbody h3,.page h2,.page h3{color:#111!important}
  .legal-hero,.tldr,.callout,.contact-block{box-shadow:none!important;background:#FFF!important;border-color:#CCC!important}
}
