/* ── Visual-parity overrides vs production (2026-07-30, computed-style diff @1366px) ── */
/* 6 feature subtitles: production is 16px / margin-top 0 (staging built them 15px / mt 8px) */
@media (min-width:1024px){
[data-id="17a2586"] p,[data-id="edec907"] p,[data-id="2c89cb2"] p,[data-id="3e116cd"] p,[data-id="593f5d0"] p,[data-id="5817736"] p{font-size:16px !important;margin-top:0 !important;}
}
/* CORRECTION (2026-08-09): this hidden sub-list only ever appears once the
   card has switched to its light-gray "open" state (see the accordion block
   below) — production shows it in NAVY, not white. The original "white on
   coral" assumption was wrong (that panel is never visible while coral). */
[data-id="b07d2c6"] p,[data-id="b07d2c6"] p strong,[data-id="bfaceec"] p,[data-id="bfaceec"] p strong,[data-id="5d89a0e"] p,[data-id="5d89a0e"] p strong,[data-id="6e4f2c3"] p,[data-id="6e4f2c3"] p strong,[data-id="109f89c"] p,[data-id="109f89c"] p strong,[data-id="075a2d8"] p,[data-id="075a2d8"] p strong{color:#1C3343 !important;}
[data-id="b07d2c6"] p,[data-id="bfaceec"] p,[data-id="5d89a0e"] p,[data-id="6e4f2c3"] p,[data-id="109f89c"] p,[data-id="075a2d8"] p{margin-top:20px !important;margin-bottom:20px !important;}
/* card description links render invisible: default <a> color inherits the same coral as the card bg it sits on. Production shows them white+underlined. */
[data-id="17a2586"] a,[data-id="edec907"] a,[data-id="2c89cb2"] a,[data-id="3e116cd"] a,[data-id="593f5d0"] a,[data-id="5817736"] a{color:#FFFFFF !important;text-decoration:underline !important;text-underline-offset:2px;}

/* Hero image (2026-08-09): re-added — production DOES show this photo, an
   earlier pass wrongly removed it after a screenshot taken without waiting
   for lazy-load made it look absent. Sized off production's post-thumbnail
   markup (width=400 height=275 HTML attrs, rounded-lg wrapper, mt-6 md:mt-0).
   Selector targets the actual <img>, not the widget wrapper div — see the
   subpage hero-image bug fixed earlier the same day for why that matters. */
[data-id="h3r01mg"]{overflow:hidden !important;border-radius:8px !important;margin-top:24px !important;}
[data-id="h3r01mg"] img{width:400px !important;height:auto !important;max-width:100% !important;border-radius:8px !important;}
@media (min-width:1024px){
[data-id="h3r01mg"]{margin-top:0px !important;}
}

/* Feature-card accordion interaction (2026-08-09): the "+" icon was purely
   decorative — no click handler existed at all. Production's toggleAccordion()
   adds an "open" class that swaps the card from coral/white-text to
   #F3F4F6-bg/#1C3343-text and reveals a sub-list + CTA row (confirmed by
   reading production's compiled CSS: `.accordion-item.open{background:#F3F4F6
   ...color:#1C3343}`). Only the collapsed base state lives in CSS — the
   open/close color+height swap is driven entirely by inline styles from JS
   in functions.php (gated to is_page(1258)); a `.wize-card-open`-scoped CSS
   class approach was tried first and never took visual effect on this page
   even with the class verifiably present (same cascade oddity as the
   invisible-card-link bug fixed earlier the same day) — not worth chasing
   further given the inline-style approach works reliably. */
[data-id="d8c01c0"],[data-id="3b0ce2e"],[data-id="0b96247"],[data-id="7b502c5"],[data-id="8cd6d47"],[data-id="0a98937"]{max-height:0 !important;overflow:hidden !important;transition:max-height .3s ease-in-out !important;border-top:2px solid #E5E7EB !important;margin-top:8px !important;padding-top:8px !important;}
[data-id="4f4ade3"],[data-id="f285d75"],[data-id="3a213ad"],[data-id="002186e"],[data-id="03c06b5"],[data-id="2ec0ee7"]{transition:background-color .3s,border-color .3s !important;}
[data-id="380c30e"],[data-id="eeeb0da"],[data-id="d9e5912"],[data-id="17c4bf5"],[data-id="1998200"],[data-id="7ff0c61"]{transition:background-color .3s !important;}