
/* ASA Growth System, released 2026-10-28 — no billing credentials or private data. */
.wc-topline{font-size:11px;text-transform:uppercase;font-weight:800;letter-spacing:.17em;color:var(--gold)}
.wc-hero{padding:112px 0 86px;background:radial-gradient(circle at 78% 30%,#4c6546 0%,transparent 38%),#13261d;position:relative;overflow:hidden}
.wc-hero h1{max-width:980px;font-size:clamp(53px,8vw,98px)}
.wc-hero .intro{max-width:770px}
.wc-page{padding:86px 0 100px;min-height:65vh;background:var(--paper);color:#20362a}
.wc-page .intro{color:#526454}
.wc-page .eyebrow{color:#79583a}
.wc-page h1{font-size:clamp(45px,6vw,80px)}
.wc-page h2{font-size:clamp(32px,4vw,54px);margin-bottom:18px}
.wc-lede{max-width:710px;color:#536453;font-size:18px;line-height:1.75}
.wc-panel{background:#fffaf1;color:#213528;border:1px solid #d5c7ad;border-radius:16px;padding:29px;box-shadow:0 8px 26px #182d2020}
.wc-panel h3{font-size:27px;margin-bottom:10px}.wc-panel p{color:#4c5a4e}
.wc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.wc-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.wc-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.wc-section{padding:78px 0}
.wc-section.paper{background:#f2e5d0;color:#1c3226}
.wc-section.night{background:#14291f;color:#f2ead9}
.wc-section.night .wc-panel{background:#1d382b;color:#f5edde;border-color:#62725d}
.wc-section.night .wc-panel p{color:#c8d2c2}
.wc-section h2{font-size:clamp(37px,5vw,62px)}
.wc-path{display:block;height:100%;transition:transform .16s ease}
.wc-path:hover{transform:translateY(-3px)}
.wc-path .wc-cta{font-size:13px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:#6b4d31}
.wc-btnrow{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}
.wc-page .button.ghost{color:#193125;border-color:#677868}
.wc-page .button.ghost:hover{background:#193125;color:#fff}
.wc-muted{color:#637467;font-size:14px}
.wc-subtle{font-size:12px;color:#68796a}
.wc-tag{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#7f6143;margin-bottom:12px}
.wc-field{display:flex;flex-direction:column;gap:6px;margin-bottom:15px}
.wc-field label{font-size:13px;line-height:1.5;font-weight:750}
.wc-field input:not([type=checkbox]),.wc-field textarea,.wc-field select{border:1px solid #a5b1a0;background:#fff;color:#203629;padding:12px 14px;border-radius:8px;width:100%;min-height:48px;font:inherit}
.wc-field textarea{min-height:110px}
.wc-form{max-width:620px}
.wc-check{display:flex;align-items:flex-start;gap:11px;font-size:13px;margin:15px 0 22px;line-height:1.55}
.wc-check input{width:21px;height:21px;accent-color:#21553e;flex:0 0 21px;margin-top:1px}
.wc-state{margin-top:14px;min-height:26px;font-size:13px;color:#33583f}
.wc-state[hidden]{display:none}
.wc-alert{padding:16px;background:#f7ead4;color:#25362a;border:1px solid #bcaa88;border-radius:10px;margin-top:20px}
.wc-steps{list-style:none;padding:0;display:grid;gap:12px;counter-reset:step}
.wc-steps li{counter-increment:step;padding:17px 18px 17px 56px;background:#fff8ed;border:1px solid #ded0b9;border-radius:12px;position:relative}
.wc-steps li:before{content:counter(step);position:absolute;left:17px;top:17px;display:grid;place-items:center;width:27px;height:27px;background:#1f3e2e;color:#fff;border-radius:50%;font-size:12px}
.wc-download{padding:28px;background:#d5b583;color:#1f2f23;border-radius:16px}
.wc-download h3{font-size:28px}
.wc-note{margin-top:25px;border-left:3px solid #926c44;padding-left:15px;color:#546455;font-size:14px}
.wc-product-photo,.wc-story-photo{width:100%;height:210px;object-fit:cover;border-radius:10px;margin-bottom:15px}
.wc-empty{background:#f9eddb;border:1px dashed #a79a82;padding:28px;border-radius:12px;color:#465c4d}
.wc-photo-credit{font-size:11px;color:#697a6c;margin-top:6px}
.wc-photo-credit a{text-decoration:underline}
.wc-mini-form{border:1px solid #d6c8b2;border-radius:14px;padding:24px;background:#fff9ee}
.wc-nav-underline{text-decoration:underline;text-underline-offset:3px}
.wc-cards-horizontal{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
.wc-img-bg{width:100%;height:185px;object-fit:cover;border-radius:9px}
.wc-preview-feed{background:#fff9ee;color:#283e30;border-radius:12px;padding:25px}
.wc-preview-feed strong{display:block;margin-bottom:8px}
.wc-preview-feed ul{padding-left:20px;margin:10px 0}
.wc-kpi{font-size:43px;font-family:Georgia,serif;color:#25432e}
.wc-metrics-bar{display:flex;align-items:end;gap:8px;height:110px;margin:25px 0}
.wc-metrics-bar span{display:block;background:#335f46;border-radius:5px 5px 0 0;flex:1;min-width:12px;position:relative}
.wc-metrics-bar span:after{content:attr(data-day);position:absolute;top:100%;left:0;color:#536856;font-size:10px;margin-top:5px}
.wc-mobile-join{display:none}
@media(max-width:960px){.wc-grid.four{grid-template-columns:repeat(2,1fr)}.wc-grid,.wc-cards-horizontal{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.wc-grid,.wc-grid.two,.wc-grid.four,.wc-cards-horizontal{grid-template-columns:1fr}.wc-page{padding:60px 0}.wc-section{padding:60px 0}.wc-hero{padding:70px 0}.wc-panel{padding:22px}.wc-btnrow{flex-direction:column}.wc-btnrow .button{width:100%}body .floating-cta{display:none}.wc-mobile-join{display:flex;position:fixed;z-index:69;bottom:0;left:0;right:0;gap:9px;padding:10px 14px;background:rgba(11,26,17,.98);border-top:1px solid #8b8b69;box-shadow:0 -5px 18px #0004}.wc-mobile-join a{min-width:0;flex:1;min-height:44px;padding:10px 8px;font-size:11px;text-align:center}.wc-mobile-join .wc-secondary{border:1px solid #e8c78b;background:transparent;color:#f0e0bd;border-radius:25px;display:grid;place-items:center;font-weight:800;text-transform:uppercase}}
@media(prefers-reduced-motion:reduce){.wc-path{transition:none}}


/* ASA contrast audit — preserve layout, improve readability across light/dark sections. */
/* Pale paper sections: gold/light text must become readable dark ink. */
.wc-section.paper .eyebrow,
.wc-section.paper .wc-topline,
.section.paper .eyebrow { color:#71512f; }
.wc-section.paper .wc-muted,
.wc-section.paper .wc-subtle,
.wc-page .wc-muted,
.wc-page .wc-subtle,
.section.paper .wc-muted,
.section.paper .wc-subtle,
.wc-panel .wc-muted,
.wc-panel .wc-subtle { color:#405645; }
/* Dark sections: body copy, small labels, and community notes need cream text. */
.wc-section.night .wc-lede,
.wc-section.night .wc-muted,
.wc-section.night .wc-subtle,
.wc-section.night .wc-note,
.section.dark .wc-lede,
.section.dark .wc-muted,
.section.dark .wc-subtle,
.wc-hero .wc-muted,
.wc-hero .wc-subtle { color:#dce6d4; }
.wc-section.night .wc-tag,
.wc-section.night .wc-panel .wc-tag { color:#ead1aa; }
.wc-section.night .wc-photo-credit { color:#dce6d4; }
/* Form panels are cream, including when placed inside a dark section. */
.wc-mini-form { color:#203629; }
.wc-section.night .wc-mini-form .wc-muted,
.wc-section.night .wc-mini-form .wc-subtle { color:#405645; }
.wc-section.night .wc-mini-form .wc-tag,
.wc-section.night .wc-mini-form .eyebrow { color:#71512f; }
.wc-steps li { color:#25362a; }
/* Ghost buttons stay visible on light paper, including hover/focus. */
.wc-section.paper .button.ghost,
.section.paper .button.ghost { color:#193125;border-color:#576d56; }
.wc-section.paper .button.ghost:hover,
.wc-section.paper .button.ghost:focus-visible,
.section.paper .button.ghost:hover,
.section.paper .button.ghost:focus-visible { color:#fff7e7;background:#193125;border-color:#193125; }
/* Footer links and image credits are small, so use AA-compliant contrasts. */
.footer .wc-subtle,
.footer .wc-muted { color:#dce6d4; }
.wc-photo-credit { color:#405645; }

/* Original Wild Circle homepage contrast correction (2026-10-30).
   Scoped to the preserved /site-preview.html homepage, not the public placeholder. */
/* Cards in a pale section have dark-green backgrounds: inherited dark ink
   previously made their titles almost indistinguishable from the card. */
body.page-index .section.paper .feature-card {
  color:#f8efe0;
}
body.page-index .section.paper .feature-card h3 {
  color:#fff5e7;
}
/* Workshop and social cards are cream. They must use dark text throughout. */
body.page-index .card-media,
body.page-index .card-media .card-body,
body.page-index .card-media .card-body h3,
body.page-index .card-media .tag,
body.page-index .card-media .inline-arrow {
  color:#23382b;
}
/* The Field Notes teaser is pale beige, so golden italic headlines need
   a much deeper copper to remain legible. */
body.page-index .home-notes h2 .italic {
  color:#774b29;
}
/* Support optional italic accents on pale paper elsewhere on the homepage. */
body.page-index .section.paper .italic,
body.page-index .wc-section.paper .italic,
body.page-index .final-cta .italic {
  color:#774b29;
}
/* Keep small tags on the dark hero and photo panels crisp. */
body.page-index .hero .eyebrow,
body.page-index .events-band .eyebrow {
  color:#ffe0ab;
}