/*
 * Loan product guide pages (loan-product-guide.blade.php).
 * Loaded after personal-loan.css; only adds what those pages need beyond the
 * Personal Loan layout. personal-loan.css itself stays unchanged.
 */

/* Types grid: personal-loan.css is laid out for five cards (3 + 2 centred). */
.pl-types-n4 .pl-type { grid-column: span 3; }
.pl-types-n6 .pl-type,
.pl-types-n6 .pl-type:nth-child(4) { grid-column: span 2; }
.pl-types-n3 .pl-type { grid-column: span 2; }

@media (max-width: 991px) {
    .pl-types-n4 .pl-type,
    .pl-types-n6 .pl-type,
    .pl-types-n6 .pl-type:nth-child(4),
    .pl-types-n4 .pl-type:last-child,
    .pl-types-n6 .pl-type:last-child { grid-column: auto; }
    .pl-types-n3 .pl-type:last-child { grid-column: 1 / -1; }
}
@media (max-width: 767px) {
    .pl-types-n3 .pl-type:last-child { grid-column: auto; }
}

/* Two source notes in a row sit closer together */
.pl-source + .pl-source { margin-top: 14px; }

/* Source line under a comparison card or charges list */
.pl-card .pl-fine a { font-weight: 600; }