/* What AI says vs what you say (PROPOSAL § 3.5, reference what-ai-says-a/b) and the AI engines row Sites behind its
 * answers (§ 5.6). */
.sy .elogo, .sy-sr .elogo { display: inline-flex; width: 14px; height: 14px; flex: none; }
.sy .elogo svg, .sy-sr svg, .sy-doc svg { width: 100%; height: 100%; display: block; }
.sy-eb { font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); margin: 0 0 6px; }
.sy .k2 { font-size: 11.5px; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); font-weight: 700; }
.sy .muted { color: var(--muted); font-size: 13px; }
.sy mark { background: var(--words); border-radius: 3px; padding: 0 2px; color: inherit; }
.sy a { color: var(--first); }
.sy-card { background: var(--card); border: 1px solid var(--line); border-radius: 16px; box-shadow: var(--shadow); margin-bottom: 20px; min-width: 0; }
.sy-ch { display: flex; justify-content: space-between; align-items: baseline; gap: 4px 16px; padding: 18px 22px 0; flex-wrap: wrap; }
.sy-ch h2 { font-size: 18px; margin: 0; }
.sy-ch p { margin: 4px 0 0; color: var(--muted); font-size: 13px; line-height: 1.5; max-width: 760px; flex-basis: 100%; }
.sy-body { padding: 12px 22px 18px; }
.sy-foot { font-size: 12.5px; color: var(--muted); padding: 10px 22px 14px; border-top: 1px solid var(--line); line-height: 1.6; }
.sy-foot a { font-weight: 600; }
.sy-q { margin: 0; font-size: 14px; line-height: 1.55; }
.sy-cap { font-size: 12.5px; color: var(--muted); margin: 8px 0 0; line-height: 1.5; }
.sy-na { color: var(--muted); font-size: 13px; }
.sy-bar { display: block; height: 7px; background: var(--b-50); border-radius: 4px; overflow: hidden; }
.sy-bar i { display: block; height: 100%; background: var(--first); border-radius: 4px; }
.sy .chev { font-style: normal; color: var(--muted); font-size: 15px; }
a.sy-more { display: inline-block; font-size: 13px; font-weight: 600; color: var(--first); padding: 8px 10px; text-decoration: none; }
a.sy-more.in { padding: 4px 10px; border: 1px solid var(--line); border-radius: 8px; background: var(--card); }
.t-eng, .t-only { font-style: normal; font-size: 11px; border-radius: 999px; padding: 1px 7px; display: inline-flex; gap: 4px; align-items: center; white-space: nowrap; }
.t-eng .elogo { width: 11px !important; height: 11px !important; }
.t-eng { background: var(--kind); color: var(--kind-ink); } .t-only { background: var(--read); color: var(--read-ink); }

/* the names line under the headline; look-alikes behind Inspect */
.sy-ns { display: flex; flex-wrap: wrap; gap: 4px 10px; align-items: baseline; font-size: 14px; color: var(--ink2); margin: 10px 0 0; }
.sy-ns .k2 { text-transform: none; letter-spacing: 0; font-weight: 500; font-size: 14px; }
.sy-ns .sep { color: var(--line2); }
.sy-nc b { color: var(--ink); }
.sy-lkp { position: relative; display: inline-block; }
.sy-lkp summary { cursor: pointer; list-style: none; }
.sy-lkp summary::-webkit-details-marker { display: none; }
.sy-insp { color: var(--first); font-weight: 600; text-decoration: none; margin-left: 4px; }
.sy-lkpop { position: absolute; z-index: 6; top: calc(100% + 8px); left: 0; width: 460px; max-width: calc(100vw - 32px); background: var(--card); border: 1px solid var(--line2); border-radius: 12px; box-shadow: 0 12px 30px rgba(0,0,0,.14); padding: 12px 14px; }
.sy-lk { padding: 8px 0 10px; border-bottom: 1px solid var(--line); }
.sy-lk.fade { opacity: .6; }
.sy-lkh { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.sy-chip { display: inline-flex; align-items: center; gap: 6px; border: 1px solid var(--line2); border-radius: 999px; padding: 3px 10px; font-weight: 600; font-size: 13.5px; background: var(--card); color: var(--ink); }
.sy-chip.dash { border-style: dashed; }
.sy-chip .flag { display: inline-grid; place-items: center; width: 15px; height: 15px; border-radius: 50%; background: var(--another); color: var(--another-ink); font-size: 10px; font-weight: 800; }
.sy-lkw { font-size: 13.5px; line-height: 1.55; margin: 8px 0; color: var(--ink2); }
.sy-lkw .k2 { display: block; margin-bottom: 2px; }
.sy blockquote { margin: 0; border-left: 3px solid var(--line2); padding: 2px 0 2px 10px; font-size: 13px; line-height: 1.55; color: var(--ink); }
.sy blockquote small, .sy-st small, .sy-exk small, .sy-mh small { display: inline-flex; gap: 5px; align-items: center; color: var(--muted); font-size: 12px; flex-wrap: wrap; }
.sy blockquote small { display: flex; margin-top: 4px; }
.sy-ow { padding-top: 10px; }
.sy-line { font-size: 13.5px; color: var(--ink2); line-height: 1.55; margin: 0 0 8px; }
.sy-rc { display: inline-flex; gap: 8px; align-items: center; border-radius: 8px; background: var(--not); color: var(--not-ink); font-size: 12.5px; padding: 3px 9px; margin: 0 6px 6px 0; }
.sy-rc b { color: var(--ink); }

/* wording and facts side by side */
.sy-top { display: grid; grid-template-columns: minmax(0, 1fr) 400px; gap: 20px; align-items: start; }

/* your wording alongside the answers */
.sy-sum { display: flex; flex-wrap: wrap; gap: 4px 22px; margin: 8px 22px 12px; font-size: 15px; color: var(--ink2); }
.sy-sum b { font-size: 17px; color: var(--ink); margin-left: 4px; }
.sy-tbl { margin: 0 22px 16px; }
.sy-pr { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr) minmax(80px, 1fr) 118px; gap: 14px; align-items: center; padding: 6px 10px; border-radius: 8px; color: var(--ink); text-decoration: none; font-size: 14px; }
.sy-ph0 .c2 { grid-column: 3 / 5; }
.sy-ph0 { background: var(--n-25); border: 1px solid var(--line); border-radius: 8px; font-size: 12.5px; color: var(--muted); font-weight: 600; padding: 8px 10px; margin-bottom: 4px; }
a.sy-pr:hover, a.sy-pr:focus-visible { background: var(--n-25); }
a.sy-pr.on { outline: 2px solid var(--first); background: var(--card); }
.sy-pw { display: flex; flex-wrap: wrap; gap: 4px 8px; align-items: center; min-width: 0; }
.sy-pw .w { font-weight: 500; }
.sy a.sy-pr, .sy a.sy-tpr, .sy a.sy-fr, .sy a.sy-tr { color: var(--ink); }
.sy-pp { display: flex; flex-wrap: wrap; gap: 4px; min-width: 0; }
.sy-pt { display: inline-block; font-size: 12px; border: 1px solid var(--line); border-radius: 6px; padding: 2px 8px; color: var(--ink2); background: var(--card); }
.sy-pr .kn, .sy-sh .kn, .sy-pc { font-size: 13px; color: var(--muted); white-space: nowrap; }
.sy-pr .kn b, .sy-sh .kn b, .sy-pc b { color: var(--ink); font-weight: 600; }
.sy-grp { font-size: 13.5px; font-weight: 600; padding: 12px 0 4px; }
.sy-grp span { font-weight: 400; color: var(--muted); }
.sy-pchips { display: flex; flex-wrap: wrap; gap: 8px; padding: 4px 0; align-items: center; }
.sy-pchips span { font-size: 13px; border: 1px solid var(--line2); border-radius: 8px; padding: 4px 10px; color: var(--ink2); background: var(--card); }
.sy-pchips span.oth { border-style: dashed; }
.sy-note { font-size: 12.5px; color: var(--muted); margin: 6px 0 0; line-height: 1.5; }

/* the opened phrase, under its row */
.sy-ex { border: 1px solid var(--line); border-left: 3px solid var(--first); border-radius: 10px; margin: 4px 0 8px; padding: 12px 14px; background: var(--b-50); scroll-margin-top: 140px; }
.sy-exh { display: flex; justify-content: space-between; gap: 12px; align-items: center; flex-wrap: wrap; }
.sy-exh p { margin: 0; font-size: 14px; color: var(--ink2); } .sy-exh b { font-size: 15.5px; color: var(--ink); }
.sy-exa { display: flex; gap: 8px; align-items: center; }
a.sy-pill, .sy-pin { border: 1px solid var(--line2); border-radius: 999px; padding: 4px 11px; font: inherit; font-size: 12.5px; background: var(--card); color: var(--ink2); text-decoration: none; white-space: nowrap; cursor: pointer; }
.sy-exg { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 10px; }
.sy-exc { background: var(--card); border: 1px solid var(--line); border-radius: 10px; padding: 10px 12px; min-width: 0; }
.sy-exc .k2 { display: block; margin-bottom: 6px; }
.sy-exc .sy-pt { margin-bottom: 6px; }
.sy-exc .sy-q + .sy-pt { margin-top: 10px; }
.sy-exk { display: flex; justify-content: space-between; gap: 8px; flex-wrap: wrap; align-items: baseline; margin-bottom: 6px; }
.sy-exk .k2 { margin: 0; }
.sy-sta { display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap; margin-top: 8px; font-size: 13px; font-weight: 600; }
.sy-sta a { text-decoration: none; }
.sy-exf { font-size: 12.5px; color: var(--muted); margin: 10px 0 0; line-height: 1.5; }

/* checked facts */
.sy-big { margin: 0; font: 400 26px/1.15 var(--serif); }
.sy-big b { font-weight: 400; }
.sy-sub { margin: 2px 0 12px; font-size: 13px; color: var(--muted); }
.sy-miss { border: 1px solid var(--g-200); background: var(--o-50); border-radius: 12px; padding: 12px 14px; margin-bottom: 14px; }
.sy-mh { display: flex; justify-content: space-between; gap: 8px; flex-wrap: wrap; align-items: center; }
.sy-fv { display: block; font-size: 20px; margin: 8px 0 6px; }
.sy-miss .sy-q { background: var(--card); border: 1px solid var(--line); border-radius: 8px; padding: 8px 10px; font-size: 13.5px; }
.sy-mp { margin: 10px 0; } .sy-mp p { margin: 2px 0 0; font-size: 13.5px; line-height: 1.5; }
.sy-miss > a { font-size: 13px; font-weight: 600; text-decoration: none; }
.r-x, .r-m { font-size: 12.5px; font-weight: 600; border-radius: 999px; padding: 3px 10px; }
.r-x { background: var(--another); color: var(--another-ink); } .r-m { background: var(--read); color: var(--read-ink); }
.sy-fh { margin: 4px 0 8px; }
.sy-fi { border: 1px solid var(--line); border-radius: 10px; margin-bottom: 8px; background: var(--card); }
.sy-fi.on { border-color: var(--first); }
a.sy-fr { display: grid; grid-template-columns: 20px 1fr 14px; gap: 10px; align-items: center; padding: 9px 12px; color: var(--ink); text-decoration: none; }
.sy-fr .ok { display: inline-grid; place-items: center; width: 18px; height: 18px; border-radius: 50%; background: var(--read); color: var(--read-ink); font-size: 11px; font-weight: 800; }
.sy-fr b { display: block; font-size: 14px; font-weight: 600; }
.sy-fr small { display: flex; gap: 4px; align-items: center; color: var(--muted); font-size: 12px; margin-top: 2px; }
.sy-fo { display: grid; gap: 10px; padding: 0 12px 12px 42px; }
.sy-fo .sy-q { font-size: 13.5px; margin-top: 2px; }

/* your pages in the answers */
.sy-pgh { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 16px; align-items: start; }
.sy-stbox { margin: 16px 22px 0 0; border: 1px solid var(--line); border-radius: 10px; padding: 10px 14px; background: var(--n-0); font-size: 13.5px; }
.sy-stbox p { margin: 0 0 6px; display: flex; justify-content: space-between; gap: 10px; align-items: baseline; }
.sy-stbox b { font-size: 18px; }
.sy-stbox .muted { display: block; font-size: 12px; line-height: 1.45; }
.sy-stbox a { font-weight: 600; font-size: 13px; text-decoration: none; }
.sy-alls { margin: 14px 22px 0; border: 1px solid var(--line); border-left: 3px solid var(--first); border-radius: 10px; padding: 6px 14px 10px; background: var(--b-50); }
.sy-sdg { padding: 8px 0; } .sy-sdg + .sy-sdg { border-top: 1px solid var(--line); }
.sy-tbl2 { border: 1px solid var(--line); border-radius: 10px; overflow: hidden; }
.sy-tr { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr) minmax(0, 1.3fr) 16px; gap: 16px; align-items: center; padding: 8px 12px; color: var(--ink); text-decoration: none; font-size: 14px; border-top: 1px solid var(--line); }
.sy-th { background: var(--n-25); font-size: 12.5px; color: var(--muted); font-weight: 600; border-top: 0; }
a.sy-tr:hover { background: var(--n-25); } a.sy-tr.on { background: var(--b-50); }
.sy-tr .tn { color: var(--first); font-weight: 500; } .sy-tr .tn small { color: var(--muted); font-weight: 400; font-size: 12px; margin-left: 4px; }
.sy-sh { display: grid; grid-template-columns: 118px 1fr; gap: 10px; align-items: center; min-width: 0; }
.sy-sh .nosee { color: var(--muted); font-size: 12.5px; }
.sy-tp { padding: 2px 12px 8px 26px; border-top: 1px solid var(--line); background: var(--n-0); }
.sy-tpr { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) minmax(0, 1fr) 120px; gap: 12px; padding: 7px 0; font-size: 13px; border-bottom: 1px solid var(--n-100); align-items: center; color: var(--ink); text-decoration: none; }
a.sy-tpr:hover { background: var(--n-25); }
.sy-pst { font-size: 12.5px; color: var(--first); font-weight: 600; text-align: right; white-space: nowrap; }
.sy-pst i { font-style: normal; }
.sy-doc { display: inline-flex; gap: 6px; align-items: center; font-size: 13px; min-width: 0; }
.sy-doc .dn { min-width: 0; overflow-wrap: normal; word-break: normal; }
.sy-doc svg { width: 14px; height: 14px; flex: none; } .sy-doc.mine { font-weight: 600; }
.sy-sts { padding: 4px 0 8px 12px; }
.sy-st { padding: 6px 0; }
.sy-st small { margin-top: 3px; }
.sy-pages .sy-grp { padding-top: 14px; }

/* AI engines: Sites behind its answers */
.sy-sl { margin: 6px 0 4px; }
.sy-sr { display: grid; grid-template-columns: 1fr 40px; grid-template-areas: "n p" "b k"; gap: 2px 8px; align-items: center; padding: 5px 0; border-bottom: 1px solid var(--n-100); }
.sy-sr .sn { grid-area: n; font-size: 13px; display: flex; gap: 5px; align-items: center; overflow-wrap: anywhere; min-width: 0; }
.sy-sr .sn svg { width: 13px; height: 13px; flex: none; }
.sy-sr .sy-pc { grid-area: p; font-weight: 600; font-size: 14px; text-align: right; }
.sy-sr .sy-bar { grid-area: b; height: 7px; }
.sy-sr .kn { grid-area: k; font-size: 11.5px; color: var(--muted); text-align: right; white-space: nowrap; }
.sy-sr.you { background: var(--off); border-radius: 7px; padding: 5px 6px; margin: 0 -6px; }
.sy-sr.you .sn { font-weight: 600; color: var(--off-ink); }
.ec a.sy-more { margin: 8px 0 0; }

@media (max-width: 1180px) {
  .sy-top { grid-template-columns: 1fr; }
  .sy-pgh { grid-template-columns: 1fr; } .sy-stbox { margin: 12px 22px 0; }
}
@media (max-width: 760px) {
  .sy-ch { padding: 14px 16px 0; } .sy-body { padding: 10px 14px 14px; } .sy-foot { padding: 10px 16px 14px; }
  .sy-sum { margin: 8px 16px 10px; gap: 4px 16px; font-size: 14px; }
  .sy-tbl { margin: 0 12px 14px; }
  .sy-ph0 { display: none; }
  .sy-pr { grid-template-columns: minmax(0, 1fr) 112px; gap: 4px 10px; padding: 8px 6px; }
  .sy-pr .sy-pw { grid-column: 1 / -1; } .sy-pr .sy-pp { display: none; }
  .sy-pr .kn { text-align: right; }
  .sy-exg { grid-template-columns: 1fr; }
  .sy-ex { padding: 10px; }
  .sy-lkpop { position: fixed; left: 16px; right: 16px; top: auto; bottom: 16px; width: auto; max-height: 70vh; overflow: auto; }
  .sy-stbox { margin: 12px 14px 0; } .sy-alls { margin: 12px 14px 0; }
  .sy-tr { grid-template-columns: minmax(0, 1fr) 16px; gap: 4px 10px; } .sy-th { display: none; }
  .sy-tr .sy-sh { grid-column: 1; grid-template-columns: 52px 108px 1fr; }
  .sy-sh::before { content: attr(data-l); font-size: 12px; color: var(--muted); }
  .sy-tr .chev { grid-column: 2; grid-row: 1; }
  .sy-tp { padding-left: 12px; } .sy-tpr { grid-template-columns: 1fr 1fr; gap: 2px 10px; } .sy-tpr .sy-doc, .sy-tpr .sy-pst { grid-column: 1 / -1; text-align: left; }
  .sy-sts { padding-left: 4px; }
}