/* CMMC self-assessment kit pages: additions that sit on top of /css/hipaa-evidence-binder-kit.css (staged 2026-11-05).
   Uses the same colors and spacing as the HIPAA kit pages. */

/* Staging placeholder marker. Remove every marked item before go-live; the release check fails while any remain. */
.owner-todo { background: #fff3b0; border: 1px dashed #856800; border-radius: 4px; padding: 0 0.3rem; color: #3d3000; font-weight: 600; }

/* Tier groups on the sales page */
.tier-group { margin-top: 3.5rem; }
.tier-group:first-of-type { margin-top: 2.5rem; }
.tier-group > h3 { color: var(--navy); font-size: 1.35rem; margin-bottom: 0.35rem; }
.tier-group > p { color: var(--text-light); max-width: 760px; line-height: 1.7; }
.tier-group .pricing-grid { margin-top: 1.5rem; }
.pricing-card .tier-for { color: var(--text-light); font-size: 0.9rem; line-height: 1.6; margin-bottom: 1rem; }
.pricing-card .tier-delivery { color: var(--text); font-size: 0.88rem; line-height: 1.55; margin: 0 0 1.25rem; padding: 0.75rem 0.9rem; background: var(--light-gray); border-radius: 8px; }
.pricing-card .tier-delivery strong { color: var(--navy); }
.pricing-card .price-note { color: var(--text-light); font-size: 0.85rem; margin: -0.75rem 0 1.25rem; }
.pricing-card .btn-outline-dark { display: block; text-align: center; margin-top: 0.6rem; color: var(--navy); font-weight: 600; font-size: 0.9rem; text-decoration: underline; }
.pricing-card .btn-primary { margin-top: 0.25rem; }
.pricing-card .tier-spacer { flex: 1; }

/* Delivery and comparison tables reuse .ex-table; add a highlight column for Adams Cloud */
.ex-table td.col-us, .ex-table th.col-us { background: #fdf6dc; font-weight: 600; color: var(--navy); }
.ex-table th.col-us { background: #D4A600; color: #1F3864; }
.ex-table th.row-head, .ex-table td.row-head { font-weight: 700; color: var(--navy); background: #f4f6f9; }
.table-note { color: var(--text-light); font-size: 0.88rem; line-height: 1.6; max-width: 820px; margin-top: 0.5rem; }

/* Strong disclaimer */
.disclaimer-strong { max-width: 900px; background: #fff; border: 2px solid var(--navy); border-left: 8px solid var(--gold); border-radius: 10px; padding: 1.75rem 2rem; margin-top: 1.5rem; }
.disclaimer-strong h3 { color: var(--navy); font-size: 1.15rem; margin-bottom: 0.75rem; }
.disclaimer-strong p { color: var(--text); font-size: 0.97rem; line-height: 1.7; margin-bottom: 0.85rem; }
.disclaimer-strong p:last-child { margin-bottom: 0; }

/* Satisfaction promise block */
.promise-box { max-width: 820px; background: var(--white); border: 1px solid var(--border); border-top: 4px solid var(--gold); border-radius: 12px; padding: 1.75rem 2rem; margin-top: 1.5rem; }
.promise-box p { color: var(--text); line-height: 1.7; margin-bottom: 0.85rem; }
.promise-box p:last-child { margin-bottom: 0; }

/* Screenshot slots on the example page */
.screenshot-slot { border: 2px dashed #94a3b8; border-radius: 10px; background: #f8fafc; color: #475569; text-align: center; padding: 3rem 1.5rem; margin: 1.25rem 0 1.75rem; font-size: 0.95rem; line-height: 1.6; }
.screenshot-slot strong { display: block; color: var(--navy); margin-bottom: 0.35rem; }
.sample-box { background: var(--white); border: 1px solid var(--border); border-left: 4px solid var(--gold); border-radius: 8px; padding: 1.1rem 1.4rem; margin: 1rem 0 1.5rem; }
.sample-box p { margin-bottom: 0.6rem; color: var(--text); line-height: 1.65; }
.sample-box p:last-child { margin-bottom: 0; }
.sample-box .sample-label { font-size: 0.75rem; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: #856800; display: block; }

/* Intake form additions */
.lf-checks { display: grid; gap: 0.45rem; margin: 0.25rem 0 1rem; }
.lf-checks label { display: flex; gap: 0.6rem; align-items: flex-start; font-size: 0.93rem; line-height: 1.5; cursor: pointer; }
.lf-checks input { margin-top: 0.3rem; width: 1.05rem; height: 1.05rem; accent-color: var(--navy); flex: 0 0 auto; }
.lf-group .lf-help { color: var(--text-light); font-size: 0.85rem; line-height: 1.55; margin: -0.25rem 0 0.75rem; }
.lf-field.lf-wide { grid-column: 1 / -1; }
.lf-warning { background: #fef3c7; border-left: 4px solid var(--gold); border-radius: 4px; padding: 0.75rem 1rem; font-size: 0.92rem; line-height: 1.6; margin-bottom: 1.25rem; color: var(--text); }
.pay-after { max-width: 760px; margin: 2rem auto 0; background: var(--white); border: 1px solid var(--border); border-top: 4px solid var(--gold); border-radius: 12px; padding: 1.75rem 2rem; text-align: center; }
.pay-after h3 { color: var(--navy); margin-bottom: 0.5rem; }
.pay-after p { color: var(--text-light); line-height: 1.65; margin-bottom: 1rem; }
.pay-after .cta-btns .btn-outline { color: var(--navy); border-color: var(--navy); }

@media (max-width: 768px) {
  .disclaimer-strong, .promise-box, .pay-after { padding: 1.25rem 1.1rem; }
  .lf-field.lf-wide { grid-column: auto; }
}

[hidden] { display: none !important; }