.problem-pagination{margin:44px 0;color:var(--problem-ink)}.problem-pagination-pages{display:flex;justify-content:center;gap:8px;margin:0;padding:0;list-style:none}.problem-pagination-gap,.problem-pagination-number{display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:var(--problem-muted);font-family:var(--font-roboto),sans-serif;font-size:16px;font-weight:400;line-height:1;text-decoration:none;font-variant-numeric:tabular-nums;transition:color .16s ease,background-color .16s ease,border-color .16s ease}.problem-pagination-number[href]:hover{background:var(--problem-cyan-soft);color:var(--problem-cyan-dark)}.problem-pagination-number[aria-current=page]{color:var(--problem-cyan-dark);font-weight:700}.problem-pagination--underline .problem-pagination-gap,.problem-pagination--underline .problem-pagination-number{font-family:var(--problem-serif);font-size:19px}.problem-pagination--underline .problem-pagination-number{border-bottom:2px solid transparent}.problem-pagination--underline .problem-pagination-number[aria-current=page]{border-bottom-color:var(--problem-cyan-dark)}.problem-pagination--square .problem-pagination-number{border:1px solid var(--problem-line);border-radius:4px;color:var(--problem-navy)}.problem-pagination--square .problem-pagination-number[aria-current=page]{border-color:var(--problem-navy);background:var(--problem-navy);color:var(--problem-paper)}.problem-pagination--circle .problem-pagination-number{border-radius:50%}.problem-pagination--circle .problem-pagination-number[aria-current=page]{background:var(--problem-cyan-soft);box-shadow:inset 0 0 0 1px var(--problem-cyan)}.problem-pagination--connected .problem-pagination-pages{width:fit-content;margin-inline:auto;gap:0;overflow:hidden;border:1px solid var(--problem-line);border-radius:6px}.problem-pagination--connected li+li{border-left:1px solid var(--problem-line)}.problem-pagination--connected .problem-pagination-number[aria-current=page]{background:var(--problem-blue-soft);color:var(--problem-navy);box-shadow:inset 0 -2px var(--problem-navy)}@media (max-width:639px){.problem-pagination-pages{gap:4px}.problem-pagination-gap,.problem-pagination-number{width:clamp(32px,10vw,44px);height:clamp(32px,10vw,44px)}}@media (prefers-reduced-motion:reduce){.problem-pagination-number{transition:none}}