/* Page-specific rules for /features/. Shared tokens/components/nav-override
   live in theme-2026.css, loaded first. Values below intentionally match
   this page's own mockup file exactly (72px sections, 13px/24px buttons,
   matching the plans mockup rather than home/contact). */
.t26 .sec { padding: 72px 0; }
.t26 .btn { padding: 13px 24px; }

.t26 .phead { display: flex; align-items: center; gap: 14px; }
.t26 .phead .ic { flex: none; }
.t26 .phead-title { font-weight: 700; font-size: 24px; }

.t26 .fgrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 30px; }
.t26 .fitem { background: #fff; border: 1px solid rgba(23,31,33,.12); border-radius: 14px; padding: 22px; text-align: center; }
.t26 .fitem.linked { display: block; text-decoration: none; color: inherit; transition: box-shadow .15s ease-in-out, transform .15s ease-in-out; }
.t26 .fitem.linked:hover { box-shadow: 0 10px 24px rgba(23,31,33,.1); transform: translateY(-2px); }
.t26 .fitem .ic { margin: 0 auto; }
.t26 .fitem__title { font-weight: 600; margin-top: 12px; }
.t26 .fitem p { font-size: 14px; margin-top: 4px; }

.t26.features-page .ic { width: 46px; height: 46px; border-radius: 12px; font-size: 24px; }
.t26.features-page .explore-cta,
.t26 .explore-cta { margin-top: 28px; text-align: center; }

.t26 .essentials-grid { margin-top: 34px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; text-align: center; }
.t26 .essentials-grid .ic { margin: 0 auto; }
.t26 .essentials-grid__title { font-weight: 600; margin-top: 12px; }
.t26 .essentials-grid p { font-size: 13px; margin-top: 4px; }

@media (max-width: 900px) {
	.t26 .fgrid { grid-template-columns: repeat(2, 1fr); }
	.t26 .essentials-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px) {
	.t26 .fgrid { grid-template-columns: 1fr; }
	.t26 .essentials-grid { grid-template-columns: 1fr; }
}