企业官网建设流程全解析

Section 11 用 Stackable Accordion 是可以实现FAQ结构。Stackable 官方 Accordion Block 本来就说明适合用于 FAQs，并且它在 v3.12.0 增加了Accordion FAQ Schema option，所以这次可以不用 Gutenberg Details，也不用手写 JSON-LD。(Stackable)

这次方案改成：

外层结构：Gutenberg Group 标题系统：Gutenberg Heading + Paragraph FAQ 展开折叠：Stackable Accordion FAQ Schema：Stackable Accordion 的 FAQ Schema option CTA：Gutenberg Group + Buttons

注意：不要同时再用 Rank Math FAQ Schema / Custom Schema，否则可能出现重复 FAQPage schema。

Section 11 完整 Block Edit 操作步骤

1）新增 Section 外层

组件：Gutenberg → Group

设置：

Alignment: Full width Additional CSS class(es): suga-pillar-section suga-pillar-section--11 suga-pillar-section--faq

这个 class 只用于 CSS，不会显示在前端内容里。

2）新增 Section 内层容器

在上面的 Group 里面再添加一个：

组件：Gutenberg → Group

设置：

Alignment: Full width Additional CSS class(es): suga-pillar-section__inner

3）添加橙色短线

组件：Gutenberg → Group

设置：

Additional CSS class(es): suga-pillar-kicker-line

这个 Group 保持空白。

不要用：

Separator Spacer 空段落

4）添加 H2 标题

组件：Gutenberg → Heading

内容：

Frequently Asked Questions Before Starting a Turnkey PCBA Project

设置：

Heading level: H2 Additional CSS class(es): suga-pillar-h2

这里不要手动设置左对齐。
虽然你参考图是左对齐，但你当前模板规则是normal section H2 统一居中，所以这里继续走全局居中规则。

5）添加 H2 下方说明文字

组件：Gutenberg → Paragraph

内容：

Hard objections addressed directly — no definition repetition, no generic factory FAQ.

设置：

Additional CSS class(es): suga-pillar-lead

6）添加 FAQ 外层容器

组件：Gutenberg → Group

设置：

Additional CSS class(es): suga-faq-list suga-faq-list--stackable

后面的 Stackable Accordion 都放进这个 Group 里面。

7）添加 8 个 Stackable Accordion

在.suga-faq-list里面添加：

组件：Stackable → Accordion

Stackable 官方说明 Accordion Block 用于 collapsible rows，通常用于 FAQs；它也有 Open at the Start、Close Adjacent on Open、图标设置等控制项。(Stackable)

每一个 Accordion 都这样设置

Block 设置

每个 Accordion block 都添加：

Additional CSS class(es): suga-faq-item

如果 Stackable 允许单独设置 block anchor，不需要填。

Accordion 全局行为设置

对 8 个 Accordion 统一设置：

Layout: Plain 或 Default Open at the Start: 只有 Q1 打开，Q2-Q8 关闭 Close Adjacent on Open: ON Icon when closed: + Icon when open: – Icon alignment: Right FAQ Schema: ON

关键是：

FAQ Schema: ON

如果你开启了 Stackable 的 Accordion FAQ Schema option，就不要再加 Rank Math FAQ schema。否则同一组 FAQ 可能输出两套结构化数据。

8）逐个填写 FAQ 内容

Q1

Stackable Accordion Title：

Q1 · Can you work under an NDA and protect project files?

Stackable Accordion Content：

Yes. We can sign an NDA before receiving project files and use access-controlled workflows for BOMs, Gerber files, assembly drawings, and test specs. Project data is not reused outside the scope of your project.

设置：

Open at the Start: ON FAQ Schema: ON

Q2

Title：

Q2 · Can you source approved alternates if a part is unavailable?

Content：

Yes, but substitutions are not made silently. We check lifecycle status, package compatibility, electrical requirements, manufacturer data, and your approval rules before recommending an alternate.

设置：

Open at the Start: OFF FAQ Schema: ON

Q3

Title：

Q3 · Can you follow our AVL or restricted vendor list?

Content：

Yes. You can provide an AVL, approved distributor list, or restricted vendor list with your RFQ. We use it as a sourcing control during BOM review and confirm exceptions before purchasing.

设置：

Open at the Start: OFF FAQ Schema: ON

Q4

Title：

Q4 · Can you handle mixed-technology builds (SMT + THT + connectors) in one turnkey project?

Content：

Yes. Mixed-technology builds can be reviewed as one turnkey project when the BOM, assembly drawing, placement data, soldering requirements, and inspection criteria are provided together.

设置：

Open at the Start: OFF FAQ Schema: ON

Q5

Title：

Q5 · How do you control counterfeit-risk in component sourcing?

Content：

We prioritize traceable sourcing channels, review supplier records, check part markings and packaging, and flag high-risk or obsolete components during BOM review. For sensitive parts, additional inspection or customer approval can be added.

设置：

Open at the Start: OFF FAQ Schema: ON

Q6

Title：

Q6 · Can you support partial turnkey if we supply selected parts?

Content：

Yes. You can supply selected critical parts while we manage the remaining sourcing, PCB fabrication coordination, assembly, testing, and delivery. Responsibility boundaries should be confirmed before quoting.

设置：

Open at the Start: OFF FAQ Schema: ON

Q7

Title：

Q7 · How do you handle export documentation and international shipment for turnkey orders?

Content：

For international orders, we prepare shipment documentation according to the agreed commercial terms, destination requirements, declared project scope, and packaging needs. Special compliance or importer requirements should be shared before shipment.

设置：

Open at the Start: OFF FAQ Schema: ON

Q8

Title：

Q8 · What minimum project size is practical for turnkey assembly?

Content：

Turnkey assembly is most practical when sourcing coordination, BOM risk control, PCB fabrication, assembly, and testing need to be managed together. Very small or incomplete projects may be better handled as prototype or partial turnkey after review.

设置：

Open at the Start: OFF FAQ Schema: ON

9）添加底部 CTA

这个底部 CTA 我建议继续用Gutenberg，不要用 Stackable Columns。
原因：它只是一个简单 CTA，Gutenberg Group + Buttons 更容易吃你现有全局 CSS，也不会引入 Stackable wrapper 对齐问题。

组件：Gutenberg → Group

设置：

Additional CSS class(es): suga-faq-cta

CTA 左侧文字

在.suga-faq-cta里面添加：

组件：Gutenberg → Group

设置：

Additional CSS class(es): suga-faq-cta__copy

添加 H3

组件：Gutenberg → Heading

内容：

Still have questions?

设置：

Heading level: H3 Additional CSS class(es): suga-faq-cta__title

添加说明文字

组件：Gutenberg → Paragraph

内容：

Talk to our engineering team directly — or skip ahead and request a quote.

设置：

Additional CSS class(es): suga-faq-cta__text

CTA 右侧按钮

在.suga-faq-cta里面添加：

组件：Gutenberg → Buttons

设置：

Additional CSS class(es): suga-faq-cta__actions

第一个按钮

文字：

Contact Engineering

按钮 class：

suga-faq-cta__button suga-faq-cta__button--outline

第二个按钮

文字：

Request a Quote →

按钮 class：

suga-faq-cta__button suga-faq-cta__button--primary

10）Rank Math Pro 怎么处理

如果你用的是Stackable Accordion 的 FAQ Schema option：

Rank Math Schema Generator 不要再添加 FAQPage Rank Math FAQ Block 不要再用 Custom HTML JSON-LD 不要再加

Rank Math Pro 可以继续负责页面的 Article / WebPage / Breadcrumb / Organization 等 schema，但 FAQPage 这部分由 Stackable Accordion 输出。

发布后检查：

查看页面源代码 搜索 FAQPage

理想状态：

FAQPage 只出现一次 8 个 Question 8 个 acceptedAnswer

然后用 Google Rich Results Test 或 Schema Markup Validator 检查。Google 官方也说明，FAQ structured data 可以帮助搜索系统理解 FAQ 内容，但结构化数据不保证一定展示富结果。(Google for Developers)

最终页面结构

Gutenberg Group └─ suga-pillar-section suga-pillar-section--11 suga-pillar-section--faq └─ Gutenberg Group └─ suga-pillar-section__inner ├─ Gutenberg Group │ └─ suga-pillar-kicker-line ├─ Gutenberg Heading H2 │ └─ suga-pillar-h2 ├─ Gutenberg Paragraph │ └─ suga-pillar-lead ├─ Gutenberg Group │ └─ suga-faq-list suga-faq-list--stackable │ ├─ Stackable Accordion · suga-faq-item · FAQ Schema ON │ ├─ Stackable Accordion · suga-faq-item · FAQ Schema ON │ ├─ Stackable Accordion · suga-faq-item · FAQ Schema ON │ ├─ Stackable Accordion · suga-faq-item · FAQ Schema ON │ ├─ Stackable Accordion · suga-faq-item · FAQ Schema ON │ ├─ Stackable Accordion · suga-faq-item · FAQ Schema ON │ ├─ Stackable Accordion · suga-faq-item · FAQ Schema ON │ └─ Stackable Accordion · suga-faq-item · FAQ Schema ON └─ Gutenberg Group └─ suga-faq-cta

前端正文里不要出现：

Section 11 FAQ Schema Design spec H3 — Section 11

H2 继续居中。FAQ 使用 Stackable Accordion。FAQPage schema 由 Stackable 的 FAQ Schema option 输出。

/* ========================================================= SECTION 11 · FAQ Clean CSS for Stackable Accordion + Gutenberg CTA Structure: - Gutenberg Group: suga-pillar-section suga-pillar-section--11 suga-pillar-section--faq - Gutenberg Group: suga-pillar-section__inner - Gutenberg Group: suga-pillar-kicker-line - Gutenberg Heading: suga-pillar-h2 - Gutenberg Paragraph: suga-pillar-lead - Gutenberg Group: suga-faq-list suga-faq-list--stackable - Stackable Accordion: suga-faq-item - Gutenberg Group: suga-faq-cta - Gutenberg Group: suga-faq-cta__copy - Gutenberg Buttons: suga-faq-cta__actions Important: - Do NOT redefine .suga-pillar-section full-bleed. - Do NOT redefine .suga-pillar-section__inner width / side padding. - Do NOT redefine .suga-pillar-h2 alignment. - Do NOT use CSS to control FAQ open / close state. - Do NOT generate custom + / – icons. - FAQ Schema is handled by Stackable Accordion FAQ Schema option. ========================================================= */ /* --------------------------------------------------------- 11.1) Section background + rhythm variables only --------------------------------------------------------- */ body[data-prefix="single_page"] .suga-pillar-section--11, body[data-prefix="single_page"] .suga-pillar-section--faq { background: #ffffff !important; --suga-section-padding-top: 52px; --suga-section-padding-bottom: 48px; --suga-faq-border: #dfe7ef; --suga-faq-border-open: #f08a24; --suga-faq-bg: #ffffff; --suga-faq-bg-open: #f6f9fc; --suga-faq-cta-bg: #fff7e8; } /* --------------------------------------------------------- 11.2) FAQ list wrapper --------------------------------------------------------- */ body[data-prefix="single_page"] .suga-faq-list, body[data-prefix="single_page"] .suga-faq-list--stackable { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } /* --------------------------------------------------------- 11.3) Stackable Accordion outer item --------------------------------------------------------- */ body[data-prefix="single_page"] .suga-faq-list .suga-faq-item, body[data-prefix="single_page"] .suga-faq-list .wp-block-stackable-accordion.suga-faq-item, body[data-prefix="single_page"] .suga-faq-list .stk-block-accordion.suga-faq-item { width: 100% !important; max-width: 100% !important; margin: 0 0 10px !important; padding: 0 !important; border: 1px solid var(--suga-faq-border) !important; border-radius: 0 !important; background: var(--suga-faq-bg) !important; box-shadow: none !important; box-sizing: border-box !important; overflow: hidden !important; } body[data-prefix="single_page"] .suga-faq-list .suga-faq-item[open], body[data-prefix="single_page"] .suga-faq-list .suga-faq-item.stk--is-open { border-color: var(--suga-faq-border-open) !important; background: var(--suga-faq-bg-open) !important; } /* --------------------------------------------------------- 11.4) Remove old pseudo icons from previous CSS Keep Stackable default SVG icon. --------------------------------------------------------- */ body[data-prefix="single_page"] .suga-faq-item summary::after, body[data-prefix="single_page"] .suga-faq-item .stk-block-accordion__heading::after, body[data-prefix="single_page"] .suga-faq-item [class*="accordion__heading"]::after { content: none !important; display: none !important; } /* --------------------------------------------------------- 11.5) Stackable summary / heading reset --------------------------------------------------------- */ body[data-prefix="single_page"] .suga-faq-item > summary, body[data-prefix="single_page"] .suga-faq-item .stk-block-accordion__heading { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; list-style: none !important; cursor: pointer !important; box-sizing: border-box !important; } body[data-prefix="single_page"] .suga-faq-item > summary::-webkit-details-marker { display: none !important; } /* --------------------------------------------------------- 11.6) Stackable internal wrapper cleanup --------------------------------------------------------- */ body[data-prefix="single_page"] .suga-faq-item .stk-column-wrapper, body[data-prefix="single_page"] .suga-faq-item .stk-container, body[data-prefix="single_page"] .suga-faq-item .stk-block-content, body[data-prefix="single_page"] .suga-faq-item .stk-inner-blocks, body[data-prefix="single_page"] .suga-faq-item .stk-row, body[data-prefix="single_page"] .suga-faq-item .stk-column, body[data-prefix="single_page"] .suga-faq-item .stk-block-column { box-sizing: border-box !important; } body[data-prefix="single_page"] .suga-faq-item .stk-block-accordion__heading > .stk-column-wrapper, body[data-prefix="single_page"] .suga-faq-item summary > .stk-column-wrapper { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 18px 26px !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } /* --------------------------------------------------------- 11.7) Question row layout Stackable Accordion heading uses Icon Label internally. --------------------------------------------------------- */ body[data-prefix="single_page"] .suga-faq-item .stk-block-icon-label, body[data-prefix="single_page"] .suga-faq-item .stk-block-icon-label > .stk-row { width: 100% !important; max-width: 100% !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; gap: 18px !important; margin: 0 !important; padding: 0 !important; } body[data-prefix="single_page"] .suga-faq-item .stk-block-heading { flex: 1 1 auto !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; } body[data-prefix="single_page"] .suga-faq-item .stk-block-heading__text, body[data-prefix="single_page"] .suga-faq-item h3, body[data-prefix="single_page"] .suga-faq-item h4 { margin: 0 !important; padding: 0 !important; color: var(--suga-color-title) !important; -webkit-text-fill-color: var(--suga-color-title) !important; font-size: 15px !important; line-height: 1.45 !important; font-weight: 800 !important; text-align: left !important; letter-spacing: -0.01em !important; white-space: normal !important; word-break: normal !important; overflow-wrap: normal !important; } /* --------------------------------------------------------- 11.8) Stackable default icon styling Do not replace the icon. --------------------------------------------------------- */ body[data-prefix="single_page"] .suga-faq-item .wp-block-stackable-icon, body[data-prefix="single_page"] .suga-faq-item .stk-block-icon { flex: 0 0 auto !important; margin: 0 !important; padding: 0 !important; } body[data-prefix="single_page"] .suga-faq-item .stk--svg-wrapper { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 18px !important; height: 18px !important; min-width: 18px !important; margin: 0 !important; padding: 0 !important; color: #8aa0b5 !important; } body[data-prefix="single_page"] .suga-faq-item[open] .stk--svg-wrapper, body[data-prefix="single_page"] .suga-faq-item.stk--is-open .stk--svg-wrapper { color: var(--suga-color-orange) !important; } body[data-prefix="single_page"] .suga-faq-item .stk--svg-wrapper svg { width: 14px !important; height: 14px !important; } /* --------------------------------------------------------- 11.9) Divider under opened question --------------------------------------------------------- */ body[data-prefix="single_page"] .suga-faq-item[open] > summary, body[data-prefix="single_page"] .suga-faq-item.stk--is-open > summary { border-bottom: 1px solid var(--suga-faq-border) !important; } /* --------------------------------------------------------- 11.10) Answer area --------------------------------------------------------- */ body[data-prefix="single_page"] .suga-faq-item .stk-block-accordion__content { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } body[data-prefix="single_page"] .suga-faq-item .stk-block-accordion__content .stk-column-wrapper { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 16px 26px 20px !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } body[data-prefix="single_page"] .suga-faq-item .stk-block-accordion__content p, body[data-prefix="single_page"] .suga-faq-item .stk-block-accordion__content .stk-block-text__text { max-width: 620px !important; margin: 0 !important; padding: 0 !important; color: var(--suga-color-text) !important; -webkit-text-fill-color: var(--suga-color-text) !important; font-size: 14px !important; line-height: 1.7 !important; font-weight: 400 !important; } body[data-prefix="single_page"] .suga-faq-item .stk-block-accordion__content > :last-child, body[data-prefix="single_page"] .suga-faq-item .stk-block-accordion__content .stk-inner-blocks > :last-child { margin-bottom: 0 !important; margin-block-end: 0 !important; } /* ========================================================= SECTION 11 · FAQ CTA FINAL FIX Fix CTA misalignment caused by Gutenberg constrained layout. Use CSS Grid, not flex. ========================================================= */ body[data-prefix="single_page"] .suga-pillar-section--11 .suga-faq-cta, body[data-prefix="single_page"] .suga-pillar-section--faq .suga-faq-cta { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; grid-template-areas: "copy actions" !important; align-items: center !important; column-gap: 28px !important; width: 100% !important; max-width: 100% !important; margin: 22px 0 0 !important; padding: 20px 26px !important; border: 1px solid var(--suga-faq-border-open) !important; border-radius: 0 !important; background: var(--suga-faq-cta-bg) !important; box-shadow: none !important; box-sizing: border-box !important; } /* Reset Gutenberg constrained layout on direct CTA children */ body[data-prefix="single_page"] .suga-pillar-section--11 .suga-faq-cta.is-layout-constrained > .suga-faq-cta__copy, body[data-prefix="single_page"] .suga-pillar-section--11 .suga-faq-cta.is-layout-constrained > .suga-faq-cta__actions, body[data-prefix="single_page"] .suga-pillar-section--faq .suga-faq-cta.is-layout-constrained > .suga-faq-cta__copy, body[data-prefix="single_page"] .suga-pillar-section--faq .suga-faq-cta.is-layout-constrained > .suga-faq-cta__actions { max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; } body[data-prefix="single_page"] .suga-pillar-section--11 .suga-faq-cta__copy, body[data-prefix="single_page"] .suga-pillar-section--faq .suga-faq-cta__copy { grid-area: copy !important; display: block !important; width: auto !important; max-width: none !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; text-align: left !important; box-sizing: border-box !important; } body[data-prefix="single_page"] .suga-pillar-section--11 .suga-faq-cta__title, body[data-prefix="single_page"] .suga-pillar-section--11 h3.suga-faq-cta__title, body[data-prefix="single_page"] .suga-pillar-section--faq .suga-faq-cta__title, body[data-prefix="single_page"] .suga-pillar-section--faq h3.suga-faq-cta__title { display: block !important; width: auto !important; max-width: none !important; margin: 0 0 6px !important; padding: 0 !important; color: var(--suga-color-title) !important; -webkit-text-fill-color: var(--suga-color-title) !important; font-size: 18px !important; line-height: 1.3 !important; font-weight: 800 !important; letter-spacing: -0.01em !important; text-align: left !important; white-space: normal !important; word-break: normal !important; overflow-wrap: normal !important; writing-mode: horizontal-tb !important; transform: none !important; } body[data-prefix="single_page"] .suga-pillar-section--11 .suga-faq-cta__text, body[data-prefix="single_page"] .suga-pillar-section--11 .suga-faq-cta__text p, body[data-prefix="single_page"] .suga-pillar-section--faq .suga-faq-cta__text, body[data-prefix="single_page"] .suga-pillar-section--faq .suga-faq-cta__text p { display: block !important; width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; color: var(--suga-color-text) !important; -webkit-text-fill-color: var(--suga-color-text) !important; font-size: 14px !important; line-height: 1.55 !important; text-align: left !important; white-space: normal !important; word-break: normal !important; overflow-wrap: normal !important; writing-mode: horizontal-tb !important; transform: none !important; } body[data-prefix="single_page"] .suga-pillar-section--11 .suga-faq-cta__actions, body[data-prefix="single_page"] .suga-pillar-section--faq .suga-faq-cta__actions { grid-area: actions !important; display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: flex-end !important; gap: 16px !important; width: auto !important; max-width: none !important; min-width: max-content !important; margin: 0 !important; padding: 0 !important; align-self: center !important; justify-self: end !important; box-sizing: border-box !important; } body[data-prefix="single_page"] .suga-pillar-section--11 .suga-faq-cta__actions .wp-block-button, body[data-prefix="single_page"] .suga-pillar-section--faq .suga-faq-cta__actions .wp-block-button { display: block !important; width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; flex: 0 0 auto !important; } body[data-prefix="single_page"] .suga-pillar-section--11 .suga-faq-cta__button .wp-block-button__link, body[data-prefix="single_page"] .suga-pillar-section--faq .suga-faq-cta__button .wp-block-button__link { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; min-width: 160px !important; min-height: 44px !important; margin: 0 !important; padding: 12px 22px !important; border-radius: 0 !important; font-size: 14px !important; line-height: 1 !important; font-weight: 800 !important; text-align: center !important; text-decoration: none !important; white-space: nowrap !important; box-shadow: none !important; cursor: pointer !important; } body[data-prefix="single_page"] .suga-pillar-section--11 .suga-faq-cta__button--outline .wp-block-button__link, body[data-prefix="single_page"] .suga-pillar-section--faq .suga-faq-cta__button--outline .wp-block-button__link { border: 2px solid var(--suga-color-navy) !important; background: transparent !important; color: var(--suga-color-navy) !important; -webkit-text-fill-color: var(--suga-color-navy) !important; } body[data-prefix="single_page"] .suga-pillar-section--11 .suga-faq-cta__button--primary .wp-block-button__link, body[data-prefix="single_page"] .suga-pillar-section--faq .suga-faq-cta__button--primary .wp-block-button__link { border: 2px solid var(--suga-color-orange) !important; background: var(--suga-color-orange) !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } body[data-prefix="single_page"] .suga-pillar-section--11 .suga-faq-cta__button--outline .wp-block-button__link:hover, body[data-prefix="single_page"] .suga-pillar-section--faq .suga-faq-cta__button--outline .wp-block-button__link:hover { background: rgba(11, 39, 69, 0.06) !important; } body[data-prefix="single_page"] .suga-pillar-section--11 .suga-faq-cta__button--primary .wp-block-button__link:hover, body[data-prefix="single_page"] .suga-pillar-section--faq .suga-faq-cta__button--primary .wp-block-button__link:hover { border-color: #e64617 !important; background: #e64617 !important; } /* Tablet */ @media (max-width: 1024px) { body[data-prefix="single_page"] .suga-pillar-section--11 .suga-faq-cta, body[data-prefix="single_page"] .suga-pillar-section--faq .suga-faq-cta { grid-template-columns: 1fr !important; grid-template-areas: "copy" "actions" !important; row-gap: 16px !important; align-items: start !important; } body[data-prefix="single_page"] .suga-pillar-section--11 .suga-faq-cta__actions, body[data-prefix="single_page"] .suga-pillar-section--faq .suga-faq-cta__actions { justify-self: start !important; justify-content: flex-start !important; } } /* Mobile */ @media (max-width: 782px) { body[data-prefix="single_page"] .suga-pillar-section--11 .suga-faq-cta, body[data-prefix="single_page"] .suga-pillar-section--faq .suga-faq-cta { padding: 18px !important; } body[data-prefix="single_page"] .suga-pillar-section--11 .suga-faq-cta__actions, body[data-prefix="single_page"] .suga-pillar-section--faq .suga-faq-cta__actions { width: 100% !important; min-width: 0 !important; flex-direction: column !important; align-items: stretch !important; gap: 12px !important; } body[data-prefix="single_page"] .suga-pillar-section--11 .suga-faq-cta__actions .wp-block-button, body[data-prefix="single_page"] .suga-pillar-section--faq .suga-faq-cta__actions .wp-block-button, body[data-prefix="single_page"] .suga-pillar-section--11 .suga-faq-cta__button .wp-block-button__link, body[data-prefix="single_page"] .suga-pillar-section--faq .suga-faq-cta__button .wp-block-button__link { width: 100% !important; min-width: 0 !important; } }