/* Grade House Points — short items set out like tech-pack fields:
 * a graphite rule, a title, a line or two of text. */

.gh .pts__list { display: grid; gap: 40px clamp(24px, 3vw, 48px); }
.gh .pts__list--grid3 { grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }
.gh .pts__list--grid2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.gh .pts__list--list { grid-template-columns: minmax(0, 1fr); gap: 0; }

.gh .pts__item { padding-top: 20px; border-top: 1px solid var(--gh-ink); }
.gh .pts__t { font: 600 20px/1.3 var(--gh-sans); letter-spacing: -.01em; color: var(--gh-ink); }
.gh .pts__p { margin-top: 10px; font-size: 16px; line-height: 1.6; color: var(--gh-muted); max-width: 52ch; }

.gh .pts__list--list .pts__item { display: grid; grid-template-columns: 35% minmax(0, 1fr); gap: 32px; padding: 24px 0; }
.gh .pts__list--list .pts__item:last-child { border-bottom: 1px solid var(--gh-ink); }
.gh .pts__list--list .pts__p { margin-top: 0; }

.gh.points.tone-card .pts__item { border-top-color: var(--gh-card-line); }
.gh.points.tone-card .pts__p { color: var(--gh-text); }
.gh.points.tone-ink .pts__item { border-top-color: rgba(255, 255, 255, .4); }
.gh.points.tone-ink .pts__t { color: #fff; }
.gh.points.tone-ink .pts__p { color: #B5B8BD; }

.gh .pts__btns { margin-top: clamp(36px, 4vw, 56px); }

@media (max-width: 767px) {
	.gh .pts__list { gap: 28px; }
	.gh .pts__list--grid2 { grid-template-columns: minmax(0, 1fr); }
	.gh .pts__list--list .pts__item { grid-template-columns: minmax(0, 1fr); gap: 8px; padding: 20px 0; }
	.gh .pts__t { font-size: 18px; }
}