.fx-page { width: 100%; max-width: 960px; margin: 0 auto; padding: 48px 20px 72px; box-sizing: border-box; font-family: 'Roboto', sans-serif; color: #111; }
.fx-title { color: #111; font-size: 48px; line-height: 1.05; font-weight: 900; text-transform: uppercase; margin: 0 0 12px; }
.fx-lede { font-size: 18px; line-height: 1.5; margin: 0 0 40px; max-width: 640px; }
.fx-lede .fx-mark { background: #F5C518; color: #111; font-size: inherit; font-weight: 700; padding: 0 4px; -webkit-box-decoration-break: clone; box-decoration-break: clone; }
.fx-group { padding: 28px 0; border-top: 6px solid #111; scroll-margin-top: 80px; }
.fx-group h2 { color: #111; font-size: 26px; font-weight: 900; text-transform: uppercase; margin: 0 0 16px; }
.fx-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 32px; }
.fx-list h3 { font-size: 17px; font-weight: 700; margin: 0 0 4px; display: flex; align-items: center; gap: 8px; }
.fx-list p { font-size: 15px; line-height: 1.5; margin: 0; color: #444; }
.fx-page a { font-weight: 700; color: #111 !important; text-decoration: underline; text-decoration-color: #F5C518; text-decoration-thickness: 2px; text-underline-offset: 3px; }
.fx-pro { font-family: 'Roboto Mono', monospace; font-size: 10px; letter-spacing: .08em; padding: 2px 6px; background: #F5C518; color: #111; }
@media (max-width: 700px) { .fx-title { font-size: 32px; } .fx-list { grid-template-columns: minmax(0, 1fr); } }