.sx-pop.sx-pl-pop { width: 520px; }
.sx-pop .sx-pl-h { margin-top: 4px; padding-top: 14px; border-top: 1px solid var(--sx-line); }
.sx-pl { display: grid; gap: 14px; }
.sx-pl-wait, .sx-pl-none, .sx-pl-note { margin: 0; font-size: 13px; color: var(--sx-ink3); line-height: 1.45; }
.sx-pl-head { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; justify-content: space-between; }
.sx-pl-dist { display: grid; grid-template-columns: auto 1fr 120px; gap: 8px; align-items: center; }
.sx-pl-dist > span { font-size: 13px; color: var(--sx-ink2); }
.sx-pl-row { display: grid; gap: 8px; }
.sx-pl > .sx-pl-row + .sx-pl-row, .sx-pl-morebox > .sx-pl-row + .sx-pl-row { padding-top: 14px; border-top: 1px solid var(--sx-line); }
.sx-pl-morebox { display: grid; gap: 14px; }
.sx-pl-fold { all: unset; box-sizing: border-box; cursor: pointer; display: flex; align-items: center; gap: 6px; padding-top: 12px; border-top: 1px solid var(--sx-line); font-size: 13px; font-weight: 500; color: var(--sx-ink2); }
.sx-pl-fold::after { content: ''; width: 7px; height: 7px; margin-left: auto; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg); transition: transform var(--sx-fast) var(--sx-ease); }
.sx-pl-fold[aria-expanded="true"]::after { transform: rotate(225deg); }
.sx-pl-fold:hover { color: var(--sx-ink); }
.sx-pl-fold:focus-visible { outline: 2px solid var(--brand); outline-offset: 2px; border-radius: 6px; }
.sx-pl-lab { font-size: 14px; font-weight: 600; display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 8px; }
.sx-pl-lab small { font-size: 12px; font-weight: 400; color: var(--sx-ink3); }
.sx-pl-words { display: grid; grid-template-columns: 1fr auto; gap: 8px; align-items: center; }
.sx-pl-text input { font-weight: 500; font-size: 14px; font-variant-numeric: normal; }
.sx-pl-try .sx-chip { height: 28px; padding: 0 10px; font-size: 12.5px; font-weight: 400; color: var(--sx-ink2); }
.sx-pl .sx-chip[data-zero] { color: var(--sx-ink3); }
.sx-pl .sx-chip[data-zero] small { opacity: .7; }
.sx-pl-more, .sx-pl-agent { all: unset; cursor: pointer; justify-self: start; font-size: 13px; font-weight: 500; color: var(--brand-dark); text-decoration: underline; text-underline-offset: 3px; }
.sx-pl-more:focus-visible, .sx-pl-agent:focus-visible, .sx-pl-sug:focus-visible, .sx-pl-tile:focus-visible, .sx-pl-tabs button:focus-visible { outline: 2px solid var(--brand); outline-offset: 2px; border-radius: 6px; }
.sx-pl-err, .sx-pl-lim.bad { margin: 0; font-size: 12.5px; color: #991b1b; }
.sx-pl-lim { margin: -6px 0 0; }
.sx-pl-name { display: grid; gap: 4px; }
.sx-pl-sugs { display: grid; padding: 4px; border-radius: 10px; box-shadow: inset 0 0 0 1px var(--sx-line2); }
.sx-pl-sugs[hidden] { display: none; }
.sx-pl-sug { all: unset; box-sizing: border-box; cursor: pointer; display: flex; justify-content: space-between; gap: 12px; padding: 7px 10px; border-radius: 7px; font-size: 13.5px; transition: background-color var(--sx-fast) var(--sx-ease); }
.sx-pl-sug:hover { background: var(--sx-wash); }
.sx-pl-sug small { color: var(--sx-ink3); font-size: 12.5px; font-variant-numeric: tabular-nums; white-space: nowrap; }

.sx-app:has(+ .sx-pl-meta) { padding-bottom: 6px; }
.sx-pl-meta { display: flex; flex-wrap: wrap; gap: 2px 12px; padding: 0 0 10px; margin-top: 0; font-size: 12.5px; color: var(--sx-ink3); }

.sx-pl-tabs { display: flex; flex-wrap: wrap; gap: 6px; padding: 12px 24px 4px; }
.sx-pl-tabs button { all: unset; box-sizing: border-box; cursor: pointer; height: 30px; display: inline-flex; align-items: center; gap: 6px; padding: 0 12px; border-radius: 999px; font-size: 13px; font-weight: 500; box-shadow: inset 0 0 0 1px var(--sx-line2); transition: background-color var(--sx-fast) var(--sx-ease); }
.sx-pl-tabs button:hover { background: var(--sx-wash); }
.sx-pl-tabs button[aria-selected="true"] { box-shadow: inset 0 0 0 1.5px var(--sx-ink); background: var(--sx-wash); }
.sx-pl-tabs small { color: var(--sx-ink3); font-variant-numeric: tabular-nums; }

.sx-pl-tile { all: unset; box-sizing: border-box; cursor: pointer; display: grid; gap: 2px; align-content: start; text-align: left; padding: 2px 12px; border-left: 1px solid var(--sx-line); transition: background-color var(--sx-fast) var(--sx-ease); }
.sx-mini .sx-pl-tile:nth-child(3n+1), .sx-mini.two .sx-pl-tile:nth-child(2n+1) { padding-left: 0; border-left: 0; }
.sx-mini.two .sx-pl-tile:nth-child(3n+1):not(:nth-child(2n+1)) { padding-left: 12px; border-left: 1px solid var(--sx-line); }
.sx-pl-tile:hover { background: var(--sx-wash); }
.sx-pl-tile span { text-decoration: underline; text-decoration-color: var(--sx-line3); text-underline-offset: 3px; }
@media (max-width: 768px) {
  .sx-pop.sx-pl-pop { width: auto; }
  .sx-pl-dist { grid-template-columns: 1fr; }
  .sx-pl-words { grid-template-columns: 1fr; }
}