/* 27.10.2026: Ergebnisseite der eigenen Suche – Design der Websuche-Suchoberfläche, Farben aus app.css (Hell/Dunkel) */
.ix { --ix-hl: #e9f6d8; --ix-line: var(--border); }
:root[data-theme="dark"] .ix { --ix-hl: #2f4a1c; }

.ix-stats { margin: 0 0 1.1rem; color: var(--text-muted); font-size: .82rem; font-weight: 400; line-height: 1.5; font-variant-numeric: tabular-nums; }
.ix-sug { margin: 0 0 1.1rem; }
.ix-sug a { font-weight: 600; font-style: italic; }

.ix-results { list-style: none; margin: 0; padding: 0; }
.ix-res { margin: 0 0 1.6rem; min-width: 0; }
.ix-u { color: var(--url); font-size: .84rem; overflow-wrap: anywhere; }
.ix-t { display: inline; color: var(--primary); font-size: 1.15rem; font-weight: 500; text-decoration: none; overflow-wrap: anywhere; }
.ix-t:hover, .ix-t:focus-visible { text-decoration: underline; }
.ix-t:visited { color: var(--visited); }
.ix-res p { margin: .25rem 0 0; color: var(--text); font-size: .93rem; line-height: 1.55; overflow-wrap: anywhere; }
.ix-res p b, .ix-at b { background: var(--ix-hl); font-weight: 600; border-radius: 3px; padding: 0 2px; }
.ix-dt { color: var(--text-muted); }
.ix-res p.ix-fx { margin-top: .2rem; color: var(--text-muted); font-size: .86rem; }
.ix-sl { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: .5rem 1.5rem; margin: .75rem 0 .25rem 1rem; }
.ix-sl a { color: var(--primary); text-decoration: none; font-size: .98rem; overflow-wrap: anywhere; }
.ix-sl a:hover { text-decoration: underline; }

.ix-box { border: 1px solid var(--ix-line); border-radius: 10px; padding: .75rem 1.1rem; margin: .25rem 0 1.4rem; max-width: 640px; background: var(--surface); }
.ix-bh { font-weight: 700; margin-bottom: .45rem; }
.ix-src { margin: .5rem 0 0; color: var(--text-muted); font-size: .82rem; overflow-wrap: anywhere; }
.ix-src a { text-decoration: none; }
.ix-src a:hover { text-decoration: underline; }
.ix-muted { color: var(--text-muted); font-size: .88rem; }

.ix-answer { border-left: 4px solid var(--accent); }
.ix-at { margin: 0; font-size: 1.06rem; line-height: 1.5; overflow-wrap: anywhere; }
.ix-calc { border-left: 4px solid var(--primary); }
.ix-ce { color: var(--text-muted); font-size: .95rem; }
.ix-cv { font-size: 1.7rem; font-weight: 600; margin-top: 2px; overflow-wrap: anywhere; }
.ix-cal { border-left: 4px solid var(--accent); }
.ix-cal table { border-collapse: collapse; width: 100%; font-size: .93rem; }
.ix-cal td { padding: 3px 10px 3px 0; vertical-align: top; }
.ix-cd { white-space: nowrap; }
.ix-cr { color: var(--text-muted); white-space: nowrap; text-align: right; }
.ix-cal tr.nx td { font-weight: 600; }
.ix-cal tr.past td { color: var(--text-muted); }
.ix-cn { color: var(--text-muted); font-size: .85rem; }
.ix-weather { border-left: 4px solid var(--primary); }
.ix-wc { font-size: 1.6rem; margin-bottom: .5rem; }
.ix-wds { display: flex; gap: 14px; flex-wrap: wrap; }
.ix-wd { text-align: center; min-width: 64px; font-size: .92rem; }
.ix-wi { font-size: 1.3rem; }
.ix-wmin { color: var(--text-muted); }
.ix-wp { color: var(--primary); font-size: .8rem; }
.ix-places { border-radius: 12px; }
.ix-pl { padding: .45rem 0; border-top: 1px solid var(--ix-line); font-size: .95rem; }
.ix-pl:first-of-type { border-top: 0; }
.ix-pl a { font-weight: 600; text-decoration: none; }
.ix-panel { border-radius: 12px; padding: .9rem 1.1rem; }
.ix-pt { font-size: 1.25rem; font-weight: 600; text-decoration: none; }
.ix-pt:hover { text-decoration: underline; }
.ix-panel p { margin: .5rem 0 0; font-size: .95rem; line-height: 1.55; }
.ix-panel p.ix-src { font-size: .8rem; }

.ix-fb { margin: .5rem 0 2rem; color: var(--text-muted); font-size: .9rem; }
.ix-fb button { font: inherit; margin-left: .4rem; padding: .15rem .7rem; border: 1px solid var(--border); border-radius: 999px; background: var(--surface); color: var(--text); cursor: pointer; }
.ix-fb button:hover { background: var(--chip-hover); }
.ix-fb textarea { display: block; width: 100%; max-width: 560px; margin: .6rem 0; padding: .4rem .6rem; font: inherit; font-size: .9rem; border: 1px solid var(--border); border-radius: 8px; background: var(--surface); color: var(--text); }

/* 27.10.: verwandte freigegebene Suchen unter den Treffern */
.ix-related { margin: .5rem 0 1.5rem; }
.ix-related h2 { margin: 0 0 .6rem; font-size: .95rem; font-weight: 600; }