/* U.S. Opinion on the Middle East: site styles on top of house.css */
.aside{font-family:var(--sans);font-size:15px;color:var(--ink-muted);margin:var(--s1) 0 0}
.qfilters{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;gap:var(--s2);align-items:end;margin:0 0 var(--s2);font-family:var(--sans)}
.qfilters label{display:block;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);margin:0 0 4px}
.qfilters input,.qfilters select{width:100%;min-height:44px;font:inherit;font-size:15px;padding:8px 10px;border:1px solid var(--navy);border-radius:2px;background:#fff;color:var(--ink);box-sizing:border-box}
.qfilters .reset .btn{min-height:44px}
:focus-visible{outline:3px solid var(--crimson);outline-offset:2px}
.empty{font-family:var(--sans);background:var(--paper-2);border-left:4px solid var(--crimson);padding:var(--s2)}
.card .wording{font-size:16px;color:var(--ink-muted)}
.card .latest{font-family:var(--sans);font-size:14px}
blockquote.wording{margin:0;border-left:4px solid var(--crimson);background:var(--paper-2);padding:var(--s2) var(--s3);font-size:20px;max-width:46em}
blockquote.wording p{margin:0}
.crumbs{font-family:var(--sans);font-size:14px;margin:var(--s2) 0}
.chart{margin:0 0 var(--s3);max-width:680px}
.chart-scroll{overflow-x:auto;max-width:100%}
.chart-scroll svg{min-width:440px}
.barlist{list-style:none;margin:0;padding:var(--s2);background:#fff;border:1px solid var(--rule);font-family:var(--sans);font-size:15px}
.barlist li{display:grid;grid-template-columns:minmax(0,1fr) 3.5em;gap:2px 10px;margin:0 0 10px}
.barlist .blabel{grid-column:1/-1}
.barlist .bwrap svg{width:100%;height:14px;display:block}
.barlist .bg{fill:#EEF1F6}
.barlist .bval{font-variant-numeric:tabular-nums;font-weight:600;text-align:right}
.ctitle{font-family:var(--sans);font-weight:600;font-size:15px;margin:0 0 6px}
.chart svg{width:100%;height:auto;display:block;background:#fff;border:1px solid var(--rule)}
.chart .grid{stroke:#DDE3EC;stroke-width:1}
.chart .axis{stroke:#5A6475;stroke-width:1}
.chart .ln{stroke-width:2.5}
.chart text{font-family:var(--sans);fill:#3A4352}
.chart .ylab,.chart .xlab{font-size:14px}
.chart .axt{font-size:14px;font-weight:600}
.chart .blab,.chart .bval{font-size:14px}
.chart figcaption{font-family:var(--sans);font-size:13px;color:var(--ink-muted);margin-top:6px}
.legend{list-style:none;padding:0;margin:var(--s1) 0 0;display:flex;flex-wrap:wrap;gap:6px 16px;font-family:var(--sans);font-size:14px}
.legend li{display:flex;align-items:center;gap:6px}
.sw{display:inline-block;width:14px;height:14px;border-radius:2px}
.sw0{background:#0A244B}.sw1{background:#B13630}.sw2{background:#4F7CAC}.sw3{background:#C98A2B}.sw4{background:#2F7D5B}.sw5{background:#7A5195}.sw6{background:#6B7280}
table.tops td{text-align:right;font-variant-numeric:tabular-nums}
.small{font-family:var(--sans);font-size:13px;color:var(--ink-muted)}
.pollster{margin:0 0 var(--s4)}
@media (max-width:860px){.qfilters{grid-template-columns:1fr 1fr}.qfilters>div:first-child{grid-column:1/-1}.note-grid{grid-template-columns:minmax(0,1fr)}.details{position:static}}
@media (max-width:420px){.qfilters{grid-template-columns:1fr}.cards{grid-template-columns:1fr}blockquote.wording{font-size:18px}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
.finding{font-size:1.15rem;margin:.75rem 0}.finding a{color:inherit}
.latest-strip{margin:1rem 0;padding:.75rem 1rem;border-left:3px solid var(--crimson)}
.latest-strip h2{font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;margin:0 0 .4rem}
.latest-strip ul{list-style:none;margin:0;padding:0}.latest-strip li{margin:.2rem 0}
.status{font-size:.95rem}
table.tops td{text-align:right;font-variant-numeric:tabular-nums}
@media print{header,nav,.mefs,footer,.actions,.qfilters,.skip{display:none!important}.prose a[href^="http"]::after,.sources a::after,.status a::after{content:" (" attr(href) ")";font-size:.85em;word-break:break-all}}
.table-wrap{overflow-x:auto;max-width:100%}.note-grid>div{min-width:0}
