/* Consumer Feedback & Complaints page (/consumer-feedback)
   Scoped under .cafb — inherits the theme's fonts; only layout/accents defined here. */

.cafb{--cafb-blue:#0a5ea8;--cafb-navy:#16305e;--cafb-line:#d8e2ee;--cafb-muted:#5a6b7d}

.cafb-lede{max-width:60ch;color:var(--cafb-muted)}

/* hidden radio inputs drive the tabs — no JS required */
.cafb-radio{position:absolute;opacity:0;pointer-events:none}

.cafb-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0 0}
@media(max-width:860px){.cafb-cards{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.cafb-cards{grid-template-columns:1fr}}

.cafb-card{display:block;cursor:pointer;background:#fff;border:2px solid var(--cafb-line);
  border-radius:12px;padding:20px;margin:0;font-weight:normal;
  transition:border-color .15s,box-shadow .15s}
.cafb-card:hover{border-color:var(--cafb-blue);box-shadow:0 6px 18px rgba(10,94,168,.10)}
.cafb-card strong{display:block;color:var(--cafb-navy);font-size:17px;line-height:1.3}
.cafb-num{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;
  border-radius:50%;background:#eef4fb;color:var(--cafb-blue);font-weight:700;margin-bottom:10px}
.cafb-desc{display:block;margin-top:6px;font-size:14px;color:var(--cafb-muted)}
.cafb-go{display:inline-block;margin-top:12px;font-size:13.5px;font-weight:600;color:var(--cafb-blue)}

/* active card */
#cafb-t1:checked ~ .cafb-cards label[for="cafb-t1"],
#cafb-t2:checked ~ .cafb-cards label[for="cafb-t2"],
#cafb-t3:checked ~ .cafb-cards label[for="cafb-t3"]{
  border-color:var(--cafb-blue);background:linear-gradient(180deg,#fff,#f2f8fe)}
#cafb-t1:checked ~ .cafb-cards label[for="cafb-t1"] .cafb-num,
#cafb-t2:checked ~ .cafb-cards label[for="cafb-t2"] .cafb-num,
#cafb-t3:checked ~ .cafb-cards label[for="cafb-t3"] .cafb-num{
  background:var(--cafb-blue);color:#fff}
#cafb-t1:checked ~ .cafb-cards label[for="cafb-t1"] .cafb-go::after,
#cafb-t2:checked ~ .cafb-cards label[for="cafb-t2"] .cafb-go::after,
#cafb-t3:checked ~ .cafb-cards label[for="cafb-t3"] .cafb-go::after{
  content:" \2713 selected"}

/* panels */
.cafb-panel{display:none;margin-top:24px;background:#fff;border:1px solid var(--cafb-line);
  border-radius:12px;overflow:hidden;scroll-margin-top:120px}
#cafb-t1:checked ~ #cafb-p1,
#cafb-t2:checked ~ #cafb-p2,
#cafb-t3:checked ~ #cafb-p3{display:block}

.cafb-panel-head{padding:16px 22px;border-bottom:1px solid var(--cafb-line);
  display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}
.cafb-panel-head h2{margin:0;font-size:18px;color:var(--cafb-navy)}
.cafb-panel-head span{font-size:13px;color:var(--cafb-muted)}

.cafb-panel iframe{display:block;width:100%;border:0;min-height:700px}
