.dm-compact-intro,.dm-capability-summary,.dm-result-heading,.dm-output-toggle{display:none}
@media(max-width:767px){
 /* The phone example explains a filter and result directly, without source tabs. */
 .experience-shell.mode-system:has(.ds-refresh) #engine .rs-source-tabs,
 .experience-shell.mode-system:has(.ds-refresh) #engine .rs-rule-decks{display:none!important}
 .experience-shell.mode-system:has(.ds-refresh) #engine .dm-filter-example{padding:18px;border:1px solid #79539750;border-radius:13px;background:#0d1020}
 .experience-shell.mode-system:has(.ds-refresh) #engine .dm-filter-label{display:block;color:#b7a5cb;font-size:12px;line-height:1.7}
 .experience-shell.mode-system:has(.ds-refresh) #engine .dm-filter-conditions{padding-bottom:16px;border-bottom:1px solid #79539735}
 .experience-shell.mode-system:has(.ds-refresh) #engine .dm-filter-conditions>p{margin:7px 0 0;color:#e1d0ef;font-size:13px;line-height:1.8}
 .experience-shell.mode-system:has(.ds-refresh) #engine .dm-filter-match{padding-top:16px}
 .experience-shell.mode-system:has(.ds-refresh) #engine .dm-filter-match article{display:grid;grid-template-columns:76px minmax(0,1fr);gap:14px;align-items:center;margin-top:12px}
 .experience-shell.mode-system:has(.ds-refresh) #engine .dm-filter-match article>img{display:block;width:76px;height:76px;object-fit:contain;border-radius:9px}
 .experience-shell.mode-system:has(.ds-refresh) #engine .dm-filter-match article strong{display:block;color:#f3edf8;font-size:14px;line-height:1.6;overflow-wrap:anywhere}
 .experience-shell.mode-system:has(.ds-refresh) #engine .dm-filter-match article>div>span{display:block;color:#bcb0ca;font-size:11px;line-height:1.8;margin-top:3px}
 .experience-shell.mode-system:has(.ds-refresh) #engine .dm-filter-match dl{display:grid;grid-template-columns:auto 1fr;gap:3px 9px;margin:9px 0 0;font-size:11px;line-height:1.7}
 .experience-shell.mode-system:has(.ds-refresh) #engine .dm-filter-match dt{color:#9e90b0}
 .experience-shell.mode-system:has(.ds-refresh) #engine .dm-filter-match dd{margin:0;color:#d9c5ec}
 .experience-shell.mode-system:has(.ds-refresh) #engine .dm-filter-note{color:#94869f;font-size:10px;line-height:1.7;margin:15px 0 0}
 .experience-shell.mode-system:has(.ds-refresh) .ds-native-story{padding:38px 20px 0}
 .experience-shell.mode-system:has(.ds-refresh) .dm-compact-intro{display:block;padding:0 0 20px;text-align:left;scroll-margin-top:76px}
 .experience-shell.mode-system:has(.ds-refresh) .dm-compact-intro>span,
 .experience-shell.mode-system:has(.ds-refresh) .dm-result-heading>span{display:block;color:#ad8ed8;font-size:11px;line-height:1.6;letter-spacing:.06em}
 .experience-shell.mode-system:has(.ds-refresh) .dm-compact-intro h2,
 .experience-shell.mode-system:has(.ds-refresh) .dm-result-heading h2{margin:9px 0;font-size:25px;font-weight:800;line-height:1.45;letter-spacing:.01em;color:#f5f1fa}
 .experience-shell.mode-system:has(.ds-refresh) .dm-compact-intro p,
 .experience-shell.mode-system:has(.ds-refresh) .dm-result-heading p{font-size:13px;line-height:1.8;color:#b9afc5;margin:0}
 .experience-shell.mode-system:has(.ds-refresh) .dm-capability-summary{display:grid;grid-template-columns:26px minmax(0,1fr) 28px;gap:11px;align-items:center;width:100%;min-height:96px;margin:0;padding:18px 0;border:0;border-top:1px solid #79539740;border-radius:0;background:transparent;color:#f3eef8;font:inherit;text-align:left;cursor:pointer}
 .experience-shell.mode-system:has(.ds-refresh) .dm-capability-number{align-self:start;padding-top:3px;font-size:12px;line-height:1.6;color:#a582ce}
 .experience-shell.mode-system:has(.ds-refresh) .dm-capability-copy strong{display:block;font-size:17px;line-height:1.5;font-weight:750}
 .experience-shell.mode-system:has(.ds-refresh) .dm-capability-copy small{display:block;font-size:12px;line-height:1.8;margin-top:5px;color:#b5a9c4}
 .experience-shell.mode-system:has(.ds-refresh) .dm-capability-action{font-size:11px;line-height:1.6;color:#b59ccc}
 .experience-shell.mode-system:has(.ds-refresh) .dm-capability-summary[aria-expanded=true]{color:#e1c5ff}
 .experience-shell.mode-system:has(.ds-refresh) .ds-native-story #engine,
 .experience-shell.mode-system:has(.ds-refresh) .ds-native-story #matching,
 .experience-shell.mode-system:has(.ds-refresh) .ds-native-story #review{display:none;width:100%;padding:0 0 22px;margin:0;scroll-margin-top:76px}
 .experience-shell.mode-system:has(.ds-refresh) .ds-native-story[data-mobile-expanded=engine] #engine,
 .experience-shell.mode-system:has(.ds-refresh) .ds-native-story[data-mobile-expanded=matching] #matching,
 .experience-shell.mode-system:has(.ds-refresh) .ds-native-story[data-mobile-expanded=review] #review{display:block}
 .experience-shell.mode-system:has(.ds-refresh) :is(#engine,#matching,#review)>.rs-heading{display:none}
 .experience-shell.mode-system:has(.ds-refresh) #engine .rs-rule-output{display:none}
 .experience-shell.mode-system:has(.ds-refresh) #engine .rs-product-rules .rs-rule-samples{display:none}
 .experience-shell.mode-system:has(.ds-refresh) #matching .rs-merchant-product-visual{height:160px}
 .experience-shell.mode-system:has(.ds-refresh) #matching .rs-candidate-visual{height:82px}
 .experience-shell.mode-system:has(.ds-refresh) #matching .rs-candidate-list button,
 .experience-shell.mode-system:has(.ds-refresh) #matching .rs-candidate-list button:nth-child(4){min-height:152px}
 .experience-shell.mode-system:has(.ds-refresh) #review .rs-review-operator{display:none}
 .experience-shell.mode-system:has(.ds-refresh) .ds-native-story #output{padding:38px 0;margin:0;border-top:1px solid #79539740}
 .experience-shell.mode-system:has(.ds-refresh) #output>.rs-heading{display:none}
 .experience-shell.mode-system:has(.ds-refresh) .dm-result-heading{display:block;margin:0 0 20px;text-align:left}
 .experience-shell.mode-system:has(.ds-refresh) .dm-result-heading h2{font-size:24px}
 .experience-shell.mode-system:has(.ds-refresh) #output .rs-approved-records{margin-bottom:12px}
 .experience-shell.mode-system:has(.ds-refresh) #output .rs-approved-records article:nth-child(n+2){display:none}
 .experience-shell.mode-system:has(.ds-refresh) .dm-output-toggle{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;padding:10px 16px;margin:0;border:1px solid #79539760;border-radius:11px;background:transparent;color:#c7b1e2;font:inherit;font-size:12px;line-height:1.6;cursor:pointer}
 .experience-shell.mode-system:has(.ds-refresh) .ds-native-story[data-output-expanded=false] #output .rs-table-wrap,
 .experience-shell.mode-system:has(.ds-refresh) .ds-native-story[data-output-expanded=false] #output .dm-scroll-hint{display:none}
 .experience-shell.mode-system:has(.ds-refresh) .ds-native-story[data-output-expanded=true] #output .dm-scroll-hint{margin-top:14px}
 .experience-shell.mode-system:has(.ds-refresh) .ds-native-story #pricing{padding:34px 0 42px;margin:0;border-top:1px solid #79539740}
 .experience-shell.mode-system:has(.ds-refresh) #pricing>header{text-align:left;margin:0 0 20px}
 .experience-shell.mode-system:has(.ds-refresh) #pricing>header>span,
 .experience-shell.mode-system:has(.ds-refresh) #pricing>header>p{display:none}
 .experience-shell.mode-system:has(.ds-refresh) #pricing>header h2{font-size:24px;line-height:1.45;margin:0}
 .experience-shell.mode-system:has(.ds-refresh) #pricing .dm-plans{gap:10px}
 .experience-shell.mode-system:has(.ds-refresh) #pricing .dm-plan{border-radius:12px}
 .experience-shell.mode-system:has(.ds-refresh) #pricing .dm-plan summary{padding:16px;gap:6px 10px}
 .experience-shell.mode-system:has(.ds-refresh) #pricing .dm-plan-name strong{font-size:16px}
 .experience-shell.mode-system:has(.ds-refresh) #pricing .dm-plan-name small{font-size:11px;margin-top:2px}
 .experience-shell.mode-system:has(.ds-refresh) #pricing .dm-plan summary em{font-size:14px}
 .experience-shell.mode-system:has(.ds-refresh) #pricing .dm-plan-toggle{font-size:10px;padding-top:1px}
 .experience-shell.mode-system:has(.ds-refresh) #pricing .rs-pricing-note{font-size:11px;line-height:1.8;margin:18px 0}
 .experience-shell.mode-system:has(.ds-refresh) .dsl-footer{padding-top:22px}
 .experience-shell.mode-system:has(.ds-refresh) .dsl-footer-columns{display:block}
 .experience-shell.mode-system:has(.ds-refresh) .dsl-footer-column:not(:last-child){display:none}
 .experience-shell.mode-system:has(.ds-refresh) .dsl-footer-column:last-child{display:flex;flex-wrap:wrap;gap:2px 18px}
 .experience-shell.mode-system:has(.ds-refresh) .dsl-footer-column:last-child h2{display:none}
 .experience-shell.mode-system:has(.ds-refresh) .dsl-footer-column:last-child a{width:auto;flex:0 1 auto;font-size:11px;min-height:30px}
 .experience-shell.mode-system:has(.ds-refresh) .dsl-footer-bottom{gap:12px;margin-top:18px;padding-top:18px}
}