/* Secondary pages stay within the existing WCD typography and palette. */
.pricing-overview .card{display:flex;flex-direction:column;gap:18px}
.pricing-overview h2{font-size:28px}
.pricing-overview .pricing-value{font-size:24px;line-height:1.2;font-weight:600;letter-spacing:-.025em;color:var(--green)}
.pricing-overview p+p{margin-top:0}
.pricing-overview .text-link{margin-top:auto}
.page-jumps{display:flex;flex-wrap:wrap;gap:12px 24px;font-size:16px;color:var(--green)}
.page-jumps a{text-decoration:underline;text-underline-offset:5px}
.question-group:nth-of-type(even){background:var(--soft)}
.faq .faq-answer{padding-top:18px}.faq .faq-answer p:first-child{margin-top:0}
.faq ul{margin-top:14px;padding-left:22px;color:var(--muted)}
.faq p a{color:var(--green);text-decoration:underline;text-underline-offset:3px}
.faq .faq-answer p+p{margin-top:18px}
.prose .button{margin-top:26px}
.case-impact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.case-impact h3{font-size:24px;margin-bottom:24px}
.case-impact h4{font-size:13px;font-weight:500;margin:20px 0 8px;color:var(--green)}
.case-impact p{color:var(--muted);font-size:16px}
.case-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:38px}
.case-stats>div{display:flex;flex-direction:column;gap:10px;padding:26px;border:1px solid var(--line);border-radius:12px}
.case-stats strong{font-size:48px;line-height:1;color:var(--green);font-weight:600;letter-spacing:-.04em}
.case-stats span{font-size:15px;color:var(--muted)}
.client-results-action{align-items:center;gap:24px;flex-wrap:wrap}
.client-results-action .text-link{color:#fff;font-weight:400}
@media(max-width:1050px) and (min-width:851px){.nav{gap:13px;font-size:14px}.nav .button{padding-inline:16px}.header-inner{gap:18px}}
@media(max-width:850px){.pricing-overview .card{gap:14px}}
@media(max-width:600px){.case-impact-grid{grid-template-columns:1fr}.case-stats{gap:10px}.case-stats>div{padding:16px 12px}.case-stats strong{font-size:36px}.case-stats span{font-size:12px}.case-impact h3{font-size:22px}.client-results-action{gap:20px}}

@media(min-width:851px){.pricing-overview .pricing-value{min-height:2.4em}}


.nav-service{position:relative}
.nav-service summary{cursor:pointer;list-style:none;padding-block:12px;white-space:nowrap}
.nav-service summary::-webkit-details-marker{display:none}
.nav-service summary::after{content:'';display:inline-block;width:6px;height:6px;border-right:1px solid;border-bottom:1px solid;transform:rotate(45deg);margin-left:8px;vertical-align:3px}
.nav-service[open] summary::after{transform:rotate(225deg);vertical-align:0}
.nav-service-links{position:absolute;top:100%;left:0;z-index:30;display:grid;min-width:180px;padding:8px 14px;border:1px solid rgba(32,87,50,.18);border-radius:12px;background:rgba(250,250,247,.98);box-shadow:0 12px 28px rgba(32,87,50,.12);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.nav-service-links a{display:block;padding:10px 4px;white-space:nowrap}
.nav-service:has([aria-current=page]) summary{text-decoration:underline;text-underline-offset:7px}
.nav-service summary:focus-visible{outline:2px solid var(--green);outline-offset:4px}
@media(min-width:851px) and (max-width:1050px){.site-header .nav{gap:12px;font-size:14px}.site-header .header-inner{gap:18px}}
@media(max-width:850px){.nav .nav-service summary{padding-block:10px}.nav .nav-service-links{position:static;box-shadow:none;border:0;background:none;padding:0 16px 8px;backdrop-filter:none;-webkit-backdrop-filter:none}.nav .nav-service-links a{font-size:16px}}

/* Compliance: links in the text panels match their sentence, and the certification cards line up across the row */
.compliance-page .prose .text-link{font-size:inherit}
@supports (grid-template-rows:subgrid){
  @media(min-width:700px){
    .compliance-page .pricing-overview .card{display:grid;grid-row:span 4;grid-template-rows:subgrid;row-gap:14px;align-content:start}
    .compliance-page .pricing-overview .card>.text-link:last-child{grid-row:4}
  }
}