/* Feature pages share the blog's paper, typography and reading width. */
.editorial .feature-icon { display: grid; place-items: center; width: 76px; height: 76px; background: #e8efdf; border-radius: 22px; margin-bottom: 1.2rem; }
.editorial .feature-icon img { width: 54px; height: 54px; object-fit: contain; }
.editorial .feature-tag { color: #536c53 !important; font-size: .72rem; margin-bottom: 0; }
.editorial .feature-subtitle { font-size: 1.1rem; line-height: 1.8; opacity: 1; border-color: #dce1d2; padding-bottom: 1.75rem; }
.feature-jumps { display: flex; gap: .5rem; flex-wrap: wrap; margin: 0 0 2rem; }
.feature-jumps a, .feature-related a { display: inline-flex; align-items: center; min-height: 44px; border: 1px solid #cad7c1; border-radius: 30px; padding: .65rem 1rem; font-size: .82rem; font-weight: 600; text-decoration: none; }
.feature-jumps a:hover, .feature-related a:hover { background: #e8efdf; }
.editorial .steps-grid { gap: 1rem; }
.editorial .step-card { border-radius: 20px; background: #edf1e5; border: 1px solid #dce3d1; padding: 1.5rem; }
.editorial .step-card:nth-child(2n) { background: #f3ecdc; border-color: #e4dac4; }
.editorial .step-num { color: #526b48; font-size: .7rem; letter-spacing: .1em; margin-bottom: .8rem; }
.editorial .step-title { color: #243f35; font-size: 1.1rem; line-height: 1.4; margin-bottom: .6rem; }
.editorial .step-desc { color: #52655a; opacity: 1; font-size: .9rem; line-height: 1.8; }
.editorial .feature-body ul { padding-left: 0; }
.editorial .feature-body ul li::before { color: #466d43; }
.editorial .feature-container .faq-item { padding: 0; border: 1px solid #d4deca; margin-bottom: .75rem; background: #f0f3e9; }
.feature-container .faq-item summary { padding: 1.2rem; cursor: pointer; font-weight: 600; font-size: .95rem; line-height: 1.6; }
.editorial .feature-container .faq-item p { margin: 0; padding: 0 1.2rem 1.2rem; font-size: .95rem; }
.feature-related { border-top: 1px solid #dce1d2; margin-top: 3rem; padding-top: 1.7rem; }
.feature-related h2 { font: 500 1.6rem 'Playfair Display', Georgia, serif; margin-bottom: 1rem; }
.feature-related div { display: flex; flex-wrap: wrap; gap: .6rem; }
.editorial .feature-cta h3 { font-family: 'Playfair Display', Georgia, serif; font-size: 1.8rem; font-weight: 500; line-height: 1.4; margin-bottom: 1rem; }
.editorial .feature-cta .cta-sub { opacity: 1; }
.editorial .feature-footer { border-color: #d7dfce; opacity: 1; }
@media (max-width: 580px) {
    .editorial .feature-container { padding-top: 30px; }
    .editorial .feature-cta { padding: 1.5rem; }
    .editorial .feature-cta h3 { font-size: 1.5rem; }
    .feature-jumps a { padding: .55rem .8rem; }
}