:root {
  --cdp-accent: #d2f85a;
  --cdp-accent-hover: #e0ff81;
  --cdp-ink: #1b251a;
  --cdp-focus: #416b0d;
}
:root[data-theme="dark"] { --cdp-focus: #d2f85a; }
.cdp-entry {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  min-width: 0;
  margin: 6px 10px 12px;
  padding: 14px 16px;
  border: 1px solid var(--cdp-ink);
  border-radius: 6px;
  background: var(--cdp-accent);
  color: var(--cdp-ink);
  text-decoration: none;
  letter-spacing: 0;
}
.cdp-entry-name { display: grid; min-width: 0; gap: 2px; line-height: 1.2; }
.cdp-entry-name strong { font-size: 28px; font-weight: 850; }
.cdp-entry-name > span { font-size: 17px; font-weight: 750; overflow-wrap: anywhere; }
.cdp-entry-arrow { display: grid; flex: 0 0 28px; width: 28px; height: 28px; place-items: center; }
.cdp-entry .ui-icon { width: 24px; height: 24px; filter: brightness(0); }
:root[data-theme="dark"] .cdp-entry .ui-icon { filter: brightness(0); }
.cdp-entry:hover { background: var(--cdp-accent-hover); color: var(--cdp-ink); }
.cdp-entry:active { background: #b8df40; color: var(--cdp-ink); }
.cdp-entry:focus-visible { outline: 3px solid var(--cdp-focus); outline-offset: 3px; }
.cdp-wordmark { display: grid; gap: 2px; min-width: 0; }
.cdp-wordmark > span { font-size: 12px; font-weight: 600; line-height: 1.4; color: var(--muted); }
.cdp-wordmark strong { font-size: 30px; font-weight: 800; line-height: 1.25; color: var(--text); }
.cdp-wordmark strong > span { display: inline-block; }
.cdp-portal a:focus-visible, .cdp-portal button:focus-visible { outline: 3px solid var(--cdp-focus); outline-offset: 3px; }
@media (max-width: 600px) {
  .cdp-wordmark strong { font-size: 26px; }
}