/* The shared parts of the product, brand, event, store and spot pages (docs/implementation/49-entity-ui-common-mock.html):
   one look for crumbs, the heading block, status chips, key facts, folds, cards, next steps, the filter bar and sheet, the
   phone action bar and the empty state. Sizes are in px because the theme's rem is 10px, and 8.8px below 900px. Body text
   15px, headings 18px, h1 22px (26px from 768px), notes 12px; spacing in steps of 8px; one filled button per screen. */
:root {
  --tkl-entity-accent: var(--tkl-accent, #b7354b);
  --tkl-entity-accent-hover: var(--tkl-accent-hover, #9c2b3f);
  --tkl-entity-ink: #30252b;
  --tkl-entity-muted: #6b6168;
  --tkl-entity-line: #e9dde3;
  --tkl-entity-soft: #faf6f8;
  --tkl-entity-ended: #efebed;
  --tkl-entity-ended-ink: #554d52;
  --tkl-entity-radius: 10px;
}

.tkl-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
[class^="tkl-entity"] .tkl-icon, .tkl-chip .tkl-icon { width: 20px; height: 20px; flex: 0 0 20px; vertical-align: -4px; }
[class^="tkl-entity"] ul, [class^="tkl-entity"] ol, [class^="tkl-entity"] dl { margin: 0; padding: 0; list-style: none; }
/* Inside an article (.art) the theme styles lists and headings with the strength of an ID (its rules nested under #tinymce),
   so the parts' own lists and headings take :not(#\#), which counts as an ID, to keep their look anywhere. */
:is([class^="tkl-entity"], [class*=" tkl-entity"], .tkl-site-results) :is(ul, ol):not(#\#) { margin: 0; padding: 0; list-style: none; }
:is([class^="tkl-entity"], [class*=" tkl-entity"], .tkl-site-results) li:not(#\#) { margin: 0; list-style: none; }
[class^="tkl-entity"] a:focus-visible, [class^="tkl-entity"] button:focus-visible, [class^="tkl-entity"] summary:focus-visible { outline: 2px solid var(--tkl-entity-accent); outline-offset: 2px; }

/* Crumbs: one 12px line. */
.tkl-entity-crumbs { margin: 8px 0 0; color: var(--tkl-entity-muted); font-size: 12px; line-height: 1.5; }
/* One line (mock 48: スマホは横にスクロール): the levels keep their names (12em at most, with an ellipsis), the page's own
   name gives way down to 6em, and a trail longer than the line scrolls sideways instead of squashing the levels. */
.tkl-entity-crumbs ol { display: flex; align-items: center; min-width: 0; white-space: nowrap; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; }
.tkl-entity-crumbs ol::-webkit-scrollbar { display: none; }
.tkl-entity-crumbs li { display: flex; align-items: center; min-width: 0; flex: 0 1 auto; }
.tkl-entity-crumbs li + li::before { content: "＞"; flex: none; margin: 0 4px; color: #a99ea4; }
.tkl-entity-crumbs li:not(:last-child) { flex-shrink: 0; }
.tkl-entity-crumbs li:last-child { min-width: 6em; }
.tkl-entity-crumbs li:not(:first-child):not(:last-child) :is(a, span) { overflow: hidden; text-overflow: ellipsis; max-width: 12em; }
.tkl-entity-crumbs li:last-child span { overflow: hidden; text-overflow: ellipsis; }
.tkl-entity-crumbs a, .tkl-entity-crumbs span { display: block; color: var(--tkl-entity-muted); text-decoration: none; }
.tkl-entity-crumbs a:hover { text-decoration: underline; }

/* Kind badge, heading block and actions. */
.tkl-entity-type { display: inline-flex; align-items: center; gap: 4px; margin: 0; padding: 1px 10px 1px 8px; border-radius: 999px; background: var(--tkl-entity-soft); color: var(--tkl-entity-accent); font-size: 12px; font-weight: 700; line-height: 1.6; }
.tkl-entity-type .tkl-icon { width: 16px; height: 16px; flex-basis: 16px; }
.tkl-entity-type--sm { padding: 0 8px 0 6px; font-size: 11px; }
.tkl-entity-type--sm .tkl-icon { width: 14px; height: 14px; flex-basis: 14px; }
.tkl-entity-head { margin: 16px 0; color: var(--tkl-entity-ink); }
.tkl-entity-head__title:not(#\#) { margin: 8px 0 4px; padding: 0; border: 0; background: none; font-size: 22px; font-weight: 700; line-height: 1.45; letter-spacing: 0; }
.tkl-entity-head__subtitle { margin: 0 0 4px; color: var(--tkl-entity-ink); font-size: 14px; font-weight: 700; }
.tkl-entity-head__summary { margin: 0 0 8px; color: var(--tkl-entity-muted); font-size: 14px; line-height: 1.7; }
.tkl-entity-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
@media (min-width: 768px) { .tkl-entity-head__title:not(#\#) { font-size: 26px; } }

.tkl-entity-btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; box-sizing: border-box; min-height: 44px; padding: 0 16px; border: 1px solid var(--tkl-entity-accent); border-radius: 999px; background: #fff; color: var(--tkl-entity-accent); font: inherit; font-size: 14px; font-weight: 700; line-height: 1.3; text-decoration: none; cursor: pointer; }
.tkl-entity-btn:hover { background: var(--tkl-entity-soft); color: var(--tkl-entity-accent-hover); }
.tkl-entity-btn--primary { background: var(--tkl-entity-accent); color: #fff; }
.tkl-entity-btn--primary:hover { background: var(--tkl-entity-accent-hover); color: #fff; }
.tkl-entity-btn .tkl-entity-btn__external { width: 16px; height: 16px; flex-basis: 16px; }
.tkl-entity-pr { display: inline-block; padding: 0 4px; border: 1px solid currentColor; border-radius: 3px; font-size: 10px; font-weight: 700; line-height: 1.4; }
.tkl-entity-iconbtn { display: inline-grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 999px; background: transparent; color: var(--tkl-entity-ink); cursor: pointer; }
.tkl-entity-iconbtn:hover { background: var(--tkl-entity-soft); }

/* Status chips (mock 49, 4): now is filled, coming outlined, ended grey, new a thin outline. */
.tkl-entity-status { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 8px 0 0; }
.tkl-chip { display: inline-flex; align-items: center; gap: 4px; min-height: 26px; padding: 0 10px; border: 1px solid transparent; border-radius: 999px; font-size: 12px; font-weight: 700; line-height: 1.2; }
.tkl-chip .tkl-icon { width: 15px; height: 15px; flex-basis: 15px; }
.tkl-chip--run, .tkl-chip--soon { background: var(--tkl-entity-accent); color: #fff; }
.tkl-chip--coming { border-color: var(--tkl-entity-accent); background: #fff; color: var(--tkl-entity-accent); }
.tkl-chip--ended { background: var(--tkl-entity-ended); color: var(--tkl-entity-ended-ink); }
.tkl-chip--new { border-color: var(--tkl-entity-accent); background: #fff; color: var(--tkl-entity-accent); font-weight: 600; }
.tkl-entity-status--sm { margin-top: 4px; }
.tkl-entity-status--sm .tkl-chip { min-height: 22px; padding: 0 8px; font-size: 11px; }

/* Key facts: three in a row from 768px, stacked on phones; the rest under 詳しく. */
.tkl-entity-facts { margin: 16px 0; color: var(--tkl-entity-ink); }
.tkl-entity-facts dl { border: 1px solid var(--tkl-entity-line); border-radius: var(--tkl-entity-radius); background: #fff; }
.tkl-entity-facts dl > div { display: grid; grid-template-columns: 20px minmax(0, 1fr); column-gap: 8px; padding: 10px 12px; }
.tkl-entity-facts dl > div + div { border-top: 1px solid var(--tkl-entity-line); }
.tkl-entity-facts .tkl-icon { grid-row: span 2; margin-top: 2px; color: var(--tkl-entity-accent); }
.tkl-entity-facts dt { color: var(--tkl-entity-muted); font-size: 12px; line-height: 1.4; }
.tkl-entity-facts dd { margin: 0; font-size: 15px; font-weight: 700; line-height: 1.5; overflow-wrap: anywhere; }
@media (min-width: 768px) {
  .tkl-entity-facts__main { display: grid; grid-auto-columns: minmax(0, 1fr); grid-auto-flow: column; }
  .tkl-entity-facts__main > div + div { border-top: 0; border-left: 1px solid var(--tkl-entity-line); }
}
.tkl-entity-facts__more { margin-top: 8px; }
.tkl-entity-facts__more summary, .tkl-entity-fold summary { display: flex; align-items: center; gap: 8px; min-height: 48px; padding: 4px 12px; cursor: pointer; list-style: none; font-size: 14px; font-weight: 700; }
.tkl-entity-facts__more summary { border: 1px solid var(--tkl-entity-line); border-radius: var(--tkl-entity-radius); background: #fff; }
.tkl-entity-facts__more[open] summary { border-radius: var(--tkl-entity-radius) var(--tkl-entity-radius) 0 0; }
.tkl-entity-facts__more[open] dl { border-top: 0; border-radius: 0 0 var(--tkl-entity-radius) var(--tkl-entity-radius); }
.tkl-entity-facts__more summary::-webkit-details-marker, .tkl-entity-fold summary::-webkit-details-marker, .tkl-entity-next__more summary::-webkit-details-marker, .tkl-entity-sort summary::-webkit-details-marker { display: none; }
.tkl-entity-facts__more small, .tkl-entity-fold small { overflow: hidden; color: var(--tkl-entity-muted); font-size: 12px; font-weight: 400; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
.tkl-entity-chev { margin-left: auto; color: var(--tkl-entity-muted); transition: transform .18s; }
details[open] > summary > .tkl-entity-chev { transform: rotate(180deg); }

/* Folds: the heading row tells the gist, so a closed section still answers. */
.tkl-entity-fold { margin: 8px 0; border: 1px solid var(--tkl-entity-line); border-radius: var(--tkl-entity-radius); background: #fff; color: var(--tkl-entity-ink); }
.tkl-entity-fold > summary > .tkl-icon:first-child { color: var(--tkl-entity-accent); }
.tkl-entity-fold__title:not(#\#) { flex: none; filter: none; max-width: 70%; margin: 0; padding: 0; border: 0; background: none; font-size: 16px; font-weight: 700; line-height: 1.5; }
.tkl-entity-fold__body { padding: 0 12px 12px; font-size: 15px; line-height: 1.8; }
@media (prefers-reduced-motion: reduce) { .tkl-entity-chev { transition: none; } }

/* Cards: rows with an 80px picture on phones, three columns from 768px; or a sideways row of 220px cards. */
.tkl-entity-cards { display: grid; gap: 0; margin: 8px 0; border-top: 1px solid var(--tkl-entity-line); }
.tkl-entity-card { min-width: 0; border-bottom: 1px solid var(--tkl-entity-line); }
.tkl-entity-card > a { display: grid; grid-template-columns: 80px minmax(0, 1fr); gap: 12px; align-items: center; min-height: 96px; padding: 8px 0; color: var(--tkl-entity-ink); text-decoration: none; }
.tkl-entity-card__media { display: block; width: 80px; height: 80px; overflow: hidden; border-radius: 8px; background: linear-gradient(135deg, #f7e6ec, #efe7f4); }
.tkl-entity-card__media img { display: block; width: 100%; height: 100%; object-fit: cover; }
.tkl-entity-card__ph { display: grid; place-items: center; align-content: center; gap: 2px; width: 100%; height: 100%; color: #8f8389; font-size: 10px; text-align: center; }
.tkl-entity-card__ph .tkl-icon { width: 28px; height: 28px; flex-basis: 28px; color: #b9aeb4; }
.tkl-entity-card__ph .tkl-entity-card__art { width: 28px; height: 28px; object-fit: contain; }
.tkl-entity-card__word { display: grid; place-items: center; width: 100%; height: 100%; padding: 6px; box-sizing: border-box; overflow: hidden; color: var(--tkl-entity-ink); font-size: 12px; font-weight: 700; line-height: 1.3; text-align: center; overflow-wrap: anywhere; }
.tkl-entity-card__body { display: block; min-width: 0; }
.tkl-entity-card__title { display: -webkit-box; margin: 4px 0 2px; overflow: hidden; font-size: 15px; font-weight: 700; line-height: 1.5; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow-wrap: anywhere; }
.tkl-entity-card__meta { display: flex; flex-wrap: wrap; gap: 2px 10px; color: var(--tkl-entity-muted); font-size: 12px; line-height: 1.5; }
.tkl-entity-card__meta > span { display: inline-flex; align-items: center; gap: 3px; min-width: 0; }
.tkl-entity-card__meta .tkl-icon { width: 14px; height: 14px; flex-basis: 14px; }
.tkl-entity-card > a:hover .tkl-entity-card__title { color: var(--tkl-entity-accent); }
.tkl-entity-card--text > a { grid-template-columns: minmax(0, 1fr); min-height: 0; padding: 10px 0; }
@media (min-width: 768px) {
  .tkl-entity-cards--rows { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; border-top: 0; }
  .tkl-entity-cards--rows .tkl-entity-card { border: 1px solid var(--tkl-entity-line); border-radius: var(--tkl-entity-radius); background: #fff; overflow: hidden; }
  .tkl-entity-cards--rows .tkl-entity-card > a { display: block; min-height: 0; padding: 0; }
  .tkl-entity-cards--rows .tkl-entity-card__media { width: 100%; height: auto; aspect-ratio: 4 / 3; border-radius: 0; }
  .tkl-entity-cards--rows .tkl-entity-card__body { padding: 10px 12px 12px; }
  .tkl-entity-cards--rows .tkl-entity-card--text > a { min-height: 100%; box-sizing: border-box; }
}
.tkl-entity-cards--scroll { display: flex; gap: 12px; overflow-x: auto; padding-bottom: 4px; border-top: 0; scroll-snap-type: x proximity; -webkit-overflow-scrolling: touch; }
.tkl-entity-cards--scroll .tkl-entity-card { flex: 0 0 220px; border: 1px solid var(--tkl-entity-line); border-radius: var(--tkl-entity-radius); background: #fff; overflow: hidden; scroll-snap-align: start; }
.tkl-entity-cards--scroll .tkl-entity-card > a { display: block; min-height: 0; padding: 0; }
.tkl-entity-cards--scroll .tkl-entity-card__media { width: 100%; height: auto; aspect-ratio: 16 / 10; border-radius: 0; }
.tkl-entity-cards--scroll .tkl-entity-card__body { padding: 8px 10px 10px; }
.tkl-entity-more { display: inline-flex; align-items: center; gap: 4px; min-height: 44px; color: var(--tkl-entity-accent); font-size: 14px; font-weight: 700; text-decoration: none; }

/* Next steps. */
.tkl-entity-next { margin: 24px 0; color: var(--tkl-entity-ink); }
.tkl-entity-next__title:not(#\#) { filter: none; margin: 0 0 8px; padding: 0; border: 0; background: none; font-size: 18px; font-weight: 700; line-height: 1.5; }
.tkl-entity-next ul { border: 1px solid var(--tkl-entity-line); border-radius: var(--tkl-entity-radius); background: #fff; }
.tkl-entity-next li + li { border-top: 1px solid var(--tkl-entity-line); }
.tkl-entity-next a { display: flex; align-items: center; gap: 10px; min-height: 52px; padding: 8px 12px; color: var(--tkl-entity-ink); font-size: 15px; text-decoration: none; }
.tkl-entity-next a > .tkl-icon:first-child { color: var(--tkl-entity-accent); }
.tkl-entity-next a > span { flex: 1; min-width: 0; }
.tkl-entity-next small { display: block; color: var(--tkl-entity-muted); font-size: 12px; }
.tkl-entity-next__go { color: var(--tkl-entity-muted); }
.tkl-entity-next__more { margin-top: 8px; }
.tkl-entity-next__more summary { display: flex; align-items: center; gap: 4px; min-height: 44px; color: var(--tkl-entity-accent); font-size: 14px; font-weight: 700; cursor: pointer; list-style: none; }

/* Section links in one sideways row. */
.tkl-entity-sections { margin: 8px 0 16px; }
.tkl-entity-sections ul { display: flex; gap: 6px; overflow-x: auto; padding: 4px 0; scrollbar-width: none; }
.tkl-entity-sections ul::-webkit-scrollbar { display: none; }
.tkl-entity-sections a { flex: none; display: inline-flex; align-items: center; min-height: 36px; padding: 0 12px; border: 1px solid var(--tkl-entity-line); border-radius: 999px; background: #fff; color: var(--tkl-entity-ink); font-size: 13px; white-space: nowrap; text-decoration: none; }
.tkl-entity-sections a:hover { border-color: var(--tkl-entity-accent); color: var(--tkl-entity-accent); }

/* Filter bar and the chips of the conditions in use. */
.tkl-entity-filterbar { display: flex; align-items: center; gap: 8px; margin: 8px 0; padding: 4px 0; }
.tkl-entity-ctl { display: inline-flex; align-items: center; gap: 4px; min-height: 40px; padding: 0 12px; border: 1px solid var(--tkl-entity-line); border-radius: 999px; background: #fff; color: var(--tkl-entity-ink); font: inherit; font-size: 13px; font-weight: 700; cursor: pointer; list-style: none; white-space: nowrap; }
.tkl-entity-ctl b { display: inline-grid; place-items: center; min-width: 20px; height: 20px; padding: 0 4px; box-sizing: border-box; border-radius: 999px; background: var(--tkl-entity-accent); color: #fff; font-size: 11px; }
.tkl-entity-sort { position: relative; }
.tkl-entity-sort ul { position: absolute; z-index: 20; top: calc(100% + 4px); left: 0; min-width: 180px; padding: 4px 0; border: 1px solid var(--tkl-entity-line); border-radius: var(--tkl-entity-radius); background: #fff; box-shadow: 0 6px 20px rgba(48, 37, 43, .12); }
.tkl-entity-sort a { display: flex; align-items: center; min-height: 44px; padding: 0 14px; color: var(--tkl-entity-ink); font-size: 14px; text-decoration: none; white-space: nowrap; }
.tkl-entity-sort a[aria-current="true"] { color: var(--tkl-entity-accent); font-weight: 700; }
.tkl-entity-sort a:hover { background: var(--tkl-entity-soft); }
.tkl-entity-count { margin-left: auto; color: var(--tkl-entity-muted); font-size: 12px; white-space: nowrap; }
.tkl-entity-active { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 8px; }
.tkl-entity-active a { display: inline-flex; align-items: center; gap: 2px; min-height: 32px; padding: 0 6px 0 10px; border-radius: 999px; background: var(--tkl-entity-soft); color: var(--tkl-entity-accent); font-size: 12px; font-weight: 700; text-decoration: none; }
.tkl-entity-active .tkl-icon { width: 16px; height: 16px; flex-basis: 16px; }

/* Sheet: a real dialog, from the bottom on phones and from the right from 768px. */
.tkl-entity-sheet { box-sizing: border-box; width: min(560px, 100%); max-width: 100%; max-height: 80vh; margin: auto auto 0; padding: 0; border: 0; border-radius: 16px 16px 0 0; background: #fff; color: var(--tkl-entity-ink); box-shadow: 0 -8px 32px rgba(48, 37, 43, .18); overscroll-behavior: contain; }
.tkl-entity-sheet::backdrop { background: rgba(48, 37, 43, .4); }
.tkl-entity-sheet__form { display: contents; }
.tkl-entity-sheet__head { position: sticky; top: 0; z-index: 1; flex: none; display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 5px 8px 5px 16px; border-bottom: 1px solid var(--tkl-entity-line); background: #fff; }
.tkl-entity-sheet__head h2:not(#\#) { filter: none; margin: 0; padding: 0; border: 0; background: none; font-size: 16px; font-weight: 700; line-height: 1.5; }
/* Only the body scrolls, so a long sheet never runs under its heading or its 「N件を表示」 bar. */
.tkl-entity-sheet[open] { display: flex; flex-direction: column; }
.tkl-entity-sheet__body { flex: 1; min-height: 0; overflow: auto; overscroll-behavior: contain; padding: 12px 16px; font-size: 15px; line-height: 1.7; }
.tkl-entity-sheet__foot { position: sticky; bottom: 0; flex: none; display: flex; gap: 8px; padding: 10px 16px calc(10px + env(safe-area-inset-bottom)); border-top: 1px solid var(--tkl-entity-line); background: #fff; }
.tkl-entity-sheet__foot .tkl-entity-btn { flex: 1; }
@media (min-width: 768px) {
  .tkl-entity-sheet { width: min(420px, 100%); height: 100vh; max-height: 100vh; margin: 0 0 0 auto; border-radius: 16px 0 0 16px; box-shadow: -8px 0 32px rgba(48, 37, 43, .18); }
}
.tkl-entity-choices { margin: 0 0 16px; padding: 0; border: 0; }
.tkl-entity-choices legend { margin-bottom: 8px; padding: 0; font-size: 13px; font-weight: 700; }
.tkl-entity-choices > div { display: flex; flex-wrap: wrap; gap: 6px; }
.tkl-entity-choices label { position: relative; display: inline-flex; cursor: pointer; }
.tkl-entity-choices input { position: absolute; opacity: 0; inset: 0; margin: 0; cursor: pointer; }
.tkl-entity-choices span { display: inline-flex; align-items: center; min-height: 40px; padding: 0 14px; border: 1px solid var(--tkl-entity-line); border-radius: 999px; background: #fff; font-size: 13px; }
.tkl-entity-choices input:checked + span { border-color: var(--tkl-entity-accent); background: var(--tkl-entity-soft); color: var(--tkl-entity-accent); font-weight: 700; }
.tkl-entity-choices input:focus-visible + span { outline: 2px solid var(--tkl-entity-accent); outline-offset: 2px; }

/* The phone action bar: fixed to the bottom of detail pages only, never with an article's bottom row or shop band. */
.tkl-entity-actionbar { display: none; }
@media (max-width: 767px) {
  .tkl-entity-actionbar { position: fixed; z-index: 58; left: 0; right: 0; bottom: 0; display: flex; gap: 8px; padding: 8px 16px calc(8px + env(safe-area-inset-bottom)); border-top: 1px solid var(--tkl-entity-line); background: rgba(255, 255, 255, .97); box-shadow: 0 -4px 16px rgba(48, 37, 43, .08); }
  .tkl-entity-actionbar > * { flex: 1; }
  body:has(.tkl-entity-actionbar) { padding-bottom: calc(64px + env(safe-area-inset-bottom)); }
  body:has(.tkl-band, .cui-dock) .tkl-entity-actionbar { display: none; }
  body:has(.tkl-band, .cui-dock):has(.tkl-entity-actionbar) { padding-bottom: 0; }
}

/* Empty state. */
.tkl-entity-empty { display: grid; justify-items: center; gap: 8px; margin: 16px 0; padding: 24px 16px; border: 1px dashed var(--tkl-entity-line); border-radius: var(--tkl-entity-radius); background: #fff; color: var(--tkl-entity-ink); text-align: center; }
.tkl-entity-empty > .tkl-icon { width: 36px; height: 36px; flex-basis: 36px; color: #b9aeb4; }
.tkl-entity-empty p { margin: 0; font-size: 15px; }
.tkl-entity-empty ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.tkl-entity-empty a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 16px; border: 1px solid var(--tkl-entity-line); border-radius: 999px; color: var(--tkl-entity-accent); font-size: 14px; font-weight: 700; text-decoration: none; }

/* The kinds of the site search on /?s= (mock 49, decision A). */
.tkl-site-results { margin: 8px 0 24px; color: var(--tkl-entity-ink); }
.tkl-site-results__box { margin: 8px 0 12px; }
.tkl-site-results__tabs { margin-bottom: 8px; }
.tkl-site-results__tabs a > span { margin-left: 4px; color: var(--tkl-entity-muted); font-size: 12px; }
.tkl-site-results__tabs a[aria-current="page"] { border-color: var(--tkl-entity-accent); background: var(--tkl-entity-soft); color: var(--tkl-entity-accent); font-weight: 700; }
.tkl-site-results__group > h2:not(#\#), .tkl-site-results__articles:not(#\#) { filter: none; display: flex; align-items: center; gap: 6px; margin: 24px 0 8px; padding: 0; border: 0; background: none; font-size: 18px; font-weight: 700; line-height: 1.5; }
.tkl-site-results .tkl-site-results__group > h2 > span, .tkl-site-results .tkl-site-results__articles > span { color: var(--tkl-entity-muted); font-size: 13px; font-weight: 400; }
.tkl-site-results h2 > .tkl-icon { color: var(--tkl-entity-accent); }
.tkl-site-results__brand { margin-top: 12px; }