/* =========================================================================
   cye-additions.css — the ONE extension file for cye-design-system.css.
   Loaded after the design system on cye tool templates (see cye-tools-functions.php).
   Every block here must be reusable by other tools, use tokens only, and say why
   no existing component could do the job. Append new blocks; never fork per page.
   ========================================================================= */

/* ===================================================================
   PROSE — editorial content below a tool (reuse by every cye tool page)
   Why: the design system styles components (cards, tables, FAQ) but has no
   rules for long-form p / ul / ol / h2 / h3 — content pasted from the editor
   would inherit bare theme spacing. Scoped to .cye-prose so nothing else moves.
   =================================================================== */
.cye-prose{max-width:820px;margin:0 auto;color:var(--ink-2);font-size:1.02rem;line-height:1.75}
/* direct children only: components (.ex-card, .faq-list, tables) keep their own typography */
.cye-prose > h2{font-size:clamp(1.35rem,2.6vw,1.8rem);margin:2.2em 0 .55em}
.cye-prose > h3{font-size:1.12rem;margin:1.7em 0 .45em}
.cye-prose > h2:first-child,.cye-prose > h3:first-child{margin-top:0}
.cye-prose > p{margin:0 0 1.05em}
.cye-prose > ul,.cye-prose > ol{margin:0 0 1.2em;padding-left:1.35em}
.cye-prose > ul > li,.cye-prose > ol > li{margin:.35em 0}
.cye-prose > ul > li::marker,.cye-prose > ol > li::marker{color:var(--brand)}
.cye-prose strong{color:var(--ink)}
.cye-prose p a,.cye-prose li a,.cye-prose td a{color:var(--brand-d);font-weight:600;text-decoration:underline;text-decoration-color:rgba(5,150,105,.35);text-underline-offset:3px}
.cye-prose p a:hover,.cye-prose li a:hover,.cye-prose td a:hover{color:var(--brand);text-decoration-color:currentColor}
.cye-prose > .density-link-table{margin:.4em 0 1.6em}
.cye-prose > .faq-list,.cye-prose > .examples-grid{margin:1em 0 1.8em;max-width:none}
@media (max-width:560px){
  .cye-prose{font-size:.98rem}
  .cye-prose .density-link-table th,.cye-prose .density-link-table td{padding:9px 10px}
}

/* Copy-link feedback without a toast component: the button carries data-done */
.share button[data-done]{border-color:var(--brand);color:var(--brand-d);background:rgba(16,185,129,.08)}

/* ===================================================================
   RESULT CARD SPACING — (reuse by every cye tool that puts .subtype-cta in .preview-card)
   Why: .subtype-cta has margin:12px 18px 0 and .share / .warn have no top spacing,
   so the action buttons sat flush against the CTA box (seen 2026-09-26, acre-feet tool).
   Only the gap after the CTA changes; kpi-grid -> share spacing elsewhere is untouched.
   =================================================================== */
.preview-card > .subtype-cta{margin-bottom:14px}

/* ===================================================================
   HIDDEN ATTRIBUTE — (reuse by every cye tool that toggles optional blocks with [hidden])
   Why: components such as .cost-card set display:flex, which beats the browser's
   default [hidden]{display:none}, so a hidden cost card still showed (seen 2026-09-26,
   acres tool). JS keeps toggling the standard hidden attribute; this makes it win.
   =================================================================== */
.cye-app [hidden]{display:none !important}