.sociable-features { padding: 160px 24px 48px; }
.sociable-features article { max-width: 960px; margin: 0 auto; color: #30333a; font-size: 17px; line-height: 1.75; overflow-wrap: anywhere; }
.sociable-features h1 { font-size: clamp(28px, 4vw, 44px); line-height: 1.25; margin: 20px 0 24px; }
.sociable-features h2 { font-size: 26px; line-height: 1.4; margin: 36px 0 12px; }
.sociable-features h3 { font-size: 20px; line-height: 1.4; margin: 0 0 12px; }
.sociable-features h1, .sociable-features h2, .sociable-features h3 { text-align: start; }
.sociable-features ol { list-style: decimal; padding-inline-start: 28px; }
.sociable-features a { color: #a81139; text-decoration: underline; text-underline-offset: 3px; }
.feature-intro { font-size: 20px; }
.feature-note, .feature-download { padding: 24px; border-radius: 12px; background: #f7edf1; }
.feature-download h2 { margin-top: 0; }
.feature-store-links { display: flex; flex-wrap: wrap; gap: 12px; }
.feature-screenshot { margin: 32px auto; max-width: 520px; text-align: center; }
.feature-screenshot img { max-width: 100%; height: auto; object-fit: contain; }
.feature-screenshot figcaption { font-size: 14px; margin-top: 12px; }
.feature-guide-grid { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.feature-guide-grid li { border: 1px solid #ddd; background: #fff; border-radius: 12px; padding: 24px; }
.feature-guide-grid p { font-size: 16px; }
.feature-breadcrumb, .feature-help { display: flex; flex-wrap: wrap; gap: 12px; }
.feature-help a { min-height: 44px; display: inline-flex; align-items: center; }
.sociable-features li { margin-bottom: 8px; }
.sociable-features :focus-visible { outline: 3px solid #9c1539; outline-offset: 4px; }
html[dir="rtl"] .sociable-features ol { padding-left: 0; padding-right: 28px; }
@media (max-width: 700px) {
 .sociable-features { padding: 190px 16px 32px; }
 .feature-guide-grid { grid-template-columns: 1fr; }
 .feature-note, .feature-download, .feature-guide-grid li { padding: 18px; }
 .sociable-features h2 { font-size: 23px; }
 .feature-intro { font-size: 18px; }
}