.cfq-preview-notice{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:10px 22px;background:#eef4ef;color:#39534a;border-bottom:1px solid #d7e1d8;font-size:12px}.cfq-preview-notice button{background:none;border:0;color:#245b50;text-decoration:underline;cursor:pointer;white-space:nowrap}.wf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}.wf-card{background:#fff;border:1px solid #d7e1d8;border-radius:7px;padding:20px}.wf-card p{margin:8px 0 16px!important;color:#626b73}.wf-kicker{font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:#537466;margin-bottom:8px}.wf-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:16px;border-bottom:1px solid #d7e1d8}.wf-toolbar .ctlgfaq-input{width:auto;max-width:100%;flex:1;min-width:130px}.wf-tray{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding:15px 18px;background:#eef4ef;border:1px solid #d7e1d8;border-radius:6px;margin:14px 0}.wf-tray p{font-size:12px;color:#52645d}.wf-list{padding:0;margin:0;list-style:none}.wf-list li{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 18px;border-top:1px solid #e4e9e4}.wf-list small{display:block;color:#626b73;margin-top:3px}.wf-pager{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:15px;flex-wrap:wrap}.wf-picker{margin-bottom:10px}.wf-muted{font-size:12px;color:#626b73}.wf-save-note{margin:12px 0!important;padding:12px;background:#eef4ef;border-radius:5px;color:#245b50;font-size:12px}.wf-progress{width:100%;accent-color:#245b50;height:12px}.wf-summary{display:flex;gap:18px;flex-wrap:wrap;margin:12px 0}.wf-summary span{background:#f1f5ee;border:1px solid #d7e1d8;padding:9px 13px;border-radius:6px}.wf-tag{font-size:11px;padding:3px 7px;border-radius:10px;background:#edf4ef;color:#245b50}.wf-dialog{border:1px solid #ccdace;border-radius:10px;max-width:min(460px,90vw);padding:26px;color:#20272c;box-shadow:0 20px 80px #0003}.wf-dialog::backdrop{background:#182a2466}.wf-dialog p{margin:12px 0 20px}.wf-empty{padding:26px;color:#626b73;text-align:center}#catalog-faq-merchant-preview button:focus-visible,#catalog-faq-merchant-preview input:focus-visible,#catalog-faq-merchant-preview select:focus-visible,#catalog-faq-merchant-preview summary:focus-visible{outline:3px solid #3c826d;outline-offset:3px}.wf-history details{padding:14px;border-top:1px solid #d7e1d8}.wf-history p{margin:10px 0!important}.wf-diff{white-space:pre-wrap;line-height:1.6}.wf-term-search{font-size:12px!important;min-width:110px}#catalog-faq-merchant-preview .ctlgfaq-condition{flex-wrap:wrap}#catalog-faq-merchant-preview .ctlgfaq-rule-layout{align-items:start}@media(max-width:800px){.wf-grid{grid-template-columns:1fr}.cfq-preview-notice{padding:10px 14px;align-items:flex-start}.wf-toolbar{align-items:stretch}.wf-list li{align-items:flex-start}.wf-tray{align-items:flex-start}.wf-card{padding:17px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
/* Keep report columns and search controls readable on narrow screens. */
#catalog-faq-merchant-preview .wf-toolbar .ctlgfaq-input{flex:1 1 180px;min-width:150px;width:auto}
#catalog-faq-merchant-preview .ctlgfaq-table{overflow-wrap:normal;word-break:normal}
#catalog-faq-merchant-preview .ctlgfaq-table button{white-space:nowrap}
@media(max-width:600px){
#catalog-faq-merchant-preview .wf-toolbar{display:grid;grid-template-columns:minmax(0,1fr)}
#catalog-faq-merchant-preview .wf-toolbar .ctlgfaq-input{width:100%;min-width:0}
#catalog-faq-merchant-preview .ctlgfaq-table-wrap{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
#catalog-faq-merchant-preview .ctlgfaq-table-wrap::before{content:"Scroll sideways to view all columns";display:block;padding:10px 14px;font-size:11px;color:#626b73;background:#f5f7f5}
#catalog-faq-merchant-preview .ctlgfaq-table{min-width:620px}
#catalog-faq-merchant-preview .ctlgfaq-table th{white-space:nowrap}
}