/* 2. Soft Cards */
.nrfaq-tpl-soft-cards { max-width: 780px; margin-left: auto; margin-right: auto; }
.nrfaq-tpl-soft-cards .nrfaq-title { text-align: center; margin-bottom: .25em; }
.nrfaq-tpl-soft-cards .nrfaq-title + .nrfaq-list { margin-top: 1.25em; }
.nrfaq-tpl-soft-cards .nrfaq-sub { text-align: center; margin-bottom: 1.75em; }
.nrfaq-tpl-soft-cards .nrfaq-item { background: #fff; border: 1px solid #e8eaf0; border-radius: 14px; margin-bottom: 14px; box-shadow: 0 2px 8px rgba(17,24,39,.04); transition: box-shadow .2s, border-color .2s; }
.nrfaq-tpl-soft-cards .nrfaq-item:hover { box-shadow: 0 8px 24px rgba(17,24,39,.08); }
.nrfaq-tpl-soft-cards .nrfaq-item.is-open { border-color: color-mix(in srgb, var(--nrfaq-accent) 40%, #fff); box-shadow: 0 10px 30px color-mix(in srgb, var(--nrfaq-accent) 14%, transparent); }
.nrfaq-tpl-soft-cards .nrfaq-q { padding: 20px 22px; font-size: 1.0625em; }
.nrfaq-tpl-soft-cards .nrfaq-pm { position: relative; width: 30px; height: 30px; border-radius: 50%; background: #f1f4fb; flex: none; transition: background .2s; }
.nrfaq-tpl-soft-cards .nrfaq-pm::before, .nrfaq-tpl-soft-cards .nrfaq-pm::after { content: ""; position: absolute; left: 50%; top: 50%; width: 12px; height: 2px; background: #374151; transform: translate(-50%,-50%); transition: transform .25s, background .2s; }
.nrfaq-tpl-soft-cards .nrfaq-pm::after { transform: translate(-50%,-50%) rotate(90deg); }
.nrfaq-tpl-soft-cards .is-open .nrfaq-pm { background: var(--nrfaq-accent); }
.nrfaq-tpl-soft-cards .is-open .nrfaq-pm::before, .nrfaq-tpl-soft-cards .is-open .nrfaq-pm::after { background: #fff; }
.nrfaq-tpl-soft-cards .is-open .nrfaq-pm::after { transform: translate(-50%,-50%) rotate(0); }
.nrfaq-tpl-soft-cards .nrfaq-a-inner { padding: 0 22px 20px; }
@media (max-width: 600px) { .nrfaq-tpl-soft-cards .nrfaq-q { padding: 18px 16px; } .nrfaq-tpl-soft-cards .nrfaq-a-inner { padding: 0 16px 18px; } }
