/* apex-components.css v1 — seo-layout-v2 component styling (2026-08-15)
   Brand tint via --apex-accent / --apex-dark; defaults below, override per-theme. */
:root { --apex-dark:#1a365d; --apex-accent:#e8890b; --apex-bg:#f7f9fc; --apex-border:#dde4ee; }
.apex-summary-card { background:var(--apex-bg); border:1px solid var(--apex-border); border-left:4px solid var(--apex-accent); border-radius:0 10px 10px 0; padding:20px 24px; margin:0 0 28px; }
.apex-summary-card strong { display:block; color:var(--apex-dark); font-size:1.05rem; margin-bottom:10px; text-transform:uppercase; letter-spacing:.03em; }
.apex-summary-card ul { margin:0; padding-left:20px; }
.apex-summary-card li { margin:6px 0; line-height:1.5; }
.apex-cta-band { background:var(--apex-dark); color:#fff; border-radius:12px; padding:28px 30px; text-align:center; margin:32px 0; }
.apex-cta-band h3, .apex-cta-band strong { color:#fff; font-size:1.35rem; margin:0 0 12px; display:block; }
.apex-cta-band p { color:#fff; opacity:.92; margin:0 0 16px; }
.apex-cta-band a { display:inline-block; background:var(--apex-accent); color:#fff; padding:13px 30px; border-radius:8px; text-decoration:none; font-weight:700; font-size:1.05rem; }
.apex-cta-band a:hover { filter:brightness(1.08); color:#fff; }
.apex-faq-item { border:1px solid var(--apex-border); border-radius:8px; margin:10px 0; overflow:hidden; }
.apex-faq-item h3 { cursor:pointer; margin:0; padding:14px 44px 14px 18px; font-size:1.02rem; position:relative; background:#fff; }
.apex-faq-item h3:after { content:"+"; position:absolute; right:18px; top:50%; transform:translateY(-50%); color:var(--apex-accent); font-size:1.3rem; font-weight:700; }
.apex-faq-item.open h3:after { content:"\2212"; }
.apex-faq-item .apex-faq-a { display:none; padding:0 18px 16px; line-height:1.6; }
.apex-faq-item.open .apex-faq-a { display:block; }
.apex-callout { border:1px solid var(--apex-border); border-left:4px solid var(--apex-accent); border-radius:0 8px 8px 0; background:var(--apex-bg); padding:14px 18px; margin:20px 0; }
.apex-callout--warn { border-left-color:#c0392b; }
.apex-card-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:14px; margin:22px 0; }
.apex-card { border:1px solid var(--apex-border); border-radius:10px; background:#fff; padding:16px 18px; }
.apex-card strong { color:var(--apex-dark); display:block; margin-bottom:6px; }
.entry-content table, article table.apex-table, table.apex-table { width:100%; border-collapse:collapse; margin:22px 0; font-size:.97rem; }
.entry-content table th, table.apex-table th { background:var(--apex-dark); color:#fff; text-align:left; padding:11px 14px; }
.entry-content table td, table.apex-table td { border:1px solid var(--apex-border); padding:10px 14px; }
.entry-content table tr:nth-child(even) td { background:var(--apex-bg); }
@media (max-width:640px){ .apex-cta-band{padding:22px 16px;} .apex-summary-card{padding:16px;} }
