.guide-cards { display: grid; grid-template-columns: 1fr; gap: 16px; margin: 0; padding: 0; list-style: none; }
.guide-cards .guide-card { background-color: #FFFDF6; border: 1px solid #E2D9BF; border-radius: 10px; padding: 22px 20px 18px; position: relative; box-shadow: 0 2px 0 rgba(32, 36, 31, 0.05); }
.guide-cards .guide-card:hover { box-shadow: 0 6px 18px rgba(14, 59, 44, 0.14); }
.guide-cards .guide-card .card-pip { position: absolute; top: 12px; right: 14px; font-size: 20px; color: #20241F; }
.guide-cards .guide-card .card-pip.pip-red { color: #B3402E; }
.guide-cards .guide-card h3 { padding-right: 26px; }
.guide-cards .guide-card p { font-size: 14px; color: #5D6357; margin: 0 0 12px; }
.guide-cards .guide-card .card-link { font-size: 14px; font-weight: 700; color: #0E3B2C; text-decoration: none; }
.guide-cards .guide-card .card-link:hover { text-decoration: underline; }
.section > .content-width > .table-scroll { overflow-x: auto; margin: 24px 0 18px; }
.section > .content-width > .table-scroll table { border-collapse: collapse; width: 100%; font-size: 15px; background-color: #FFFDF6; border: 1px solid #E2D9BF; }
.section > .content-width > .table-scroll table th { background-color: #0E3B2C; color: #F6F1E3; text-align: left; padding: 10px 14px; font-size: 13px; text-transform: uppercase; letter-spacing: 1px; }
.section > .content-width > .table-scroll table td { padding: 11px 14px; border-bottom: 1px solid #E2D9BF; }
.section > .content-width > .table-scroll table tbody tr:nth-child(even) { background-color: #FBF8EE; }
@media (min-width: 768px) {
	.guide-cards { grid-template-columns: 1fr 1fr; }
}
@media (min-width: 1024px) {
	.guide-cards { grid-template-columns: repeat(3, 1fr); }
}