/* Route-scoped competitor-view operating-method surfaces. Screen CSS intentionally uses only established dark tokens. */
.cae-route-segment-competitors-products-funnel-stages .sf-view-direct-answer,
.cae-route-segment-competitors-products-funnel-stages .sf-view-rule-card,
.cae-route-segment-competitors-products-funnel-stages .sf-view-example,
.cae-route-segment-competitors-products-funnel-stages .sf-view-tool,
.cae-route-segment-competitors-products-funnel-stages .sf-view-download-card,
.cae-route-segment-competitors-products-funnel-stages .sf-view-stage-map,
.cae-route-segment-competitors-products-funnel-stages .sf-view-scope-card {
  background: var(--ri-panel);
  border: 1px solid var(--ri-line);
  border-radius: 18px;
}
.cae-route-segment-competitors-products-funnel-stages .sf-view-direct-answer,
.cae-route-segment-competitors-products-funnel-stages .sf-view-example,
.cae-route-segment-competitors-products-funnel-stages .sf-view-tool,
.cae-route-segment-competitors-products-funnel-stages .sf-view-stage-map { padding: clamp(18px, 3vw, 30px); }
.cae-route-segment-competitors-products-funnel-stages .sf-view-rule-grid,
.cae-route-segment-competitors-products-funnel-stages .sf-view-download-grid,
.cae-route-segment-competitors-products-funnel-stages .sf-view-scope-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin: 18px 0;
}
.cae-route-segment-competitors-products-funnel-stages .sf-view-rule-card,
.cae-route-segment-competitors-products-funnel-stages .sf-view-download-card,
.cae-route-segment-competitors-products-funnel-stages .sf-view-scope-card { padding: 16px; }
.cae-route-segment-competitors-products-funnel-stages .sf-view-rule-card strong,
.cae-route-segment-competitors-products-funnel-stages .sf-view-tool legend { color: var(--ri-cyan); }
.cae-route-segment-competitors-products-funnel-stages .sf-view-kicker { color: var(--ri-gold); font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.cae-route-segment-competitors-products-funnel-stages .sf-view-flow { display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin:18px 0; }
.cae-route-segment-competitors-products-funnel-stages .sf-view-flow span { background: var(--ri-panel-2); border:1px solid var(--ri-line); border-radius:999px; padding:7px 11px; font-weight:700; }
.cae-route-segment-competitors-products-funnel-stages .sf-view-flow i { color:var(--ri-muted); font-style:normal; }
.cae-route-segment-competitors-products-funnel-stages .sf-view-tool fieldset { border: 1px solid var(--ri-line); border-radius:14px; padding:14px; margin:0 0 14px; background:var(--ri-panel-2); }
.cae-route-segment-competitors-products-funnel-stages .sf-view-tool-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 16px; }
.cae-route-segment-competitors-products-funnel-stages .sf-view-field { display:flex; flex-direction:column; gap:6px; }
.cae-route-segment-competitors-products-funnel-stages .sf-view-field label { font-weight:650; }
.cae-route-segment-competitors-products-funnel-stages .sf-view-field select {
  width:100%; min-height:44px; border-radius:10px; border:1px solid var(--ri-line); background:var(--ri-bg-deep); color:var(--ri-text); padding:8px 10px;
}
.cae-route-segment-competitors-products-funnel-stages .sf-view-field select:focus,
.cae-route-segment-competitors-products-funnel-stages .sf-view-tool button:focus,
.cae-route-segment-competitors-products-funnel-stages [data-serpifai-view-result]:focus { outline:2px solid var(--ri-cyan); outline-offset:3px; }
.cae-route-segment-competitors-products-funnel-stages .sf-view-tool-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:14px; }
.cae-route-segment-competitors-products-funnel-stages .sf-view-tool button { min-height:44px; border-radius:999px; border:1px solid var(--ri-line); background:var(--ri-panel-2); color:var(--ri-text); padding:9px 16px; font:inherit; font-weight:700; cursor:pointer; }
.cae-route-segment-competitors-products-funnel-stages .sf-view-tool button[type="submit"] { border-color:var(--ri-cyan); }
.cae-route-segment-competitors-products-funnel-stages .sf-view-error { background:var(--ri-bg-deep); border:1px solid var(--ri-gold); border-radius:12px; padding:12px; margin:12px 0; }
.cae-route-segment-competitors-products-funnel-stages .sf-view-result { background:var(--ri-bg-deep); border:1px solid var(--ri-cyan); border-radius:14px; padding:16px; margin-top:16px; }
.cae-route-segment-competitors-products-funnel-stages .sf-view-result-list { display:grid; grid-template-columns:minmax(120px, .42fr) minmax(0,1fr); gap:8px 14px; margin:0; }
.cae-route-segment-competitors-products-funnel-stages .sf-view-result-list dt { font-weight:750; color:var(--ri-cyan); }
.cae-route-segment-competitors-products-funnel-stages .sf-view-result-list dd { margin:0; }
.cae-route-segment-competitors-products-funnel-stages [data-serpifai-visual-id="competitor-analysis-bias-countermeasure-matrix"] {
  width:min(1120px, calc(100vw - 48px)); max-width:none; margin-left:50%; transform:translateX(-50%);
}
.sf-view-wide-figure-active .ri-article-layout > .ri-toc,
.sf-view-wide-figure-active .ri-article-layout > .ri-side-note { opacity:0; pointer-events:none; visibility:hidden; transition:opacity 120ms ease; }
@media (prefers-reduced-motion: reduce) {
  .sf-view-wide-figure-active .ri-article-layout > .ri-toc,
  .sf-view-wide-figure-active .ri-article-layout > .ri-side-note { transition:none; }
}
@media (max-width: 760px) {
  .cae-route-segment-competitors-products-funnel-stages .sf-view-rule-grid,
  .cae-route-segment-competitors-products-funnel-stages .sf-view-download-grid,
  .cae-route-segment-competitors-products-funnel-stages .sf-view-scope-grid,
  .cae-route-segment-competitors-products-funnel-stages .sf-view-tool-grid { grid-template-columns:1fr; }
  .cae-route-segment-competitors-products-funnel-stages [data-serpifai-visual-id="competitor-analysis-bias-countermeasure-matrix"] { width:calc(100vw - 24px); }
  .cae-route-segment-competitors-products-funnel-stages .sf-view-result-list { grid-template-columns:1fr; }
}