body[data-ui-layout=true]{--list-ink:#e4d9ef;--list-muted:#b1a2c4;--list-line:#b49bc13d;--list-paper:#191422ad;--list-selected:#d6c2e5;--list-on-selected:#2c2037;--list-radius:14px}body[data-garden-system=true]{--list-ink:#35432e;--list-muted:#69755b;--list-line:#86956a55;--list-paper:#fffaf0d9;--list-selected:#526b3f;--list-on-selected:#fffaf0;--list-radius:3px 16px 3px 3px}body[data-museum-system=true]{--list-ink:#33352f;--list-muted:#72776b;--list-line:#7e82614d;--list-paper:#f7f6efeb;--list-selected:#42473d;--list-on-selected:#fbfaf5;--list-radius:0}body[data-city-system=true]{--list-ink:#e2eff6;--list-muted:#a0b7c7;--list-line:#9cc3d74a;--list-paper:#2337474a;--list-selected:#c3e2f4;--list-on-selected:#172d3e;--list-radius:12px}html[data-site-theme=moon] body[data-ui-layout=true] .blog-page{--list-ink:#47364e;--list-muted:#7a687e;--list-line:#947c9d4d;--list-paper:#f9f4f8;--list-selected:#755b84;--list-on-selected:#fffaff}body[data-ui-layout=true] .list-page-navigation{border-top:1px solid var(--list-line);color:var(--list-ink);margin-block:38px 16px;padding-top:22px}body[data-ui-layout=true] .list-page-readout{color:var(--list-muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:space-between;gap:18px;font-size:12px;line-height:1.6;display:flex}body[data-ui-layout=true] .list-page-readout strong{color:var(--list-ink);font-weight:600}body[data-ui-layout=true] .pagination.list-pagination{box-shadow:none;background:0 0;border:0;grid-template-columns:minmax(92px,1fr) auto minmax(92px,1fr);justify-content:stretch;align-items:center;gap:18px;margin:14px 0 0;padding:0;display:grid}body[data-ui-layout=true] .list-pagination .list-page-numbers{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}body[data-ui-layout=true] .list-pagination :is(a,.list-page-step){border:1px solid var(--list-line);background:var(--list-paper);min-width:44px;min-height:44px;color:var(--list-ink);border-radius:var(--list-radius);box-sizing:border-box;justify-content:center;align-items:center;padding:10px 14px;font-size:13px;line-height:1.5;text-decoration:none;transition:background .18s,border-color .18s;display:inline-flex}body[data-ui-layout=true] .list-pagination .list-page-step{white-space:nowrap;width:fit-content;min-width:108px}body[data-ui-layout=true] .list-pagination>.list-page-step:last-child{justify-self:end}body[data-ui-layout=true] .list-pagination a:is([aria-current=page],:hover){background:var(--list-selected);color:var(--list-on-selected);border-color:var(--list-selected)}body[data-ui-layout=true] .list-pagination a:focus-visible{outline:2px solid var(--list-selected);outline-offset:4px}body[data-ui-layout=true] .list-pagination .pagination-disabled{opacity:.4;background:0 0}body[data-ui-layout=true] .empty-state.list-empty-state{text-align:left;border:1px solid var(--list-line);border-radius:var(--list-radius);background:var(--list-paper);min-height:260px;color:var(--list-ink);box-shadow:none;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(24px,5vw,56px);padding:clamp(30px,5vw,64px);display:grid}body[data-ui-layout=true] .list-empty-copy{min-width:0;max-width:560px}body[data-ui-layout=true] .list-empty-copy .list-empty-caption{letter-spacing:.14em;color:var(--list-muted);font-size:11px}body[data-ui-layout=true] .list-empty-copy h2{color:var(--list-ink);overflow-wrap:anywhere;margin:13px 0 10px;font-size:clamp(22px,2.8vw,34px);line-height:1.4}body[data-ui-layout=true] .list-empty-copy p{color:var(--list-muted);margin:0;font-size:14px;line-height:1.8}body[data-ui-layout=true] .list-empty-copy .empty-state-options{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:10px 22px;margin-top:24px;display:flex}body[data-ui-layout=true] .list-empty-copy .empty-state-options a{min-height:44px;color:var(--list-ink);justify-content:center;align-items:center;margin:0;font-size:13px;line-height:1.5;display:inline-flex}body[data-ui-layout=true] .list-empty-copy .empty-state-options .button{border:1px solid var(--list-line);border-radius:var(--list-radius);background:var(--list-selected);color:var(--list-on-selected);padding:10px 20px}body[data-ui-layout=true] .list-empty-copy .empty-state-options a:focus-visible{outline:2px solid var(--list-selected);outline-offset:4px}body[data-ui-layout=true] .list-empty-graphic{opacity:.7;width:104px;height:120px;position:relative}body[data-ui-layout=true] .list-empty-graphic i{border:1px solid var(--list-line);background:var(--list-paper);border-radius:3px;position:absolute;inset:10px 17px;transform:rotate(-14deg)}body[data-ui-layout=true] .list-empty-graphic i:nth-child(2){transform:rotate(6deg)}body[data-ui-layout=true] .list-empty-graphic i:nth-child(3){background:repeating-linear-gradient(transparent 0 15px,var(--list-line) 16px,transparent 17px),var(--list-paper);background-position:50%;background-repeat:no-repeat;background-size:70% 60%;transform:rotate(-2deg)}body[data-city-system=true] .list-empty-state{backdrop-filter:blur(20px)}body[data-garden-system=true] .list-empty-state{box-shadow:4px 5px #7c875b12}body[data-museum-system=true] .list-empty-graphic i{inset:10px 12px 16px 20px;transform:rotate(0)}body[data-museum-system=true] .list-empty-graphic i:nth-child(2){transform:translate(-5px,5px)}body[data-museum-system=true] .list-empty-graphic i:nth-child(3){transform:translate(-10px,10px)}@media (width<=650px){body[data-ui-layout=true] .pagination.list-pagination{grid-template-columns:1fr 1fr;gap:12px}body[data-ui-layout=true] .list-pagination .list-page-numbers{display:none}body[data-ui-layout=true] .list-pagination .list-page-step{width:100%;min-width:0;min-height:48px}body[data-ui-layout=true] .list-page-readout{gap:12px;font-size:11px}body[data-ui-layout=true] .empty-state.list-empty-state{grid-template-columns:1fr;gap:18px;min-height:0;padding:26px 22px}body[data-ui-layout=true] .list-empty-graphic{width:64px;height:64px}body[data-ui-layout=true] .list-empty-graphic i{inset:4px 8px}}@media (prefers-reduced-motion:reduce){body[data-ui-layout=true] .list-pagination a{transition:none}}
