/* compare.html: Kingdom52 next to donor management tools and course platforms (Oct 26, 2026) */
.cmp-sec .rd-sec-head p{max-width:560px}
.cmp-legend{list-style:none;display:flex;flex-wrap:wrap;gap:8px 22px;margin:0 0 12px;padding:0;font-size:13.5px;color:var(--ink-soft)}
.cmp-legend li{display:flex;align-items:center;gap:7px}
.cmp-hint{display:none;margin:0 0 8px;font-size:12.5px;color:var(--faint)}
.cmp-frame{position:relative;max-width:100%;border:1px solid var(--line);border-radius:var(--r);background:#fff;box-shadow:var(--shadow)}
.cmp-frame::after{content:"";position:absolute;top:0;right:0;bottom:0;width:44px;border-radius:0 var(--r) var(--r) 0;background:linear-gradient(to right,rgba(255,255,255,0),#fff 85%);pointer-events:none;opacity:0;transition:opacity .2s}
.cmp-frame.is-scrollable::after{opacity:1}
.cmp-frame.is-scrollable.is-end::after{opacity:0}
.cmp-scroll{position:relative;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--r);overscroll-behavior-x:contain}
.cmp-scroll:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:2px}
.cmp-table{border-collapse:separate;border-spacing:0;font-size:13.5px;line-height:1.4;width:100%}
.cmp-table th,.cmp-table td{padding:10px 12px;border-bottom:1px solid var(--line-soft);border-right:1px solid var(--line-soft);vertical-align:top;text-align:left;min-width:150px;max-width:210px}
.cmp-table thead th{vertical-align:bottom;background:var(--paper);border-bottom:1px solid var(--line);color:var(--ink)}
.cmp-table .cmp-lab{position:sticky;left:0;z-index:2;background:#fff;min-width:170px;max-width:200px;font:600 13.5px/1.35 var(--f-body);color:var(--ink);box-shadow:1px 0 0 var(--line)}
.cmp-table thead .cmp-lab{background:var(--paper);z-index:3;font-weight:600;font-size:12.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--faint)}
.cmp-table .cmp-lab small{display:block;font-weight:400;color:var(--faint);font-size:12px}
.cmp-table thead th.cmp-k52{background:var(--navy);color:#fff;border-bottom-color:var(--navy)}
.cmp-table td.cmp-k52{background:#E9F6F3}
.cmp-table tr.cmp-top td.cmp-k52{background:#DDF0EB}
.cmp-table tr.cmp-top th,.cmp-table tr.cmp-top td{background:#FAFBFC}
.cmp-table tr.cmp-top th.cmp-lab{background:#FAFBFC}
.cmp-table tbody tr:last-child th,.cmp-table tbody tr:last-child td{border-bottom:0}
.cmp-cn{display:block;font:700 15px/1.25 var(--f-head)}
.cmp-tn{display:block;font-size:12px;font-weight:500;color:var(--ink-soft);margin-top:2px}
.cmp-k52 .cmp-tn{color:var(--accent-on-navy)}
.cmp-tv{font-weight:500;color:var(--ink)}
.cmp-big{display:block;font:700 17px/1.2 var(--f-head);color:var(--ink);margin-top:4px}
.cmp-table small{display:block;font-size:12px;line-height:1.35;color:var(--ink-soft);margin-top:4px}
.cmp-us-link{color:var(--accent);font-weight:700}
.cmp-ic{display:inline-block;vertical-align:middle;flex:none}
svg.cmp-y{width:20px;height:20px;fill:none;stroke:var(--accent);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.cmp-p{width:16px;height:16px;margin:2px;border-radius:50%;border:2px solid var(--accent);background:linear-gradient(90deg,var(--accent) 50%,#fff 50%)}
.cmp-n{width:14px;height:2.5px;margin:9px 3px;border-radius:2px;background:#A9B0BC}
.cmp-ns{display:inline-block;font-size:11.5px;font-weight:500;color:#7E8696;background:#F3F4F7;border-radius:4px;padding:1px 6px}
.cmp-tog{display:block;margin-top:8px;font:600 12px/1.2 var(--f-body);color:var(--accent);background:#fff;border:1.5px solid var(--accent);border-radius:var(--pill);padding:5px 10px;cursor:pointer;white-space:nowrap}
.cmp-tog:hover{background:var(--accent-soft)}
.cmp-tog[aria-expanded="true"]{background:var(--accent);color:#fff}
.cmp-tog:focus-visible,.cmp-close:focus-visible,.cmp-panel:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:2px}
.cmp-tog-close{display:none}
.cmp-tog[aria-expanded="true"] .cmp-tog-open{display:none}
.cmp-tog[aria-expanded="true"] .cmp-tog-close{display:inline}
html:not(.js) .cmp-tog,html:not(.js) .cmp-close{display:none}
.cmp-panels{margin-top:16px}
html.js .cmp-panel:not(.is-open){display:none}
.cmp-panel{border:1px solid var(--line);border-radius:var(--r-lg);background:#fff;padding:18px 18px 8px;margin:0 0 16px;scroll-margin-top:90px}
.cmp-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
.cmp-panel-head h3{margin:0}
.cmp-close{flex:none;font:600 13px/1 var(--f-body);color:var(--ink);background:var(--chip);border:1px solid var(--line);border-radius:var(--pill);padding:8px 14px;cursor:pointer}
.cmp-close:hover{background:var(--hover)}
.cmp-panel .cmp-frame{box-shadow:none}
.cmp-h4{font:700 15px/1.3 var(--f-head);margin:18px 0 8px;color:var(--ink)}
.cmp-bands{max-width:520px;border:1px solid var(--line);border-radius:var(--r-sm);overflow:hidden}
.cmp-band-table{width:100%;border-collapse:collapse;font-size:13.5px}
.cmp-band-table th,.cmp-band-table td{padding:7px 12px;border-bottom:1px solid var(--line-soft);text-align:left}
.cmp-band-table th{font-weight:600}
.cmp-band-table tr:last-child th,.cmp-band-table tr:last-child td{border-bottom:0}
.cmp-note,.cmp-notes{font-size:13px;color:var(--ink-soft)}
.cmp-notes{padding-left:18px;margin:0}
.cmp-notes li{margin:4px 0}
.cmp-src{font-size:13px;margin:14px 0 10px}
.cmp-src a{color:var(--accent);font-weight:600}
.cmp-foot-sec{padding-top:8px!important;padding-bottom:8px!important}
.cmp-foot{margin:0}
@media (max-width:760px){
  .cmp-hint{display:block}
  .cmp-table th,.cmp-table td{min-width:136px;padding:9px 10px;font-size:13px}
  .cmp-table .cmp-lab{min-width:112px;max-width:124px;font-size:12.5px}
  .cmp-panel{padding:14px 12px 6px}
  .cmp-panel-head{flex-direction:column}
}
@media (max-width:360px){
  .cmp-table th,.cmp-table td{min-width:124px}
  .cmp-table .cmp-lab{min-width:98px;max-width:106px}
}
.cmp-picked{margin:10px 0 0;color:var(--ink-soft);line-height:1.45}
.cmp-picked small{font-size:12.5px}
.cmp-na{color:#7E8696;font-weight:400}